#loginBody {
    --app-height: 100%;
}

.bx,
.flag-icon {
    display: inline-block
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(../../fonts/boxicons.eot);
    src: url(../../fonts/boxicons.eot) format('embedded-opentype'), url(../../fonts/boxicons.woff2) format('woff2'), url(../../fonts/boxicons.woff) format('woff'), url(../../fonts/boxicons.ttf) format('truetype'), url(../../fonts/boxicons.svg?#boxicons) format('svg')
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

    .bx-ul > li {
        position: relative
    }

    .bx-ul .bx {
        font-size: inherit;
        line-height: inherit;
        position: absolute;
        left: -2em;
        width: 2em;
        text-align: center
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes flashing {
    0%, 90% {
        opacity: 1
    }

    45% {
        opacity: 0
    }
}

@keyframes flashing {
    0%, 90% {
        opacity: 1
    }

    45% {
        opacity: 0
    }
}

@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg)
    }
}

@keyframes tada {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
    }

    40%, 60%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
}

.bx-spin,
.bx-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bx-tada,
.bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-flashing,
.bx-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.bx-burst,
.bx-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.bx-fade-up,
.bx-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.bx-fade-down,
.bx-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.bx-fade-left,
.bx-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.bx-fade-right,
.bx-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.bx-lg {
    font-size: 3 !important
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'
}

.bx-rotate-180 {
    transform: rotate(180deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'
}

.bx-rotate-270 {
    transform: rotate(270deg);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'
}

.bx-flip-horizontal {
    transform: scaleX(-1);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)'
}

.bx-flip-vertical {
    transform: scaleY(-1);
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)'
}

.bx-border {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgba(0, 0, 0, .1);
    border-radius: 50%
}

.bx-abacus:before {
    content: "\e900"
}

.bx-accessibility:before {
    content: "\e901"
}

.bx-add-to-queue:before {
    content: "\e902"
}

.bx-adjust:before {
    content: "\e903"
}

.bx-alarm:before {
    content: "\e904"
}

.bx-alarm-add:before {
    content: "\e905"
}

.bx-alarm-exclamation:before {
    content: "\e906"
}

.docinfoTable {
    background-color: #F6F7F8 !important;
    border: 1px solid black !important;
}

.bx-alarm-off:before {
    content: "\e907"
}

.bx-alarm-snooze:before {
    content: "\e908"
}

.bx-album:before {
    content: "\e909"
}

.bx-align-justify:before {
    content: "\e90a"
}

.bx-align-left:before {
    content: "\e90b"
}

.bx-align-middle:before {
    content: "\e90c"
}

.bx-align-right:before {
    content: "\e90d"
}

.bx-analyse:before {
    content: "\e90e"
}

.bx-anchor:before {
    content: "\e90f"
}

.bx-angry:before {
    content: "\e910"
}

.bx-aperture:before {
    content: "\e911"
}

.bx-arch:before {
    content: "\e912"
}

.bx-archive:before {
    content: "\e913"
}

.bx-archive-in:before {
    content: "\e914"
}

.bx-archive-out:before {
    content: "\e915"
}

.bx-area:before {
    content: "\e916"
}

.bx-arrow-back:before {
    content: "\e917"
}

.bx-arrow-from-bottom:before {
    content: "\e918"
}

.bx-arrow-from-left:before {
    content: "\e919"
}

.bx-arrow-from-right:before {
    content: "\e91a"
}

.bx-arrow-from-top:before {
    content: "\e91b"
}

.bx-arrow-to-bottom:before {
    content: "\e91c"
}

.bx-arrow-to-left:before {
    content: "\e91d"
}

.bx-arrow-to-right:before {
    content: "\e91e"
}

.bx-arrow-to-top:before {
    content: "\e91f"
}

.bx-at:before {
    content: "\e920"
}

.bx-atom:before {
    content: "\e921"
}

.bx-award:before {
    content: "\e922"
}

.bx-badge:before {
    content: "\e923"
}

.bx-badge-check:before {
    content: "\e924"
}

.bx-ball:before {
    content: "\e925"
}

.bx-band-aid:before {
    content: "\e926"
}

.bx-bar-chart:before {
    content: "\e927"
}

.bx-bar-chart-alt:before {
    content: "\e928"
}

.bx-bar-chart-alt-2:before {
    content: "\e929"
}

.bx-bar-chart-square:before {
    content: "\e92a"
}

.bx-barcode:before {
    content: "\e92b"
}

.bx-barcode-reader:before {
    content: "\e92c"
}

.bx-baseball:before {
    content: "\e92d"
}

.bx-basket:before {
    content: "\e92e"
}

.bx-basketball:before {
    content: "\e92f"
}

.bx-bath:before {
    content: "\e930"
}

.bx-battery:before {
    content: "\e931"
}

.bx-bed:before {
    content: "\e932"
}

.bx-been-here:before {
    content: "\e933"
}

.bx-beer:before {
    content: "\e934"
}

.bx-bell:before {
    content: "\e935"
}

.bx-bell-minus:before {
    content: "\e936"
}

.bx-bell-off:before {
    content: "\e937"
}

.bx-bell-plus:before {
    content: "\e938"
}

.bx-bible:before {
    content: "\e939"
}

.bx-bitcoin:before {
    content: "\e93a"
}

.bx-blanket:before {
    content: "\e93b"
}

.bx-block:before {
    content: "\e93c"
}

.bx-bluetooth:before {
    content: "\e93d"
}

.bx-body:before {
    content: "\e93e"
}

.bx-bold:before {
    content: "\e93f"
}

.bx-bolt-circle:before {
    content: "\e940"
}

.bx-bomb:before {
    content: "\e941"
}

.bx-bone:before {
    content: "\e942"
}

.bx-bong:before {
    content: "\e943"
}

.bx-book:before {
    content: "\e944"
}

.bx-book-add:before {
    content: "\e945"
}

.bx-book-alt:before {
    content: "\e946"
}

.bx-book-bookmark:before {
    content: "\e947"
}

.bx-book-content:before {
    content: "\e948"
}

.bx-book-heart:before {
    content: "\e949"
}

.bx-bookmark:before {
    content: "\e94a"
}

.bx-bookmark-alt:before {
    content: "\e94b"
}

.bx-bookmark-alt-minus:before {
    content: "\e94c"
}

.bx-bookmark-alt-plus:before {
    content: "\e94d"
}

.bx-bookmark-heart:before {
    content: "\e94e"
}

.bx-bookmark-minus:before {
    content: "\e94f"
}

.bx-bookmark-plus:before {
    content: "\e950"
}

.bx-bookmarks:before {
    content: "\e951"
}

.bx-book-open:before {
    content: "\e952"
}

.bx-book-reader:before {
    content: "\e953"
}

.bx-border-all:before {
    content: "\e954"
}

.bx-border-bottom:before {
    content: "\e955"
}

.bx-border-inner:before {
    content: "\e956"
}

.bx-border-left:before {
    content: "\e957"
}

.bx-border-none:before {
    content: "\e958"
}

.bx-border-outer:before {
    content: "\e959"
}

.bx-border-radius:before {
    content: "\e95a"
}

.bx-border-right:before {
    content: "\e95b"
}

.bx-border-top:before {
    content: "\e95c"
}

.bx-bot:before {
    content: "\e95d"
}

.bx-bowling-ball:before {
    content: "\e95e"
}

.bx-box:before {
    content: "\e95f"
}

.bx-bracket:before {
    content: "\e960"
}

.bx-braille:before {
    content: "\e961"
}

.bx-brain:before {
    content: "\e962"
}

.bx-briefcase:before {
    content: "\e963"
}

.bx-briefcase-alt:before {
    content: "\e964"
}

.bx-briefcase-alt-2:before {
    content: "\e965"
}

.bx-brightness:before {
    content: "\e966"
}

.bx-brightness-half:before {
    content: "\e967"
}

.bx-broadcast:before {
    content: "\e968"
}

.bx-brush:before {
    content: "\e969"
}

.bx-brush-alt:before {
    content: "\e96a"
}

.bx-bug:before {
    content: "\e96b"
}

.bx-bug-alt:before {
    content: "\e96c"
}

.bx-building:before {
    content: "\e96d"
}

.bx-building-house:before {
    content: "\e96e"
}

.bx-buildings:before {
    content: "\e96f"
}

.bx-bulb:before {
    content: "\e970"
}

.bx-bullseye:before {
    content: "\e971"
}

.bx-buoy:before {
    content: "\e972"
}

.bx-bus:before {
    content: "\e973"
}

.bx-bus-school:before {
    content: "\e974"
}

.bx-cabinet:before {
    content: "\e975"
}

.bx-cake:before {
    content: "\e976"
}

.bx-calculator:before {
    content: "\e977"
}

.bx-calendar:before {
    content: "\e978"
}

.bx-calendar-alt:before {
    content: "\e979"
}

.bx-calendar-check:before {
    content: "\e97a"
}

.bx-calendar-edit:before {
    content: "\e97b"
}

.bx-calendar-event:before {
    content: "\e97c"
}

.bx-calendar-exclamation:before {
    content: "\e97d"
}

.bx-calendar-heart:before {
    content: "\e97e"
}

.bx-calendar-minus:before {
    content: "\e97f"
}

.bx-calendar-plus:before {
    content: "\e980"
}

.bx-calendar-star:before {
    content: "\e981"
}

.bx-calendar-week:before {
    content: "\e982"
}

.bx-calendar-x:before {
    content: "\e983"
}

.bx-camera:before {
    content: "\e984"
}

.bx-camera-home:before {
    content: "\e985"
}

.bx-camera-movie:before {
    content: "\e986"
}

.bx-camera-off:before {
    content: "\e987"
}

.bx-capsule:before {
    content: "\e988"
}

.bx-captions:before {
    content: "\e989"
}

.bx-car:before {
    content: "\e98a"
}

.bx-card:before {
    content: "\e98b"
}

.bx-caret-down:before {
    content: "\e98c"
}

.bx-caret-down-circle:before {
    content: "\e98d"
}

.bx-caret-down-square:before {
    content: "\e98e"
}

.bx-caret-left:before {
    content: "\e98f"
}

.bx-caret-left-circle:before {
    content: "\e990"
}

.bx-caret-left-square:before {
    content: "\e991"
}

.bx-caret-right:before {
    content: "\e992"
}

.bx-caret-right-circle:before {
    content: "\e993"
}

.bx-caret-right-square:before {
    content: "\e994"
}

.bx-caret-up:before {
    content: "\e995"
}

.bx-caret-up-circle:before {
    content: "\e996"
}

.bx-caret-up-square:before {
    content: "\e997"
}

.bx-carousel:before {
    content: "\e998"
}

.bx-cart:before {
    content: "\e999"
}

.bx-cart-alt:before {
    content: "\e99a"
}

.bx-cast:before {
    content: "\e99b"
}

.bx-category:before {
    content: "\e99c"
}

.bx-category-alt:before {
    content: "\e99d"
}

.bx-cctv:before {
    content: "\e99e"
}

.bx-certification:before {
    content: "\e99f"
}

.bx-chair:before {
    content: "\e9a0"
}

.bx-chalkboard:before {
    content: "\e9a1"
}

.bx-chart:before {
    content: "\e9a2"
}

.bx-chat:before {
    content: "\e9a3"
}

.bx-check:before {
    content: "\e9a4"
}

.bx-checkbox:before {
    content: "\e9a5"
}

.bx-checkbox-checked:before {
    content: "\e9a6"
}

.bx-checkbox-square:before {
    content: "\e9a7"
}

.bx-check-circle:before {
    content: "\e9a8"
}

.bx-check-double:before {
    content: "\e9a9"
}

.bx-check-shield:before {
    content: "\e9aa"
}

.bx-check-square:before {
    content: "\e9ab"
}

.bx-chevron-down:before {
    content: "\e9ac"
}

.bx-chevron-down-circle:before {
    content: "\e9ad"
}

.bx-chevron-down-square:before {
    content: "\e9ae"
}

.bx-chevron-left:before {
    content: "\e9af"
}

.bx-chevron-left-circle:before {
    content: "\e9b0"
}

.bx-chevron-left-square:before {
    content: "\e9b1"
}

.bx-chevron-right:before {
    content: "\e9b2"
}

.bx-chevron-right-circle:before {
    content: "\e9b3"
}

.bx-chevron-right-square:before {
    content: "\e9b4"
}

.bx-chevrons-down:before {
    content: "\e9b5"
}

.bx-chevrons-left:before {
    content: "\e9b6"
}

.bx-chevrons-right:before {
    content: "\e9b7"
}

.bx-chevrons-up:before {
    content: "\e9b8"
}

.bx-chevron-up:before {
    content: "\e9b9"
}

.bx-chevron-up-circle:before {
    content: "\e9ba"
}

.bx-chevron-up-square:before {
    content: "\e9bb"
}

.bx-chip:before {
    content: "\e9bc"
}

.bx-church:before {
    content: "\e9bd"
}

.bx-circle:before {
    content: "\e9be"
}

.bx-clinic:before {
    content: "\e9bf"
}

.bx-clipboard:before {
    content: "\e9c0"
}

.bx-closet:before {
    content: "\e9c1"
}

.bx-cloud:before {
    content: "\e9c2"
}

.bx-cloud-download:before {
    content: "\e9c3"
}

.bx-cloud-drizzle:before {
    content: "\e9c4"
}

.bx-cloud-lightning:before {
    content: "\e9c5"
}

.bx-cloud-light-rain:before {
    content: "\e9c6"
}

.bx-cloud-rain:before {
    content: "\e9c7"
}

.bx-cloud-snow:before {
    content: "\e9c8"
}

.bx-cloud-upload:before {
    content: "\e9c9"
}

.bx-code:before {
    content: "\e9ca"
}

.bx-code-alt:before {
    content: "\e9cb"
}

.bx-code-block:before {
    content: "\e9cc"
}

.bx-code-curly:before {
    content: "\e9cd"
}

.bx-coffee:before {
    content: "\e9ce"
}

.bx-coffee-togo:before {
    content: "\e9cf"
}

.bx-cog:before {
    content: "\e9d0"
}

.bx-coin:before {
    content: "\e9d1"
}

.bx-coin-stack:before {
    content: "\e9d2"
}

.bx-collapse:before {
    content: "\e9d3"
}

.bx-collection:before {
    content: "\e9d4"
}

.bx-color-fill:before {
    content: "\e9d5"
}

.bx-columns:before {
    content: "\e9d6"
}

.bx-command:before {
    content: "\e9d7"
}

.bx-comment:before {
    content: "\e9d8"
}

.bx-comment-add:before {
    content: "\e9d9"
}

.bx-comment-check:before {
    content: "\e9da"
}

.bx-comment-detail:before {
    content: "\e9db"
}

.bx-comment-dots:before {
    content: "\e9dc"
}

.bx-comment-edit:before {
    content: "\e9dd"
}

.bx-comment-error:before {
    content: "\e9de"
}

.bx-comment-minus:before {
    content: "\e9df"
}

.bx-comment-x:before {
    content: "\e9e0"
}

.bx-compass:before {
    content: "\e9e1"
}

.bx-confused:before {
    content: "\e9e2"
}

.bx-conversation:before {
    content: "\e9e3"
}

.bx-cookie:before {
    content: "\e9e4"
}

.bx-cool:before {
    content: "\e9e5"
}

.bx-copy:before {
    content: "\e9e6"
}

.bx-copy-alt:before {
    content: "\e9e7"
}

.bx-copyright:before {
    content: "\e9e8"
}

.bx-credit-card:before {
    content: "\e9e9"
}

.bx-credit-card-alt:before {
    content: "\e9ea"
}

.bx-credit-card-front:before {
    content: "\e9eb"
}

.bx-crop:before {
    content: "\e9ec"
}

.bx-crosshair:before {
    content: "\e9ed"
}

.bx-crown:before {
    content: "\e9ee"
}

.bx-cube:before {
    content: "\e9ef"
}

.bx-cube-alt:before {
    content: "\e9f0"
}

.bx-cuboid:before {
    content: "\e9f1"
}

.bx-current-location:before {
    content: "\e9f2"
}

.bx-customize:before {
    content: "\e9f3"
}

.bx-cut:before {
    content: "\e9f4"
}

.bx-cycling:before {
    content: "\e9f5"
}

.bx-cylinder:before {
    content: "\e9f6"
}

.bx-data:before {
    content: "\e9f7"
}

.bx-desktop:before {
    content: "\e9f8"
}

.bx-detail:before {
    content: "\e9f9"
}

.bx-devices:before {
    content: "\e9fa"
}

.bx-dialpad:before {
    content: "\e9fb"
}

.bx-dialpad-alt:before {
    content: "\e9fc"
}

.bx-diamond:before {
    content: "\e9fd"
}

.bx-dice-1:before {
    content: "\e9fe"
}

.bx-dice-2:before {
    content: "\e9ff"
}

.bx-dice-3:before {
    content: "\ea00"
}

.bx-dice-4:before {
    content: "\ea01"
}

.bx-dice-5:before {
    content: "\ea02"
}

.bx-dice-6:before {
    content: "\ea03"
}

.bx-directions:before {
    content: "\ea04"
}

.bx-disc:before {
    content: "\ea05"
}

.bx-dish:before {
    content: "\ea06"
}

.bx-dislike:before {
    content: "\ea07"
}

.bx-dizzy:before {
    content: "\ea08"
}

.bx-dna:before {
    content: "\ea09"
}

.bx-dock-bottom:before {
    content: "\ea0a"
}

.bx-dock-left:before {
    content: "\ea0b"
}

.bx-dock-right:before {
    content: "\ea0c"
}

.bx-dock-top:before {
    content: "\ea0d"
}

.bx-dollar:before {
    content: "\ea0e"
}

.bx-dollar-circle:before {
    content: "\ea0f"
}

.bx-donate-blood:before {
    content: "\ea10"
}

.bx-donate-heart:before {
    content: "\ea11"
}

.bx-door-open:before {
    content: "\ea12"
}

.bx-dots-horizontal:before {
    content: "\ea13"
}

.bx-dots-horizontal-rounded:before {
    content: "\ea14"
}

.bx-dots-vertical:before {
    content: "\ea15"
}

.bx-dots-vertical-rounded:before {
    content: "\ea16"
}

.bx-doughnut-chart:before {
    content: "\ea17"
}

.bx-down-arrow:before {
    content: "\ea18"
}

.bx-down-arrow-alt:before {
    content: "\ea19"
}

.bx-down-arrow-circle:before {
    content: "\ea1a"
}

.bx-download:before {
    content: "\ea1b"
}

.bx-downvote:before {
    content: "\ea1c"
}

.bx-drink:before {
    content: "\ea1d"
}

.bx-droplet:before {
    content: "\ea1e"
}

.bx-dumbbell:before {
    content: "\ea1f"
}

.bx-duplicate:before {
    content: "\ea20"
}

.bx-edit:before {
    content: "\ea21"
}

.bx-edit-alt:before {
    content: "\ea22"
}

.bx-envelope:before {
    content: "\ea23"
}

.bx-envelope-open:before {
    content: "\ea24"
}

.bx-equalizer:before {
    content: "\ea25"
}

.bx-eraser:before {
    content: "\ea26"
}

.bx-error:before {
    content: "\ea27"
}

.bx-error-alt:before {
    content: "\ea28"
}

.bx-error-circle:before {
    content: "\ea29"
}

.bx-euro:before {
    content: "\ea2a"
}

.bx-exclude:before {
    content: "\ea2b"
}

.bx-exit:before {
    content: "\ea2c"
}

.bx-exit-fullscreen:before {
    content: "\ea2d"
}

.bx-expand:before {
    content: "\ea2e"
}

.bx-expand-alt:before {
    content: "\ea2f"
}

.bx-export:before {
    content: "\ea30"
}

.bx-extension:before {
    content: "\ea31"
}

.bx-face:before {
    content: "\ea32"
}

.bx-fast-forward:before {
    content: "\ea33"
}

.bx-fast-forward-circle:before {
    content: "\ea34"
}

.bx-female:before {
    content: "\ea35"
}

.bx-female-sign:before {
    content: "\ea36"
}

.bx-file:before {
    content: "\ea37"
}

.bx-file-blank:before {
    content: "\ea38"
}

.bx-file-find:before {
    content: "\ea39"
}

.bx-film:before {
    content: "\ea3a"
}

.bx-filter:before {
    content: "\ea3b"
}

.bx-filter-alt:before {
    content: "\ea3c"
}

.bx-fingerprint:before {
    content: "\ea3d"
}

.bx-first-aid:before {
    content: "\ea3e"
}

.bx-first-page:before {
    content: "\ea3f"
}

.bx-flag:before {
    content: "\ea40"
}

.bx-folder:before {
    content: "\ea41"
}

.bx-folder-minus:before {
    content: "\ea42"
}

.bx-folder-open:before {
    content: "\ea43"
}

.bx-folder-plus:before {
    content: "\ea44"
}

.bx-font:before {
    content: "\ea45"
}

.bx-font-color:before {
    content: "\ea46"
}

.bx-font-family:before {
    content: "\ea47"
}

.bx-font-size:before {
    content: "\ea48"
}

.bx-food-menu:before {
    content: "\ea49"
}

.bx-food-tag:before {
    content: "\ea4a"
}

.bx-football:before {
    content: "\ea4b"
}

.bx-fridge:before {
    content: "\ea4c"
}

.bx-fullscreen:before {
    content: "\ea4d"
}

.bx-game:before {
    content: "\ea4e"
}

.bx-gas-pump:before {
    content: "\ea4f"
}

.bx-ghost:before {
    content: "\ea50"
}

.bx-gift:before {
    content: "\ea51"
}

.bx-git-branch:before {
    content: "\ea52"
}

.bx-git-commit:before {
    content: "\ea53"
}

.bx-git-compare:before {
    content: "\ea54"
}

.bx-git-merge:before {
    content: "\ea55"
}

.bx-git-pull-request:before {
    content: "\ea56"
}

.bx-git-repo-forked:before {
    content: "\ea57"
}

.bx-glasses:before {
    content: "\ea58"
}

.bx-glasses-alt:before {
    content: "\ea59"
}

.bx-globe:before {
    content: "\ea5a"
}

.bx-globe-alt:before {
    content: "\ea5b"
}

.bx-grid:before {
    content: "\ea5c"
}

.bx-grid-alt:before {
    content: "\ea5d"
}

.bx-grid-horizontal:before {
    content: "\ea5e"
}

.bx-grid-small:before {
    content: "\ea5f"
}

.bx-grid-vertical:before {
    content: "\ea60"
}

.bx-group:before {
    content: "\ea61"
}

.bx-handicap:before {
    content: "\ea62"
}

.bx-happy:before {
    content: "\ea63"
}

.bx-happy-alt:before {
    content: "\ea64"
}

.bx-happy-beaming:before {
    content: "\ea65"
}

.bx-happy-heart-eyes:before {
    content: "\ea66"
}

.bx-hash:before {
    content: "\ea67"
}

.bx-hdd:before {
    content: "\ea68"
}

.bx-heading:before {
    content: "\ea69"
}

.bx-headphone:before {
    content: "\ea6a"
}

.bx-health:before {
    content: "\ea6b"
}

.bx-heart:before {
    content: "\ea6c"
}

.bx-heart-circle:before {
    content: "\ea6d"
}

.bx-heart-square:before {
    content: "\ea6e"
}

.bx-help-circle:before {
    content: "\ea6f"
}

.bx-hide:before {
    content: "\ea70"
}

.bx-highlight:before {
    content: "\ea71"
}

.bx-history:before {
    content: "\ea72"
}

.bx-hive:before {
    content: "\ea73"
}

.bx-home:before {
    content: "\ea74"
}

.bx-home-alt:before {
    content: "\ea75"
}

.bx-home-circle:before {
    content: "\ea76"
}

.bx-home-heart:before {
    content: "\ea77"
}

.bx-home-smile:before {
    content: "\ea78"
}

.bx-horizontal-center:before {
    content: "\ea79"
}

.bx-hotel:before {
    content: "\ea7a"
}

.bx-hourglass:before {
    content: "\ea7b"
}

.bx-id-card:before {
    content: "\ea7c"
}

.bx-image:before {
    content: "\ea7d"
}

.bx-image-add:before {
    content: "\ea7e"
}

.bx-image-alt:before {
    content: "\ea7f"
}

.bx-images:before {
    content: "\ea80"
}

.bx-import:before {
    content: "\ea81"
}

.bx-infinite:before {
    content: "\ea82"
}

.bx-info-circle:before {
    content: "\ea83"
}

.bx-info-square:before {
    content: "\ea84"
}

.bx-intersect:before {
    content: "\ea85"
}

.bx-italic:before {
    content: "\ea86"
}

.bx-joystick:before {
    content: "\ea87"
}

.bx-joystick-alt:before {
    content: "\ea88"
}

.bx-joystick-button:before {
    content: "\ea89"
}

.bx-key:before {
    content: "\ea8a"
}

.bx-label:before {
    content: "\ea8b"
}

.bx-landscape:before {
    content: "\ea8c"
}

.bx-laptop:before {
    content: "\ea8d"
}

.bx-last-page:before {
    content: "\ea8e"
}

.bx-laugh:before {
    content: "\ea8f"
}

.bx-layer:before {
    content: "\ea90"
}

.bx-layer-minus:before {
    content: "\ea91"
}

.bx-layer-plus:before {
    content: "\ea92"
}

.bx-layout:before {
    content: "\ea93"
}

.bx-left-arrow:before {
    content: "\ea94"
}

.bx-left-arrow-alt:before {
    content: "\ea95"
}

.bx-left-arrow-circle:before {
    content: "\ea96"
}

.bx-left-down-arrow-circle:before {
    content: "\ea97"
}

.bx-left-indent:before {
    content: "\ea98"
}

.bx-left-top-arrow-circle:before {
    content: "\ea99"
}

.bx-library:before {
    content: "\ea9a"
}

.bx-like:before {
    content: "\ea9b"
}

.bx-line-chart:before {
    content: "\ea9c"
}

.bx-line-chart-down:before {
    content: "\ea9d"
}

.bx-link:before {
    content: "\ea9e"
}

.bx-link-alt:before {
    content: "\ea9f"
}

.bx-link-external:before {
    content: "\eaa0"
}

.bx-lira:before {
    content: "\eaa1"
}

.bx-list-check:before {
    content: "\eaa2"
}

.bx-list-minus:before {
    content: "\eaa3"
}

.bx-list-ol:before {
    content: "\eaa4"
}

.bx-list-plus:before {
    content: "\eaa5"
}

.bx-list-ul:before {
    content: "\eaa6"
}

.bx-loader:before {
    content: "\eaa7"
}

.bx-loader-alt:before {
    content: "\eaa8"
}

.bx-loader-circle:before {
    content: "\eaa9"
}

.bx-location-plus:before {
    content: "\eaaa"
}

.bx-lock:before {
    content: "\eaab"
}

.bx-lock-alt:before {
    content: "\eaac"
}

.bx-lock-open:before {
    content: "\eaad"
}

.bx-lock-open-alt:before {
    content: "\eaae"
}

.bx-log-in:before {
    content: "\eaaf"
}

.bx-log-in-circle:before {
    content: "\eab0"
}

.bx-log-out:before {
    content: "\eab1"
}

.bx-log-out-circle:before {
    content: "\eab2"
}

.bx-low-vision:before {
    content: "\eab3"
}

.bx-magnet:before {
    content: "\eab4"
}

.bx-mail-send:before {
    content: "\eab5"
}

.bx-male:before {
    content: "\eab6"
}

.bx-male-sign:before {
    content: "\eab7"
}

.bx-map:before {
    content: "\eab8"
}

.bx-map-alt:before {
    content: "\eab9"
}

.bx-map-pin:before {
    content: "\eaba"
}

.bx-mask:before {
    content: "\eabb"
}

.bx-medal:before {
    content: "\eabc"
}

.bx-meh:before {
    content: "\eabd"
}

.bx-meh-alt:before {
    content: "\eabe"
}

.bx-meh-blank:before {
    content: "\eabf"
}

.bx-memory-card:before {
    content: "\eac0"
}

.bx-menu:before {
    content: "\eac1"
}

.bx-menu-alt-left:before {
    content: "\eac2"
}

.bx-menu-alt-right:before {
    content: "\eac3"
}

.bx-merge:before {
    content: "\eac4"
}

.bx-message:before {
    content: "\eac5"
}

.bx-message-add:before {
    content: "\eac6"
}

.bx-message-alt:before {
    content: "\eac7"
}

.bx-message-alt-add:before {
    content: "\eac8"
}

.bx-message-alt-check:before {
    content: "\eac9"
}

.bx-message-alt-detail:before {
    content: "\eaca"
}

.bx-message-alt-dots:before {
    content: "\eacb"
}

.bx-message-alt-edit:before {
    content: "\eacc"
}

.bx-message-alt-error:before {
    content: "\eacd"
}

.bx-message-alt-minus:before {
    content: "\eace"
}

.bx-message-alt-x:before {
    content: "\eacf"
}

.bx-message-check:before {
    content: "\ead0"
}

.bx-message-detail:before {
    content: "\ead1"
}

.bx-message-dots:before {
    content: "\ead2"
}

.bx-message-edit:before {
    content: "\ead3"
}

.bx-message-error:before {
    content: "\ead4"
}

.bx-message-minus:before {
    content: "\ead5"
}

.bx-message-rounded:before {
    content: "\ead6"
}

.bx-message-rounded-add:before {
    content: "\ead7"
}

.bx-message-rounded-check:before {
    content: "\ead8"
}

.bx-message-rounded-detail:before {
    content: "\ead9"
}

.bx-message-rounded-dots:before {
    content: "\eada"
}

.bx-message-rounded-edit:before {
    content: "\eadb"
}

.bx-message-rounded-error:before {
    content: "\eadc"
}

.bx-message-rounded-minus:before {
    content: "\eadd"
}

.bx-message-rounded-x:before {
    content: "\eade"
}

.bx-message-square:before {
    content: "\eadf"
}

.bx-message-square-add:before {
    content: "\eae0"
}

.bx-message-square-check:before {
    content: "\eae1"
}

.bx-message-square-detail:before {
    content: "\eae2"
}

.bx-message-square-dots:before {
    content: "\eae3"
}

.bx-message-square-edit:before {
    content: "\eae4"
}

.bx-message-square-error:before {
    content: "\eae5"
}

.bx-message-square-minus:before {
    content: "\eae6"
}

.bx-message-square-x:before {
    content: "\eae7"
}

.bx-message-x:before {
    content: "\eae8"
}

.bx-meteor:before {
    content: "\eae9"
}

.bx-microchip:before {
    content: "\eaea"
}

.bx-microphone:before {
    content: "\eaeb"
}

.bx-microphone-off:before {
    content: "\eaec"
}

.bx-minus:before {
    content: "\eaed"
}

.bx-minus-back:before {
    content: "\eaee"
}

.bx-minus-circle:before {
    content: "\eaef"
}

.bx-minus-front:before {
    content: "\eaf0"
}

.bx-mobile:before {
    content: "\eaf1"
}

.bx-mobile-alt:before {
    content: "\eaf2"
}

.bx-mobile-landscape:before {
    content: "\eaf3"
}

.bx-mobile-vibration:before {
    content: "\eaf4"
}

.bx-money:before {
    content: "\eaf5"
}

.bx-moon:before {
    content: "\eaf6"
}

.bx-mouse:before {
    content: "\eaf7"
}

.bx-mouse-alt:before {
    content: "\eaf8"
}

.bx-move:before {
    content: "\eaf9"
}

.bx-move-horizontal:before {
    content: "\eafa"
}

.bx-move-vertical:before {
    content: "\eafb"
}

.bx-movie:before {
    content: "\eafc"
}

.bx-movie-play:before {
    content: "\eafd"
}

.bx-music:before {
    content: "\eafe"
}

.bx-navigation:before {
    content: "\eaff"
}

.bx-network-chart:before {
    content: "\eb00"
}

.bx-news:before {
    content: "\eb01"
}

.bx-no-entry:before {
    content: "\eb02"
}

.bx-note:before {
    content: "\eb03"
}

.bx-notepad:before {
    content: "\eb04"
}

.bx-notification:before {
    content: "\eb05"
}

.bx-notification-off:before {
    content: "\eb06"
}

.bx-outline:before {
    content: "\eb07"
}

.bx-package:before {
    content: "\eb08"
}

.bx-paint:before {
    content: "\eb09"
}

.bx-paint-roll:before {
    content: "\eb0a"
}

.bx-palette:before {
    content: "\eb0b"
}

.bx-paperclip:before {
    content: "\eb0c"
}

.bx-paper-plane:before {
    content: "\eb0d"
}

.bx-paragraph:before {
    content: "\eb0e"
}

.bx-paste:before {
    content: "\eb0f"
}

.bx-pause:before {
    content: "\eb10"
}

.bx-pause-circle:before {
    content: "\eb11"
}

.bx-pen:before {
    content: "\eb12"
}

.bx-pencil:before {
    content: "\eb13"
}

.bx-phone:before {
    content: "\eb14"
}

.bx-phone-call:before {
    content: "\eb15"
}

.bx-phone-incoming:before {
    content: "\eb16"
}

.bx-phone-outgoing:before {
    content: "\eb17"
}

.bx-photo-album:before {
    content: "\eb18"
}

.bx-pie-chart:before {
    content: "\eb19"
}

.bx-pie-chart-alt:before {
    content: "\eb1a"
}

.bx-pie-chart-alt-2:before {
    content: "\eb1b"
}

.bx-pin:before {
    content: "\eb1c"
}

.bx-planet:before {
    content: "\eb1d"
}

.bx-play:before {
    content: "\eb1e"
}

.bx-play-circle:before {
    content: "\eb1f"
}

.bx-plug:before {
    content: "\eb20"
}

.bx-plus:before {
    content: "\eb21"
}

.bx-plus-circle:before {
    content: "\eb22"
}

.bx-plus-medical:before {
    content: "\eb23"
}

.bx-pointer:before {
    content: "\eb24"
}

.bx-poll:before {
    content: "\eb25"
}

.bx-polygon:before {
    content: "\eb26"
}

.bx-pound:before {
    content: "\eb27"
}

.bx-power-off:before {
    content: "\eb28"
}

.bx-printer:before {
    content: "\eb29"
}

.bx-pulse:before {
    content: "\eb2a"
}

.bx-purchase-tag:before {
    content: "\eb2b"
}

.bx-purchase-tag-alt:before {
    content: "\eb2c"
}

.bx-pyramid:before {
    content: "\eb2d"
}

.bx-question-mark:before {
    content: "\eb2e"
}

.bx-radar:before {
    content: "\eb2f"
}

.bx-radio:before {
    content: "\eb30"
}

.bx-radio-circle:before {
    content: "\eb31"
}

.bx-radio-circle-marked:before {
    content: "\eb32"
}

.bx-receipt:before {
    content: "\eb33"
}

.bx-rectangle:before {
    content: "\eb34"
}

.bx-recycle:before {
    content: "\eb35"
}

.bx-redo:before {
    content: "\eb36"
}

.bx-refresh:before {
    content: "\eb37"
}

.bx-rename:before {
    content: "\eb38"
}

.bx-repeat:before {
    content: "\eb39"
}

.bx-reply:before {
    content: "\eb3a"
}

.bx-reply-all:before {
    content: "\eb3b"
}

.bx-repost:before {
    content: "\eb3c"
}

.bx-reset:before {
    content: "\eb3d"
}

.bx-restaurant:before {
    content: "\eb3e"
}

.bx-revision:before {
    content: "\eb3f"
}

.bx-rewind:before {
    content: "\eb40"
}

.bx-rewind-circle:before {
    content: "\eb41"
}

.bx-right-arrow:before {
    content: "\eb42"
}

.bx-right-arrow-alt:before {
    content: "\eb43"
}

.bx-right-arrow-circle:before {
    content: "\eb44"
}

.bx-right-down-arrow-circle:before {
    content: "\eb45"
}

.bx-right-indent:before {
    content: "\eb46"
}

.bx-right-top-arrow-circle:before {
    content: "\eb47"
}

.bx-rocket:before {
    content: "\eb48"
}

.bx-rotate-left:before {
    content: "\eb49"
}

.bx-rotate-right:before {
    content: "\eb4a"
}

.bx-rss:before {
    content: "\eb4b"
}

.bx-ruble:before {
    content: "\eb4c"
}

.bx-ruler:before {
    content: "\eb4d"
}

.bx-run:before {
    content: "\eb4e"
}

.bx-rupee:before {
    content: "\eb4f"
}

.bx-sad:before {
    content: "\eb50"
}

.bx-save:before {
    content: "\eb51"
}

.bx-scan:before {
    content: "\eb52"
}

.bx-screenshot:before {
    content: "\eb53"
}

.bx-search:before {
    content: "\eb54"
}

.bx-search-alt:before {
    content: "\eb55"
}

.bx-search-alt-2:before {
    content: "\eb56"
}

.bx-selection:before {
    content: "\eb57"
}

.bx-select-multiple:before {
    content: "\eb58"
}

.bx-send:before {
    content: "\eb59"
}

.bx-server:before {
    content: "\eb5a"
}

.bx-shape-circle:before {
    content: "\eb5b"
}

.bx-shape-polygon:before {
    content: "\eb5c"
}

.bx-shape-square:before {
    content: "\eb5d"
}

.bx-shape-triangle:before {
    content: "\eb5e"
}

.bx-share:before {
    content: "\eb5f"
}

.bx-share-alt:before {
    content: "\eb60"
}

.bx-shekel:before {
    content: "\eb61"
}

.bx-shield:before {
    content: "\eb62"
}

.bx-shield-alt:before {
    content: "\eb63"
}

.bx-shield-alt-2:before {
    content: "\eb64"
}

.bx-shield-quarter:before {
    content: "\eb65"
}

.bx-shield-x:before {
    content: "\eb66"
}

.bx-shocked:before {
    content: "\eb67"
}

.bx-shopping-bag:before {
    content: "\eb68"
}

.bx-show:before {
    content: "\eb69"
}

.bx-show-alt:before {
    content: "\eb6a"
}

.bx-shuffle:before {
    content: "\eb6b"
}

.bx-sidebar:before {
    content: "\eb6c"
}

.bx-sitemap:before {
    content: "\eb6d"
}

.bx-skip-next:before {
    content: "\eb6e"
}

.bx-skip-next-circle:before {
    content: "\eb6f"
}

.bx-skip-previous:before {
    content: "\eb70"
}

.bx-skip-previous-circle:before {
    content: "\eb71"
}

.bx-sleepy:before {
    content: "\eb72"
}

.bx-slider:before {
    content: "\eb73"
}

.bx-slider-alt:before {
    content: "\eb74"
}

.bx-slideshow:before {
    content: "\eb75"
}

.bx-smile:before {
    content: "\eb76"
}

.bx-sort:before {
    content: "\eb77"
}

.bx-sort-alt-2:before {
    content: "\eb78"
}

.bx-sort-a-z:before {
    content: "\eb79"
}

.bx-sort-down:before {
    content: "\eb7a"
}

.bx-sort-up:before {
    content: "\eb7b"
}

.bx-sort-z-a:before {
    content: "\eb7c"
}

.bx-spa:before {
    content: "\eb7d"
}

.bx-space-bar:before {
    content: "\eb7e"
}

.bx-spray-can:before {
    content: "\eb7f"
}

.bx-spreadsheet:before {
    content: "\eb80"
}

.bx-square:before {
    content: "\eb81"
}

.bx-square-rounded:before {
    content: "\eb82"
}

.bx-star:before {
    content: "\eb83"
}

.bx-station:before {
    content: "\eb84"
}

.bx-stats:before {
    content: "\eb85"
}

.bx-sticker:before {
    content: "\eb86"
}

.bx-stop:before {
    content: "\eb87"
}

.bx-stop-circle:before {
    content: "\eb88"
}

.bx-stopwatch:before {
    content: "\eb89"
}

.bx-store:before {
    content: "\eb8a"
}

.bx-store-alt:before {
    content: "\eb8b"
}

.bx-street-view:before {
    content: "\eb8c"
}

.bx-strikethrough:before {
    content: "\eb8d"
}

.bx-subdirectory-left:before {
    content: "\eb8e"
}

.bx-subdirectory-right:before {
    content: "\eb8f"
}

.bx-sun:before {
    content: "\eb90"
}

.bx-support:before {
    content: "\eb91"
}

.bx-swim:before {
    content: "\eb92"
}

.bx-sync:before {
    content: "\eb93"
}

.bx-tab:before {
    content: "\eb94"
}

.bx-table:before {
    content: "\eb95"
}

.bx-tachometer:before {
    content: "\eb96"
}

.bx-tag:before {
    content: "\eb97"
}

.bx-tag-alt:before {
    content: "\eb98"
}

.bx-target-lock:before {
    content: "\eb99"
}

.bx-task:before {
    content: "\eb9a"
}

.bx-task-x:before {
    content: "\eb9b"
}

.bx-taxi:before {
    content: "\eb9c"
}

.bx-tennis-ball:before {
    content: "\eb9d"
}

.bx-terminal:before {
    content: "\eb9e"
}

.bx-test-tube:before {
    content: "\eb9f"
}

.bx-text:before {
    content: "\eba0"
}

.bx-time:before {
    content: "\eba1"
}

.bx-time-five:before {
    content: "\eba2"
}

.bx-timer:before {
    content: "\eba3"
}

.bx-tired:before {
    content: "\eba4"
}

.bx-toggle-left:before {
    content: "\eba5"
}

.bx-toggle-right:before {
    content: "\eba6"
}

.bx-tone:before {
    content: "\eba7"
}

.bx-traffic-cone:before {
    content: "\eba8"
}

.bx-train:before {
    content: "\eba9"
}

.bx-transfer:before {
    content: "\ebaa"
}

.bx-transfer-alt:before {
    content: "\ebab"
}

.bx-trash:before {
    content: "\ebac"
}

.bx-trash-alt:before {
    content: "\ebad"
}

.bx-trending-down:before {
    content: "\ebae"
}

.bx-trending-up:before {
    content: "\ebaf"
}

.bx-trim:before {
    content: "\ebb0"
}

.bx-trip:before {
    content: "\ebb1"
}

.bx-trophy:before {
    content: "\ebb2"
}

.bx-tv:before {
    content: "\ebb3"
}

.bx-underline:before {
    content: "\ebb4"
}

.bx-undo:before {
    content: "\ebb5"
}

.bx-unite:before {
    content: "\ebb6"
}

.bx-unlink:before {
    content: "\ebb7"
}

.bx-up-arrow:before {
    content: "\ebb8"
}

.bx-up-arrow-alt:before {
    content: "\ebb9"
}

.bx-up-arrow-circle:before {
    content: "\ebba"
}

.bx-upload:before {
    content: "\ebbb"
}

.bx-upside-down:before {
    content: "\ebbc"
}

.bx-upvote:before {
    content: "\ebbd"
}

.bx-usb:before {
    content: "\ebbe"
}

.bx-user:before {
    content: "\ebbf"
}

.bx-user-check:before {
    content: "\ebc0"
}

.bx-user-circle:before {
    content: "\ebc1"
}

.bx-user-minus:before {
    content: "\ebc2"
}

.bx-user-pin:before {
    content: "\ebc3"
}

.bx-user-plus:before {
    content: "\ebc4"
}

.bx-user-voice:before {
    content: "\ebc5"
}

.bx-user-x:before {
    content: "\ebc6"
}

.bx-vector:before {
    content: "\ebc7"
}

.bx-vertical-center:before {
    content: "\ebc8"
}

.bx-vial:before {
    content: "\ebc9"
}

.bx-video:before {
    content: "\ebca"
}

.bx-video-off:before {
    content: "\ebcb"
}

.bx-video-plus:before {
    content: "\ebcc"
}

.bx-video-recording:before {
    content: "\ebcd"
}

.bx-voicemail:before {
    content: "\ebce"
}

.bx-volume:before {
    content: "\ebcf"
}

.bx-volume-full:before {
    content: "\ebd0"
}

.bx-volume-low:before {
    content: "\ebd1"
}

.bx-volume-mute:before {
    content: "\ebd2"
}

.bx-walk:before {
    content: "\ebd3"
}

.bx-wallet:before {
    content: "\ebd4"
}

.bx-wallet-alt:before {
    content: "\ebd5"
}

.bx-water:before {
    content: "\ebd6"
}

.bx-webcam:before {
    content: "\ebd7"
}

.bx-wifi:before {
    content: "\ebd8"
}

.bx-wifi-0:before {
    content: "\ebd9"
}

.bx-wifi-1:before {
    content: "\ebda"
}

.bx-wifi-2:before {
    content: "\ebdb"
}

.bx-wifi-off:before {
    content: "\ebdc"
}

.bx-wind:before {
    content: "\ebdd"
}

.bx-window:before {
    content: "\ebde"
}

.bx-window-alt:before {
    content: "\ebdf"
}

.bx-window-close:before {
    content: "\ebe0"
}

.bx-window-open:before {
    content: "\ebe1"
}

.bx-windows:before {
    content: "\ebe2"
}

.bx-wine:before {
    content: "\ebe3"
}

.bx-wink-smile:before {
    content: "\ebe4"
}

.bx-wink-tongue:before {
    content: "\ebe5"
}

.bx-won:before {
    content: "\ebe6"
}

.bx-world:before {
    content: "\ebe7"
}

.bx-wrench:before {
    content: "\ebe8"
}

.bx-x:before {
    content: "\ebe9"
}

.bx-x-circle:before {
    content: "\ebea"
}

.bx-yen:before {
    content: "\ebeb"
}

.bx-zoom-in:before {
    content: "\ebec"
}

.bx-zoom-out:before {
    content: "\ebed"
}

.bxs-add-to-queue:before {
    content: "\ebee"
}

.bxs-adjust:before {
    content: "\ebef"
}

.bxs-adjust-alt:before {
    content: "\ebf0"
}

.bxs-alarm:before {
    content: "\ebf1"
}

.bxs-alarm-add:before {
    content: "\ebf2"
}

.bxs-alarm-exclamation:before {
    content: "\ebf3"
}

.bxs-alarm-off:before {
    content: "\ebf4"
}

.bxs-alarm-snooze:before {
    content: "\ebf5"
}

.bxs-album:before {
    content: "\ebf6"
}

.bxs-ambulance:before {
    content: "\ebf7"
}

.bxs-analyse:before {
    content: "\ebf8"
}

.bxs-angry:before {
    content: "\ebf9"
}

.bxs-arch:before {
    content: "\ebfa"
}

.bxs-archive:before {
    content: "\ebfb"
}

.bxs-archive-in:before {
    content: "\ebfc"
}

.bxs-archive-out:before {
    content: "\ebfd"
}

.bxs-area:before {
    content: "\ebfe"
}

.bxs-arrow-from-bottom:before {
    content: "\ebff"
}

.bxs-arrow-from-left:before {
    content: "\ec00"
}

.bxs-arrow-from-right:before {
    content: "\ec01"
}

.bxs-arrow-from-top:before {
    content: "\ec02"
}

.bxs-arrow-to-bottom:before {
    content: "\ec03"
}

.bxs-arrow-to-left:before {
    content: "\ec04"
}

.bxs-arrow-to-right:before {
    content: "\ec05"
}

.bxs-arrow-to-top:before {
    content: "\ec06"
}

.bxs-award:before {
    content: "\ec07"
}

.bxs-baby-carriage:before {
    content: "\ec08"
}

.bxs-backpack:before {
    content: "\ec09"
}

.bxs-badge:before {
    content: "\ec0a"
}

.bxs-badge-check:before {
    content: "\ec0b"
}

.bxs-badge-dollar:before {
    content: "\ec0c"
}

.bxs-ball:before {
    content: "\ec0d"
}

.bxs-band-aid:before {
    content: "\ec0e"
}

.bxs-bank:before {
    content: "\ec0f"
}

.bxs-bar-chart-alt-2:before {
    content: "\ec10"
}

.bxs-bar-chart-square:before {
    content: "\ec11"
}

.bxs-barcode:before {
    content: "\ec12"
}

.bxs-baseball:before {
    content: "\ec13"
}

.bxs-basket:before {
    content: "\ec14"
}

.bxs-basketball:before {
    content: "\ec15"
}

.bxs-bath:before {
    content: "\ec16"
}

.bxs-battery:before {
    content: "\ec17"
}

.bxs-battery-charging:before {
    content: "\ec18"
}

.bxs-battery-full:before {
    content: "\ec19"
}

.bxs-battery-low:before {
    content: "\ec1a"
}

.bxs-bed:before {
    content: "\ec1b"
}

.bxs-been-here:before {
    content: "\ec1c"
}

.bxs-beer:before {
    content: "\ec1d"
}

.bxs-bell:before {
    content: "\ec1e"
}

.bxs-bell-minus:before {
    content: "\ec1f"
}

.bxs-bell-off:before {
    content: "\ec20"
}

.bxs-bell-plus:before {
    content: "\ec21"
}

.bxs-bell-ring:before {
    content: "\ec22"
}

.bxs-bible:before {
    content: "\ec23"
}

.bxs-binoculars:before {
    content: "\ec24"
}

.bxs-blanket:before {
    content: "\ec25"
}

.bxs-bolt:before {
    content: "\ec26"
}

.bxs-bolt-circle:before {
    content: "\ec27"
}

.bxs-bomb:before {
    content: "\ec28"
}

.bxs-bone:before {
    content: "\ec29"
}

.bxs-bong:before {
    content: "\ec2a"
}

.bxs-book:before {
    content: "\ec2b"
}

.bxs-book-add:before {
    content: "\ec2c"
}

.bxs-book-alt:before {
    content: "\ec2d"
}

.bxs-book-bookmark:before {
    content: "\ec2e"
}

.bxs-book-content:before {
    content: "\ec2f"
}

.bxs-book-heart:before {
    content: "\ec30"
}

.bxs-bookmark:before {
    content: "\ec31"
}

.bxs-bookmark-alt:before {
    content: "\ec32"
}

.bxs-bookmark-alt-minus:before {
    content: "\ec33"
}

.bxs-bookmark-alt-plus:before {
    content: "\ec34"
}

.bxs-bookmark-heart:before {
    content: "\ec35"
}

.bxs-bookmark-minus:before {
    content: "\ec36"
}

.bxs-bookmark-plus:before {
    content: "\ec37"
}

.bxs-bookmarks:before {
    content: "\ec38"
}

.bxs-bookmark-star:before {
    content: "\ec39"
}

.bxs-book-open:before {
    content: "\ec3a"
}

.bxs-book-reader:before {
    content: "\ec3b"
}

.bxs-bot:before {
    content: "\ec3c"
}

.bxs-bowling-ball:before {
    content: "\ec3d"
}

.bxs-box:before {
    content: "\ec3e"
}

.bxs-brain:before {
    content: "\ec3f"
}

.bxs-briefcase:before {
    content: "\ec40"
}

.bxs-briefcase-alt:before {
    content: "\ec41"
}

.bxs-briefcase-alt-2:before {
    content: "\ec42"
}

.bxs-brightness:before {
    content: "\ec43"
}

.bxs-brightness-half:before {
    content: "\ec44"
}

.bxs-brush:before {
    content: "\ec45"
}

.bxs-brush-alt:before {
    content: "\ec46"
}

.bxs-bug:before {
    content: "\ec47"
}

.bxs-bug-alt:before {
    content: "\ec48"
}

.bxs-building:before {
    content: "\ec49"
}

.bxs-building-house:before {
    content: "\ec4a"
}

.bxs-buildings:before {
    content: "\ec4b"
}

.bxs-bulb:before {
    content: "\ec4c"
}

.bxs-bullseye:before {
    content: "\ec4d"
}

.bxs-buoy:before {
    content: "\ec4e"
}

.bxs-bus:before {
    content: "\ec4f"
}

.bxs-business:before {
    content: "\ec50"
}

.bxs-bus-school:before {
    content: "\ec51"
}

.bxs-cabinet:before {
    content: "\ec52"
}

.bxs-cake:before {
    content: "\ec53"
}

.bxs-calculator:before {
    content: "\ec54"
}

.bxs-calendar:before {
    content: "\ec55"
}

.bxs-calendar-alt:before {
    content: "\ec56"
}

.bxs-calendar-check:before {
    content: "\ec57"
}

.bxs-calendar-edit:before {
    content: "\ec58"
}

.bxs-calendar-event:before {
    content: "\ec59"
}

.bxs-calendar-exclamation:before {
    content: "\ec5a"
}

.bxs-calendar-heart:before {
    content: "\ec5b"
}

.bxs-calendar-minus:before {
    content: "\ec5c"
}

.bxs-calendar-plus:before {
    content: "\ec5d"
}

.bxs-calendar-star:before {
    content: "\ec5e"
}

.bxs-calendar-week:before {
    content: "\ec5f"
}

.bxs-calendar-x:before {
    content: "\ec60"
}

.bxs-camera:before {
    content: "\ec61"
}

.bxs-camera-home:before {
    content: "\ec62"
}

.bxs-camera-movie:before {
    content: "\ec63"
}

.bxs-camera-off:before {
    content: "\ec64"
}

.bxs-camera-plus:before {
    content: "\ec65"
}

.bxs-capsule:before {
    content: "\ec66"
}

.bxs-captions:before {
    content: "\ec67"
}

.bxs-car:before {
    content: "\ec68"
}

.bxs-car-battery:before {
    content: "\ec69"
}

.bxs-car-crash:before {
    content: "\ec6a"
}

.bxs-card:before {
    content: "\ec6b"
}

.bxs-caret-down-circle:before {
    content: "\ec6c"
}

.bxs-caret-down-square:before {
    content: "\ec6d"
}

.bxs-caret-left-circle:before {
    content: "\ec6e"
}

.bxs-caret-left-square:before {
    content: "\ec6f"
}

.bxs-caret-right-circle:before {
    content: "\ec70"
}

.bxs-caret-right-square:before {
    content: "\ec71"
}

.bxs-caret-up-circle:before {
    content: "\ec72"
}

.bxs-caret-up-square:before {
    content: "\ec73"
}

.bxs-car-garage:before {
    content: "\ec74"
}

.bxs-car-mechanic:before {
    content: "\ec75"
}

.bxs-carousel:before {
    content: "\ec76"
}

.bxs-cart:before {
    content: "\ec77"
}

.bxs-cart-add:before {
    content: "\ec78"
}

.bxs-cart-alt:before {
    content: "\ec79"
}

.bxs-cart-download:before {
    content: "\ec7a"
}

.bxs-car-wash:before {
    content: "\ec7b"
}

.bxs-category:before {
    content: "\ec7c"
}

.bxs-category-alt:before {
    content: "\ec7d"
}

.bxs-cctv:before {
    content: "\ec7e"
}

.bxs-certification:before {
    content: "\ec7f"
}

.bxs-chalkboard:before {
    content: "\ec80"
}

.bxs-chart:before {
    content: "\ec81"
}

.bxs-chat:before {
    content: "\ec82"
}

.bxs-checkbox:before {
    content: "\ec83"
}

.bxs-checkbox-checked:before {
    content: "\ec84"
}

.bxs-check-circle:before {
    content: "\ec85"
}

.bxs-check-shield:before {
    content: "\ec86"
}

.bxs-check-square:before {
    content: "\ec87"
}

.bxs-chess:before {
    content: "\ec88"
}

.bxs-chevron-down:before {
    content: "\ec89"
}

.bxs-chevron-down-circle:before {
    content: "\ec8a"
}

.bxs-chevron-down-square:before {
    content: "\ec8b"
}

.bxs-chevron-left:before {
    content: "\ec8c"
}

.bxs-chevron-left-circle:before {
    content: "\ec8d"
}

.bxs-chevron-left-square:before {
    content: "\ec8e"
}

.bxs-chevron-right:before {
    content: "\ec8f"
}

.bxs-chevron-right-circle:before {
    content: "\ec90"
}

.bxs-chevron-right-square:before {
    content: "\ec91"
}

.bxs-chevrons-down:before {
    content: "\ec92"
}

.bxs-chevrons-left:before {
    content: "\ec93"
}

.bxs-chevrons-right:before {
    content: "\ec94"
}

.bxs-chevrons-up:before {
    content: "\ec95"
}

.bxs-chevron-up:before {
    content: "\ec96"
}

.bxs-chevron-up-circle:before {
    content: "\ec97"
}

.bxs-chevron-up-square:before {
    content: "\ec98"
}

.bxs-chip:before {
    content: "\ec99"
}

.bxs-church:before {
    content: "\ec9a"
}

.bxs-circle:before {
    content: "\ec9b"
}

.bxs-city:before {
    content: "\ec9c"
}

.bxs-clinic:before {
    content: "\ec9d"
}

.bxs-cloud:before {
    content: "\ec9e"
}

.bxs-cloud-download:before {
    content: "\ec9f"
}

.bxs-cloud-lightning:before {
    content: "\eca0"
}

.bxs-cloud-rain:before {
    content: "\eca1"
}

.bxs-cloud-upload:before {
    content: "\eca2"
}

.bxs-coffee:before {
    content: "\eca3"
}

.bxs-coffee-alt:before {
    content: "\eca4"
}

.bxs-coffee-togo:before {
    content: "\eca5"
}

.bxs-cog:before {
    content: "\eca6"
}

.bxs-coin:before {
    content: "\eca7"
}

.bxs-coin-stack:before {
    content: "\eca8"
}

.bxs-collection:before {
    content: "\eca9"
}

.bxs-color-fill:before {
    content: "\ecaa"
}

.bxs-comment:before {
    content: "\ecab"
}

.bxs-comment-add:before {
    content: "\ecac"
}

.bxs-comment-check:before {
    content: "\ecad"
}

.bxs-comment-detail:before {
    content: "\ecae"
}

.bxs-comment-dots:before {
    content: "\ecaf"
}

.bxs-comment-edit:before {
    content: "\ecb0"
}

.bxs-comment-error:before {
    content: "\ecb1"
}

.bxs-comment-minus:before {
    content: "\ecb2"
}

.bxs-comment-x:before {
    content: "\ecb3"
}

.bxs-compass:before {
    content: "\ecb4"
}

.bxs-component:before {
    content: "\ecb5"
}

.bxs-confused:before {
    content: "\ecb6"
}

.bxs-contact:before {
    content: "\ecb7"
}

.bxs-conversation:before {
    content: "\ecb8"
}

.bxs-cookie:before {
    content: "\ecb9"
}

.bxs-cool:before {
    content: "\ecba"
}

.bxs-copy:before {
    content: "\ecbb"
}

.bxs-copy-alt:before {
    content: "\ecbc"
}

.bxs-copyright:before {
    content: "\ecbd"
}

.bxs-coupon:before {
    content: "\ecbe"
}

.bxs-credit-card:before {
    content: "\ecbf"
}

.bxs-credit-card-alt:before {
    content: "\ecc0"
}

.bxs-credit-card-front:before {
    content: "\ecc1"
}

.bxs-crop:before {
    content: "\ecc2"
}

.bxs-crown:before {
    content: "\ecc3"
}

.bxs-cube:before {
    content: "\ecc4"
}

.bxs-cube-alt:before {
    content: "\ecc5"
}

.bxs-cuboid:before {
    content: "\ecc6"
}

.bxs-customize:before {
    content: "\ecc7"
}

.bxs-cylinder:before {
    content: "\ecc8"
}

.bxs-dashboard:before {
    content: "\ecc9"
}

.bxs-data:before {
    content: "\ecca"
}

.bxs-detail:before {
    content: "\eccb"
}

.bxs-devices:before {
    content: "\eccc"
}

.bxs-diamond:before {
    content: "\eccd"
}

.bxs-dice-1:before {
    content: "\ecce"
}

.bxs-dice-2:before {
    content: "\eccf"
}

.bxs-dice-3:before {
    content: "\ecd0"
}

.bxs-dice-4:before {
    content: "\ecd1"
}

.bxs-dice-5:before {
    content: "\ecd2"
}

.bxs-dice-6:before {
    content: "\ecd3"
}

.bxs-direction-left:before {
    content: "\ecd4"
}

.bxs-direction-right:before {
    content: "\ecd5"
}

.bxs-directions:before {
    content: "\ecd6"
}

.bxs-disc:before {
    content: "\ecd7"
}

.bxs-discount:before {
    content: "\ecd8"
}

.bxs-dish:before {
    content: "\ecd9"
}

.bxs-dislike:before {
    content: "\ecda"
}

.bxs-dizzy:before {
    content: "\ecdb"
}

.bxs-dock-bottom:before {
    content: "\ecdc"
}

.bxs-dock-left:before {
    content: "\ecdd"
}

.bxs-dock-right:before {
    content: "\ecde"
}

.bxs-dock-top:before {
    content: "\ecdf"
}

.bxs-dollar-circle:before {
    content: "\ece0"
}

.bxs-donate-blood:before {
    content: "\ece1"
}

.bxs-donate-heart:before {
    content: "\ece2"
}

.bxs-door-open:before {
    content: "\ece3"
}

.bxs-doughnut-chart:before {
    content: "\ece4"
}

.bxs-down-arrow:before {
    content: "\ece5"
}

.bxs-down-arrow-alt:before {
    content: "\ece6"
}

.bxs-down-arrow-circle:before {
    content: "\ece7"
}

.bxs-down-arrow-square:before {
    content: "\ece8"
}

.bxs-download:before {
    content: "\ece9"
}

.bxs-downvote:before {
    content: "\ecea"
}

.bxs-drink:before {
    content: "\eceb"
}

.bxs-droplet:before {
    content: "\ecec"
}

.bxs-droplet-half:before {
    content: "\eced"
}

.bxs-dryer:before {
    content: "\ecee"
}

.bxs-duplicate:before {
    content: "\ecef"
}

.bxs-edit:before {
    content: "\ecf0"
}

.bxs-edit-alt:before {
    content: "\ecf1"
}

.bxs-edit-location:before {
    content: "\ecf2"
}

.bxs-eject:before {
    content: "\ecf3"
}

.bxs-envelope:before {
    content: "\ecf4"
}

.bxs-envelope-open:before {
    content: "\ecf5"
}

.bxs-eraser:before {
    content: "\ecf6"
}

.bxs-error:before {
    content: "\ecf7"
}

.bxs-error-alt:before {
    content: "\ecf8"
}

.bxs-error-circle:before {
    content: "\ecf9"
}

.bxs-ev-station:before {
    content: "\ecfa"
}

.bxs-exit:before {
    content: "\ecfb"
}

.bxs-extension:before {
    content: "\ecfc"
}

.bxs-eyedropper:before {
    content: "\ecfd"
}

.bxs-face:before {
    content: "\ecfe"
}

.bxs-face-mask:before {
    content: "\ecff"
}

.bxs-factory:before {
    content: "\ed00"
}

.bxs-fast-forward-circle:before {
    content: "\ed01"
}

.bxs-file:before {
    content: "\ed02"
}

.bxs-file-archive:before {
    content: "\ed03"
}

.bxs-file-blank:before {
    content: "\ed04"
}

.bxs-file-css:before {
    content: "\ed05"
}

.bxs-file-doc:before {
    content: "\ed06"
}

.bxs-file-export:before {
    content: "\ed07"
}

.bxs-file-find:before {
    content: "\ed08"
}

.bxs-file-gif:before {
    content: "\ed09"
}

.bxs-file-html:before {
    content: "\ed0a"
}

.bxs-file-image:before {
    content: "\ed0b"
}

.bxs-file-import:before {
    content: "\ed0c"
}

.bxs-file-jpg:before {
    content: "\ed0d"
}

.bxs-file-js:before {
    content: "\ed0e"
}

.bxs-file-json:before {
    content: "\ed0f"
}

.bxs-file-md:before {
    content: "\ed10"
}

.bxs-file-pdf:before {
    content: "\ed11"
}

.bxs-file-plus:before {
    content: "\ed12"
}

.bxs-file-png:before {
    content: "\ed13"
}

.bxs-file-txt:before {
    content: "\ed14"
}

.bxs-film:before {
    content: "\ed15"
}

.bxs-filter-alt:before {
    content: "\ed16"
}

.bxs-first-aid:before {
    content: "\ed17"
}

.bxs-flag:before {
    content: "\ed18"
}

.bxs-flag-alt:before {
    content: "\ed19"
}

.bxs-flag-checkered:before {
    content: "\ed1a"
}

.bxs-flame:before {
    content: "\ed1b"
}

.bxs-flask:before {
    content: "\ed1c"
}

.bxs-florist:before {
    content: "\ed1d"
}

.bxs-folder:before {
    content: "\ed1e"
}

.bxs-folder-minus:before {
    content: "\ed1f"
}

.bxs-folder-open:before {
    content: "\ed20"
}

.bxs-folder-plus:before {
    content: "\ed21"
}

.bxs-food-menu:before {
    content: "\ed22"
}

.bxs-fridge:before {
    content: "\ed23"
}

.bxs-game:before {
    content: "\ed24"
}

.bxs-gas-pump:before {
    content: "\ed25"
}

.bxs-ghost:before {
    content: "\ed26"
}

.bxs-gift:before {
    content: "\ed27"
}

.bxs-graduation:before {
    content: "\ed28"
}

.bxs-grid:before {
    content: "\ed29"
}

.bxs-grid-alt:before {
    content: "\ed2a"
}

.bxs-group:before {
    content: "\ed2b"
}

.bxs-guitar-amp:before {
    content: "\ed2c"
}

.bxs-hand-down:before {
    content: "\ed2d"
}

.bxs-hand-left:before {
    content: "\ed2e"
}

.bxs-hand-right:before {
    content: "\ed2f"
}

.bxs-hand-up:before {
    content: "\ed30"
}

.bxs-happy:before {
    content: "\ed31"
}

.bxs-happy-alt:before {
    content: "\ed32"
}

.bxs-happy-beaming:before {
    content: "\ed33"
}

.bxs-happy-heart-eyes:before {
    content: "\ed34"
}

.bxs-hdd:before {
    content: "\ed35"
}

.bxs-heart:before {
    content: "\ed36"
}

.bxs-heart-circle:before {
    content: "\ed37"
}

.bxs-heart-square:before {
    content: "\ed38"
}

.bxs-help-circle:before {
    content: "\ed39"
}

.bxs-hide:before {
    content: "\ed3a"
}

.bxs-home:before {
    content: "\ed3b"
}

.bxs-home-circle:before {
    content: "\ed3c"
}

.bxs-home-heart:before {
    content: "\ed3d"
}

.bxs-home-smile:before {
    content: "\ed3e"
}

.bxs-hot:before {
    content: "\ed3f"
}

.bxs-hotel:before {
    content: "\ed40"
}

.bxs-hourglass:before {
    content: "\ed41"
}

.bxs-hourglass-bottom:before {
    content: "\ed42"
}

.bxs-hourglass-top:before {
    content: "\ed43"
}

.bxs-id-card:before {
    content: "\ed44"
}

.bxs-image:before {
    content: "\ed45"
}

.bxs-image-add:before {
    content: "\ed46"
}

.bxs-image-alt:before {
    content: "\ed47"
}

.bxs-inbox:before {
    content: "\ed48"
}

.bxs-info-circle:before {
    content: "\ed49"
}

.bxs-info-square:before {
    content: "\ed4a"
}

.bxs-institution:before {
    content: "\ed4b"
}

.bxs-joystick:before {
    content: "\ed4c"
}

.bxs-joystick-alt:before {
    content: "\ed4d"
}

.bxs-joystick-button:before {
    content: "\ed4e"
}

.bxs-key:before {
    content: "\ed4f"
}

.bxs-keyboard:before {
    content: "\ed50"
}

.bxs-label:before {
    content: "\ed51"
}

.bxs-landmark:before {
    content: "\ed52"
}

.bxs-landscape:before {
    content: "\ed53"
}

.bxs-laugh:before {
    content: "\ed54"
}

.bxs-layer:before {
    content: "\ed55"
}

.bxs-layer-minus:before {
    content: "\ed56"
}

.bxs-layer-plus:before {
    content: "\ed57"
}

.bxs-layout:before {
    content: "\ed58"
}

.bxs-left-arrow:before {
    content: "\ed59"
}

.bxs-left-arrow-alt:before {
    content: "\ed5a"
}

.bxs-left-arrow-circle:before {
    content: "\ed5b"
}

.bxs-left-arrow-square:before {
    content: "\ed5c"
}

.bxs-left-down-arrow-circle:before {
    content: "\ed5d"
}

.bxs-left-top-arrow-circle:before {
    content: "\ed5e"
}

.bxs-like:before {
    content: "\ed5f"
}

.bxs-location-plus:before {
    content: "\ed60"
}

.bxs-lock:before {
    content: "\ed61"
}

.bxs-lock-alt:before {
    content: "\ed62"
}

.bxs-lock-open:before {
    content: "\ed63"
}

.bxs-lock-open-alt:before {
    content: "\ed64"
}

.bxs-log-in:before {
    content: "\ed65"
}

.bxs-log-in-circle:before {
    content: "\ed66"
}

.bxs-log-out:before {
    content: "\ed67"
}

.bxs-log-out-circle:before {
    content: "\ed68"
}

.bxs-low-vision:before {
    content: "\ed69"
}

.bxs-magic-wand:before {
    content: "\ed6a"
}

.bxs-magnet:before {
    content: "\ed6b"
}

.bxs-map:before {
    content: "\ed6c"
}

.bxs-map-alt:before {
    content: "\ed6d"
}

.bxs-map-pin:before {
    content: "\ed6e"
}

.bxs-mask:before {
    content: "\ed6f"
}

.bxs-medal:before {
    content: "\ed70"
}

.bxs-megaphone:before {
    content: "\ed71"
}

.bxs-meh:before {
    content: "\ed72"
}

.bxs-meh-alt:before {
    content: "\ed73"
}

.bxs-meh-blank:before {
    content: "\ed74"
}

.bxs-memory-card:before {
    content: "\ed75"
}

.bxs-message:before {
    content: "\ed76"
}

.bxs-message-add:before {
    content: "\ed77"
}

.bxs-message-alt:before {
    content: "\ed78"
}

.bxs-message-alt-add:before {
    content: "\ed79"
}

.bxs-message-alt-check:before {
    content: "\ed7a"
}

.bxs-message-alt-detail:before {
    content: "\ed7b"
}

.bxs-message-alt-dots:before {
    content: "\ed7c"
}

.bxs-message-alt-edit:before {
    content: "\ed7d"
}

.bxs-message-alt-error:before {
    content: "\ed7e"
}

.bxs-message-alt-minus:before {
    content: "\ed7f"
}

.bxs-message-alt-x:before {
    content: "\ed80"
}

.bxs-message-check:before {
    content: "\ed81"
}

.bxs-message-detail:before {
    content: "\ed82"
}

.bxs-message-dots:before {
    content: "\ed83"
}

.bxs-message-edit:before {
    content: "\ed84"
}

.bxs-message-error:before {
    content: "\ed85"
}

.bxs-message-minus:before {
    content: "\ed86"
}

.bxs-message-rounded:before {
    content: "\ed87"
}

.bxs-message-rounded-add:before {
    content: "\ed88"
}

.bxs-message-rounded-check:before {
    content: "\ed89"
}

.bxs-message-rounded-detail:before {
    content: "\ed8a"
}

.bxs-message-rounded-dots:before {
    content: "\ed8b"
}

.bxs-message-rounded-edit:before {
    content: "\ed8c"
}

.bxs-message-rounded-error:before {
    content: "\ed8d"
}

.bxs-message-rounded-minus:before {
    content: "\ed8e"
}

.bxs-message-rounded-x:before {
    content: "\ed8f"
}

.bxs-message-square:before {
    content: "\ed90"
}

.bxs-message-square-add:before {
    content: "\ed91"
}

.bxs-message-square-check:before {
    content: "\ed92"
}

.bxs-message-square-detail:before {
    content: "\ed93"
}

.bxs-message-square-dots:before {
    content: "\ed94"
}

.bxs-message-square-edit:before {
    content: "\ed95"
}

.bxs-message-square-error:before {
    content: "\ed96"
}

.bxs-message-square-minus:before {
    content: "\ed97"
}

.bxs-message-square-x:before {
    content: "\ed98"
}

.bxs-message-x:before {
    content: "\ed99"
}

.bxs-meteor:before {
    content: "\ed9a"
}

.bxs-microchip:before {
    content: "\ed9b"
}

.bxs-microphone:before {
    content: "\ed9c"
}

.bxs-microphone-alt:before {
    content: "\ed9d"
}

.bxs-microphone-off:before {
    content: "\ed9e"
}

.bxs-minus-circle:before {
    content: "\ed9f"
}

.bxs-minus-square:before {
    content: "\eda0"
}

.bxs-mobile:before {
    content: "\eda1"
}

.bxs-mobile-vibration:before {
    content: "\eda2"
}

.bxs-moon:before {
    content: "\eda3"
}

.bxs-mouse:before {
    content: "\eda4"
}

.bxs-mouse-alt:before {
    content: "\eda5"
}

.bxs-movie:before {
    content: "\eda6"
}

.bxs-movie-play:before {
    content: "\eda7"
}

.bxs-music:before {
    content: "\eda8"
}

.bxs-navigation:before {
    content: "\eda9"
}

.bxs-network-chart:before {
    content: "\edaa"
}

.bxs-news:before {
    content: "\edab"
}

.bxs-no-entry:before {
    content: "\edac"
}

.bxs-note:before {
    content: "\edad"
}

.bxs-notepad:before {
    content: "\edae"
}

.bxs-notification:before {
    content: "\edaf"
}

.bxs-notification-off:before {
    content: "\edb0"
}

.bxs-offer:before {
    content: "\edb1"
}

.bxs-package:before {
    content: "\edb2"
}

.bxs-paint:before {
    content: "\edb3"
}

.bxs-paint-roll:before {
    content: "\edb4"
}

.bxs-palette:before {
    content: "\edb5"
}

.bxs-paper-plane:before {
    content: "\edb6"
}

.bxs-parking:before {
    content: "\edb7"
}

.bxs-paste:before {
    content: "\edb8"
}

.bxs-pen:before {
    content: "\edb9"
}

.bxs-pencil:before {
    content: "\edba"
}

.bxs-phone:before {
    content: "\edbb"
}

.bxs-phone-call:before {
    content: "\edbc"
}

.bxs-phone-incoming:before {
    content: "\edbd"
}

.bxs-phone-outgoing:before {
    content: "\edbe"
}

.bxs-photo-album:before {
    content: "\edbf"
}

.bxs-piano:before {
    content: "\edc0"
}

.bxs-pie-chart:before {
    content: "\edc1"
}

.bxs-pie-chart-alt:before {
    content: "\edc2"
}

.bxs-pie-chart-alt-2:before {
    content: "\edc3"
}

.bxs-pin:before {
    content: "\edc4"
}

.bxs-pizza:before {
    content: "\edc5"
}

.bxs-plane:before {
    content: "\edc6"
}

.bxs-plane-alt:before {
    content: "\edc7"
}

.bxs-plane-land:before {
    content: "\edc8"
}

.bxs-planet:before {
    content: "\edc9"
}

.bxs-plane-take-off:before {
    content: "\edca"
}

.bxs-playlist:before {
    content: "\edcb"
}

.bxs-plug:before {
    content: "\edcc"
}

.bxs-plus-circle:before {
    content: "\edcd"
}

.bxs-plus-square:before {
    content: "\edce"
}

.bxs-pointer:before {
    content: "\edcf"
}

.bxs-polygon:before {
    content: "\edd0"
}

.bxs-printer:before {
    content: "\edd1"
}

.bxs-purchase-tag:before {
    content: "\edd2"
}

.bxs-purchase-tag-alt:before {
    content: "\edd3"
}

.bxs-pyramid:before {
    content: "\edd4"
}

.bxs-quote-alt-left:before {
    content: "\edd5"
}

.bxs-quote-alt-right:before {
    content: "\edd6"
}

.bxs-quote-left:before {
    content: "\edd7"
}

.bxs-quote-right:before {
    content: "\edd8"
}

.bxs-quote-single-left:before {
    content: "\edd9"
}

.bxs-quote-single-right:before {
    content: "\edda"
}

.bxs-radiation:before {
    content: "\eddb"
}

.bxs-radio:before {
    content: "\eddc"
}

.bxs-receipt:before {
    content: "\eddd"
}

.bxs-rectangle:before {
    content: "\edde"
}

.bxs-rename:before {
    content: "\eddf"
}

.bxs-report:before {
    content: "\ede0"
}

.bxs-rewind-circle:before {
    content: "\ede1"
}

.bxs-right-arrow:before {
    content: "\ede2"
}

.bxs-right-arrow-alt:before {
    content: "\ede3"
}

.bxs-right-arrow-circle:before {
    content: "\ede4"
}

.bxs-right-arrow-square:before {
    content: "\ede5"
}

.bxs-right-down-arrow-circle:before {
    content: "\ede6"
}

.bxs-right-top-arrow-circle:before {
    content: "\ede7"
}

.bxs-rocket:before {
    content: "\ede8"
}

.bxs-ruler:before {
    content: "\ede9"
}

.bxs-sad:before {
    content: "\edea"
}

.bxs-save:before {
    content: "\edeb"
}

.bxs-school:before {
    content: "\edec"
}

.bxs-search:before {
    content: "\eded"
}

.bxs-search-alt-2:before {
    content: "\edee"
}

.bxs-select-multiple:before {
    content: "\edef"
}

.bxs-send:before {
    content: "\edf0"
}

.bxs-server:before {
    content: "\edf1"
}

.bxs-shapes:before {
    content: "\edf2"
}

.bxs-share:before {
    content: "\edf3"
}

.bxs-share-alt:before {
    content: "\edf4"
}

.bxs-shield:before {
    content: "\edf5"
}

.bxs-shield-alt-2:before {
    content: "\edf6"
}

.bxs-shield-x:before {
    content: "\edf7"
}

.bxs-ship:before {
    content: "\edf8"
}

.bxs-shocked:before {
    content: "\edf9"
}

.bxs-shopping-bag:before {
    content: "\edfa"
}

.bxs-shopping-bag-alt:before {
    content: "\edfb"
}

.bxs-shopping-bags:before {
    content: "\edfc"
}

.bxs-show:before {
    content: "\edfd"
}

.bxs-skip-next-circle:before {
    content: "\edfe"
}

.bxs-skip-previous-circle:before {
    content: "\edff"
}

.bxs-skull:before {
    content: "\ee00"
}

.bxs-sleepy:before {
    content: "\ee01"
}

.bxs-slideshow:before {
    content: "\ee02"
}

.bxs-smile:before {
    content: "\ee03"
}

.bxs-sort-alt:before {
    content: "\ee04"
}

.bxs-spa:before {
    content: "\ee05"
}

.bxs-spray-can:before {
    content: "\ee06"
}

.bxs-spreadsheet:before {
    content: "\ee07"
}

.bxs-square:before {
    content: "\ee08"
}

.bxs-square-rounded:before {
    content: "\ee09"
}

.bxs-star:before {
    content: "\ee0a"
}

.bxs-star-half:before {
    content: "\ee0b"
}

.bxs-sticker:before {
    content: "\ee0c"
}

.bxs-stopwatch:before {
    content: "\ee0d"
}

.bxs-store:before {
    content: "\ee0e"
}

.bxs-store-alt:before {
    content: "\ee0f"
}

.bxs-sun:before {
    content: "\ee10"
}

.bxs-tachometer:before {
    content: "\ee11"
}

.bxs-tag:before {
    content: "\ee12"
}

.bxs-tag-alt:before {
    content: "\ee13"
}

.bxs-tag-x:before {
    content: "\ee14"
}

.bxs-taxi:before {
    content: "\ee15"
}

.bxs-tennis-ball:before {
    content: "\ee16"
}

.bxs-terminal:before {
    content: "\ee17"
}

.bxs-thermometer:before {
    content: "\ee18"
}

.bxs-time:before {
    content: "\ee19"
}

.bxs-time-five:before {
    content: "\ee1a"
}

.bxs-timer:before {
    content: "\ee1b"
}

.bxs-tired:before {
    content: "\ee1c"
}

.bxs-toggle-left:before {
    content: "\ee1d"
}

.bxs-toggle-right:before {
    content: "\ee1e"
}

.bxs-tone:before {
    content: "\ee1f"
}

.bxs-torch:before {
    content: "\ee20"
}

.bxs-to-top:before {
    content: "\ee21"
}

.bxs-traffic:before {
    content: "\ee22"
}

.bxs-traffic-barrier:before {
    content: "\ee23"
}

.bxs-traffic-cone:before {
    content: "\ee24"
}

.bxs-train:before {
    content: "\ee25"
}

.bxs-trash:before {
    content: "\ee26"
}

.bxs-trash-alt:before {
    content: "\ee27"
}

.bxs-tree:before {
    content: "\ee28"
}

.bxs-trophy:before {
    content: "\ee29"
}

.bxs-truck:before {
    content: "\ee2a"
}

.bxs-t-shirt:before {
    content: "\ee2b"
}

.bxs-tv:before {
    content: "\ee2c"
}

.bxs-up-arrow:before {
    content: "\ee2d"
}

.bxs-up-arrow-alt:before {
    content: "\ee2e"
}

.bxs-up-arrow-circle:before {
    content: "\ee2f"
}

.bxs-up-arrow-square:before {
    content: "\ee30"
}

.bxs-upside-down:before {
    content: "\ee31"
}

.bxs-upvote:before {
    content: "\ee32"
}

.bxs-user:before {
    content: "\ee33"
}

.bxs-user-account:before {
    content: "\ee34"
}

.bxs-user-badge:before {
    content: "\ee35"
}

.bxs-user-check:before {
    content: "\ee36"
}

.bxs-user-circle:before {
    content: "\ee37"
}

.bxs-user-detail:before {
    content: "\ee38"
}

.bxs-user-minus:before {
    content: "\ee39"
}

.bxs-user-pin:before {
    content: "\ee3a"
}

.bxs-user-plus:before {
    content: "\ee3b"
}

.bxs-user-rectangle:before {
    content: "\ee3c"
}

.bxs-user-voice:before {
    content: "\ee3d"
}

.bxs-user-x:before {
    content: "\ee3e"
}

.bxs-vector:before {
    content: "\ee3f"
}

.bxs-vial:before {
    content: "\ee40"
}

.bxs-video:before {
    content: "\ee41"
}

.bxs-video-off:before {
    content: "\ee42"
}

.bxs-video-plus:before {
    content: "\ee43"
}

.bxs-video-recording:before {
    content: "\ee44"
}

.bxs-videos:before {
    content: "\ee45"
}

.bxs-virus:before {
    content: "\ee46"
}

.bxs-virus-block:before {
    content: "\ee47"
}

.bxs-volume:before {
    content: "\ee48"
}

.bxs-volume-full:before {
    content: "\ee49"
}

.bxs-volume-low:before {
    content: "\ee4a"
}

.bxs-volume-mute:before {
    content: "\ee4b"
}

.bxs-wallet:before {
    content: "\ee4c"
}

.bxs-wallet-alt:before {
    content: "\ee4d"
}

.bxs-washer:before {
    content: "\ee4e"
}

.bxs-watch:before {
    content: "\ee4f"
}

.bxs-watch-alt:before {
    content: "\ee50"
}

.bxs-webcam:before {
    content: "\ee51"
}

.bxs-widget:before {
    content: "\ee52"
}

.bxs-window-alt:before {
    content: "\ee53"
}

.bxs-wine:before {
    content: "\ee54"
}

.bxs-wink-smile:before {
    content: "\ee55"
}

.bxs-wink-tongue:before {
    content: "\ee56"
}

.bxs-wrench:before {
    content: "\ee57"
}

.bxs-x-circle:before {
    content: "\ee58"
}

.bxs-x-square:before {
    content: "\ee59"
}

.bxs-yin-yang:before {
    content: "\ee5a"
}

.bxs-zap:before {
    content: "\ee5b"
}

.bxs-zoom-in:before {
    content: "\ee5c"
}

.bxs-zoom-out:before {
    content: "\ee5d"
}

.bxl-500px:before {
    content: "\ee5e"
}

.bxl-adobe:before {
    content: "\ee5f"
}

.bxl-airbnb:before {
    content: "\ee60"
}

.bxl-algolia:before {
    content: "\ee61"
}

.bxl-amazon:before {
    content: "\ee62"
}

.bxl-android:before {
    content: "\ee63"
}

.bxl-angular:before {
    content: "\ee64"
}

.bxl-apple:before {
    content: "\ee65"
}

.bxl-audible:before {
    content: "\ee66"
}

.bxl-baidu:before {
    content: "\ee67"
}

.bxl-behance:before {
    content: "\ee68"
}

.bxl-bing:before {
    content: "\ee69"
}

.bxl-bitcoin:before {
    content: "\ee6a"
}

.bxl-blender:before {
    content: "\ee6b"
}

.bxl-blogger:before {
    content: "\ee6c"
}

.bxl-bootstrap:before {
    content: "\ee6d"
}

.bxl-chrome:before {
    content: "\ee6e"
}

.bxl-codepen:before {
    content: "\ee6f"
}

.bxl-c-plus-plus:before {
    content: "\ee70"
}

.bxl-creative-commons:before {
    content: "\ee71"
}

.bxl-css3:before {
    content: "\ee72"
}

.bxl-dailymotion:before {
    content: "\ee73"
}

.bxl-deviantart:before {
    content: "\ee74"
}

.bxl-dev-to:before {
    content: "\ee75"
}

.bxl-digg:before {
    content: "\ee76"
}

.bxl-digitalocean:before {
    content: "\ee77"
}

.bxl-discord:before {
    content: "\ee78"
}

.bxl-discourse:before {
    content: "\ee79"
}

.bxl-django:before {
    content: "\ee7a"
}

.bxl-dribbble:before {
    content: "\ee7b"
}

.bxl-dropbox:before {
    content: "\ee7c"
}

.bxl-drupal:before {
    content: "\ee7d"
}

.bxl-ebay:before {
    content: "\ee7e"
}

.bxl-edge:before {
    content: "\ee7f"
}

.bxl-etsy:before {
    content: "\ee80"
}

.bxl-facebook:before {
    content: "\ee81"
}

.bxl-facebook-circle:before {
    content: "\ee82"
}

.bxl-facebook-square:before {
    content: "\ee83"
}

.bxl-figma:before {
    content: "\ee84"
}

.bxl-firebase:before {
    content: "\ee85"
}

.bxl-firefox:before {
    content: "\ee86"
}

.bxl-flickr:before {
    content: "\ee87"
}

.bxl-flickr-square:before {
    content: "\ee88"
}

.bxl-foursquare:before {
    content: "\ee89"
}

.bxl-git:before {
    content: "\ee8a"
}

.bxl-github:before {
    content: "\ee8b"
}

.bxl-gitlab:before {
    content: "\ee8c"
}

.bxl-google:before {
    content: "\ee8d"
}

.bxl-google-cloud:before {
    content: "\ee8e"
}

.bxl-google-plus:before {
    content: "\ee8f"
}

.bxl-google-plus-circle:before {
    content: "\ee90"
}

.bxl-html5:before {
    content: "\ee91"
}

.bxl-imdb:before {
    content: "\ee92"
}

.bxl-instagram:before {
    content: "\ee93"
}

.bxl-instagram-alt:before {
    content: "\ee94"
}

.bxl-internet-explorer:before {
    content: "\ee95"
}

.bxl-invision:before {
    content: "\ee96"
}

.bxl-javascript:before {
    content: "\ee97"
}

.bxl-joomla:before {
    content: "\ee98"
}

.bxl-jquery:before {
    content: "\ee99"
}

.bxl-jsfiddle:before {
    content: "\ee9a"
}

.bxl-kickstarter:before {
    content: "\ee9b"
}

.bxl-kubernetes:before {
    content: "\ee9c"
}

.bxl-less:before {
    content: "\ee9d"
}

.bxl-linkedin:before {
    content: "\ee9e"
}

.bxl-linkedin-square:before {
    content: "\ee9f"
}

.bxl-magento:before {
    content: "\eea0"
}

.bxl-mailchimp:before {
    content: "\eea1"
}

.bxl-markdown:before {
    content: "\eea2"
}

.bxl-mastercard:before {
    content: "\eea3"
}

.bxl-medium:before {
    content: "\eea4"
}

.bxl-medium-old:before {
    content: "\eea5"
}

.bxl-medium-square:before {
    content: "\eea6"
}

.bxl-messenger:before {
    content: "\eea7"
}

.bxl-microsoft:before {
    content: "\eea8"
}

.bxl-microsoft-teams:before {
    content: "\eea9"
}

.bxl-nodejs:before {
    content: "\eeaa"
}

.bxl-ok-ru:before {
    content: "\eeab"
}

.bxl-opera:before {
    content: "\eeac"
}

.bxl-patreon:before {
    content: "\eead"
}

.bxl-paypal:before {
    content: "\eeae"
}

.bxl-periscope:before {
    content: "\eeaf"
}

.bxl-pinterest:before {
    content: "\eeb0"
}

.bxl-pinterest-alt:before {
    content: "\eeb1"
}

.bxl-play-store:before {
    content: "\eeb2"
}

.bxl-pocket:before {
    content: "\eeb3"
}

.bxl-product-hunt:before {
    content: "\eeb4"
}

.bxl-python:before {
    content: "\eeb5"
}

.bxl-quora:before {
    content: "\eeb6"
}

.bxl-react:before {
    content: "\eeb7"
}

.bxl-redbubble:before {
    content: "\eeb8"
}

.bxl-reddit:before {
    content: "\eeb9"
}

.bxl-redux:before {
    content: "\eeba"
}

.bxl-sass:before {
    content: "\eebb"
}

.bxl-shopify:before {
    content: "\eebc"
}

.bxl-skype:before {
    content: "\eebd"
}

.bxl-slack:before {
    content: "\eebe"
}

.bxl-slack-old:before {
    content: "\eebf"
}

.bxl-snapchat:before {
    content: "\eec0"
}

.bxl-soundcloud:before {
    content: "\eec1"
}

.bxl-spotify:before {
    content: "\eec2"
}

.bxl-spring-boot:before {
    content: "\eec3"
}

.bxl-squarespace:before {
    content: "\eec4"
}

.bxl-stack-overflow:before {
    content: "\eec5"
}

.bxl-stripe:before {
    content: "\eec6"
}

.bxl-telegram:before {
    content: "\eec7"
}

.bxl-trello:before {
    content: "\eec8"
}

.bxl-tumblr:before {
    content: "\eec9"
}

.bxl-tux:before {
    content: "\eeca"
}

.bxl-twitch:before {
    content: "\eecb"
}

.bxl-twitter:before {
    content: "\eecc"
}

.bxl-unsplash:before {
    content: "\eecd"
}

.bxl-vimeo:before {
    content: "\eece"
}

.bxl-visa:before {
    content: "\eecf"
}

.bxl-vk:before {
    content: "\eed0"
}

.bxl-vuejs:before {
    content: "\eed1"
}

.bxl-whatsapp:before {
    content: "\eed2"
}

.bxl-whatsapp-square:before {
    content: "\eed3"
}

.bxl-wikipedia:before {
    content: "\eed4"
}

.bxl-windows:before {
    content: "\eed5"
}

.bxl-wix:before {
    content: "\eed6"
}

.bxl-wordpress:before {
    content: "\eed7"
}

.bxl-yahoo:before {
    content: "\eed8"
}

.bxl-yelp:before {
    content: "\eed9"
}

.bxl-youtube:before {
    content: "\eeda"
}

.bxl-zoom:before {
    content: "\eedb"
}

.flag-icon,
.flag-icon-background {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.flag-icon {
    position: relative;
    width: 1.33333333em;
    line-height: 1em
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }

.flag-icon-ad {
    background-image: url(flag-icons/flags/4x3/ad.svg)
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ad.svg)
    }

.flag-icon-ae {
    background-image: url(flag-icons/flags/4x3/ae.svg)
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ae.svg)
    }

.flag-icon-af {
    background-image: url(flag-icons/flags/4x3/af.svg)
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/af.svg)
    }

.flag-icon-ag {
    background-image: url(flag-icons/flags/4x3/ag.svg)
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ag.svg)
    }

.flag-icon-ai {
    background-image: url(flag-icons/flags/4x3/ai.svg)
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ai.svg)
    }

.flag-icon-al {
    background-image: url(flag-icons/flags/4x3/al.svg)
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/al.svg)
    }

.flag-icon-am {
    background-image: url(flag-icons/flags/4x3/am.svg)
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/am.svg)
    }

.flag-icon-ao {
    background-image: url(flag-icons/flags/4x3/ao.svg)
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ao.svg)
    }

.flag-icon-aq {
    background-image: url(flag-icons/flags/4x3/aq.svg)
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/aq.svg)
    }

.flag-icon-ar {
    background-image: url(flag-icons/flags/4x3/ar.svg)
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ar.svg)
    }

.flag-icon-as {
    background-image: url(flag-icons/flags/4x3/as.svg)
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/as.svg)
    }

.flag-icon-at {
    background-image: url(flag-icons/flags/4x3/at.svg)
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/at.svg)
    }

.flag-icon-au {
    background-image: url(flag-icons/flags/4x3/au.svg)
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/au.svg)
    }

.flag-icon-aw {
    background-image: url(flag-icons/flags/4x3/aw.svg)
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/aw.svg)
    }

.flag-icon-ax {
    background-image: url(flag-icons/flags/4x3/ax.svg)
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ax.svg)
    }

.flag-icon-az {
    background-image: url(flag-icons/flags/4x3/az.svg)
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/az.svg)
    }

.flag-icon-ba {
    background-image: url(flag-icons/flags/4x3/ba.svg)
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ba.svg)
    }

.flag-icon-bb {
    background-image: url(flag-icons/flags/4x3/bb.svg)
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bb.svg)
    }

.flag-icon-bd {
    background-image: url(flag-icons/flags/4x3/bd.svg)
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bd.svg)
    }

.flag-icon-be {
    background-image: url(flag-icons/flags/4x3/be.svg)
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/be.svg)
    }

.flag-icon-bf {
    background-image: url(flag-icons/flags/4x3/bf.svg)
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bf.svg)
    }

.flag-icon-bg {
    background-image: url(flag-icons/flags/4x3/bg.svg)
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bg.svg)
    }

.flag-icon-bh {
    background-image: url(flag-icons/flags/4x3/bh.svg)
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bh.svg)
    }

.flag-icon-bi {
    background-image: url(flag-icons/flags/4x3/bi.svg)
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bi.svg)
    }

.flag-icon-bj {
    background-image: url(flag-icons/flags/4x3/bj.svg)
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bj.svg)
    }

.flag-icon-bl {
    background-image: url(flag-icons/flags/4x3/bl.svg)
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bl.svg)
    }

.flag-icon-bm {
    background-image: url(flag-icons/flags/4x3/bm.svg)
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bm.svg)
    }

.flag-icon-bn {
    background-image: url(flag-icons/flags/4x3/bn.svg)
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bn.svg)
    }

.flag-icon-bo {
    background-image: url(flag-icons/flags/4x3/bo.svg)
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bo.svg)
    }

.flag-icon-bq {
    background-image: url(flag-icons/flags/4x3/bq.svg)
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bq.svg)
    }

.flag-icon-br {
    background-image: url(flag-icons/flags/4x3/br.svg)
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/br.svg)
    }

.flag-icon-bs {
    background-image: url(flag-icons/flags/4x3/bs.svg)
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bs.svg)
    }

.flag-icon-bt {
    background-image: url(flag-icons/flags/4x3/bt.svg)
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bt.svg)
    }

.flag-icon-bv {
    background-image: url(flag-icons/flags/4x3/bv.svg)
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bv.svg)
    }

.flag-icon-bw {
    background-image: url(flag-icons/flags/4x3/bw.svg)
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bw.svg)
    }

.flag-icon-by {
    background-image: url(flag-icons/flags/4x3/by.svg)
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/by.svg)
    }

.flag-icon-bz {
    background-image: url(flag-icons/flags/4x3/bz.svg)
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/bz.svg)
    }

.flag-icon-ca {
    background-image: url(flag-icons/flags/4x3/ca.svg)
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ca.svg)
    }

.flag-icon-cc {
    background-image: url(flag-icons/flags/4x3/cc.svg)
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cc.svg)
    }

.flag-icon-cd {
    background-image: url(flag-icons/flags/4x3/cd.svg)
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cd.svg)
    }

.flag-icon-cf {
    background-image: url(flag-icons/flags/4x3/cf.svg)
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cf.svg)
    }

.flag-icon-cg {
    background-image: url(flag-icons/flags/4x3/cg.svg)
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cg.svg)
    }

.flag-icon-ch {
    background-image: url(flag-icons/flags/4x3/ch.svg)
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ch.svg)
    }

.flag-icon-ci {
    background-image: url(flag-icons/flags/4x3/ci.svg)
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ci.svg)
    }

.flag-icon-ck {
    background-image: url(flag-icons/flags/4x3/ck.svg)
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ck.svg)
    }

.flag-icon-cl {
    background-image: url(flag-icons/flags/4x3/cl.svg)
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cl.svg)
    }

.flag-icon-cm {
    background-image: url(flag-icons/flags/4x3/cm.svg)
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cm.svg)
    }

.flag-icon-cn {
    background-image: url(flag-icons/flags/4x3/cn.svg)
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cn.svg)
    }

.flag-icon-co {
    background-image: url(flag-icons/flags/4x3/co.svg)
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/co.svg)
    }

.flag-icon-cr {
    background-image: url(flag-icons/flags/4x3/cr.svg)
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cr.svg)
    }

.flag-icon-cu {
    background-image: url(flag-icons/flags/4x3/cu.svg)
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cu.svg)
    }

.flag-icon-cv {
    background-image: url(flag-icons/flags/4x3/cv.svg)
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cv.svg)
    }

.flag-icon-cw {
    background-image: url(flag-icons/flags/4x3/cw.svg)
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cw.svg)
    }

.flag-icon-cx {
    background-image: url(flag-icons/flags/4x3/cx.svg)
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cx.svg)
    }

.flag-icon-cy {
    background-image: url(flag-icons/flags/4x3/cy.svg)
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cy.svg)
    }

.flag-icon-cz {
    background-image: url(flag-icons/flags/4x3/cz.svg)
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/cz.svg)
    }

.flag-icon-de {
    background-image: url(flag-icons/flags/4x3/de.svg)
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/de.svg)
    }

.flag-icon-dj {
    background-image: url(flag-icons/flags/4x3/dj.svg)
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dj.svg)
    }

.flag-icon-dk {
    background-image: url(flag-icons/flags/4x3/dk.svg)
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dk.svg)
    }

.flag-icon-dm {
    background-image: url(flag-icons/flags/4x3/dm.svg)
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dm.svg)
    }

.flag-icon-do {
    background-image: url(flag-icons/flags/4x3/do.svg)
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/do.svg)
    }

.flag-icon-dz {
    background-image: url(flag-icons/flags/4x3/dz.svg)
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/dz.svg)
    }

.flag-icon-ec {
    background-image: url(flag-icons/flags/4x3/ec.svg)
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ec.svg)
    }

.flag-icon-ee {
    background-image: url(flag-icons/flags/4x3/ee.svg)
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ee.svg)
    }

.flag-icon-eg {
    background-image: url(flag-icons/flags/4x3/eg.svg)
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eg.svg)
    }

.flag-icon-eh {
    background-image: url(flag-icons/flags/4x3/eh.svg)
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eh.svg)
    }

.flag-icon-er {
    background-image: url(flag-icons/flags/4x3/er.svg)
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/er.svg)
    }

.flag-icon-es {
    background-image: url(flag-icons/flags/4x3/es.svg)
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/es.svg)
    }

.flag-icon-et {
    background-image: url(flag-icons/flags/4x3/et.svg)
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/et.svg)
    }

.flag-icon-fi {
    background-image: url(flag-icons/flags/4x3/fi.svg)
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fi.svg)
    }

.flag-icon-fj {
    background-image: url(flag-icons/flags/4x3/fj.svg)
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fj.svg)
    }

.flag-icon-fk {
    background-image: url(flag-icons/flags/4x3/fk.svg)
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fk.svg)
    }

.flag-icon-fm {
    background-image: url(flag-icons/flags/4x3/fm.svg)
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fm.svg)
    }

.flag-icon-fo {
    background-image: url(flag-icons/flags/4x3/fo.svg)
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fo.svg)
    }

.flag-icon-fr {
    background-image: url(flag-icons/flags/4x3/fr.svg)
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/fr.svg)
    }

.flag-icon-ga {
    background-image: url(flag-icons/flags/4x3/ga.svg)
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ga.svg)
    }

.flag-icon-gb {
    background-image: url(flag-icons/flags/4x3/gb.svg)
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb.svg)
    }

.flag-icon-gd {
    background-image: url(flag-icons/flags/4x3/gd.svg)
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gd.svg)
    }

.flag-icon-ge {
    background-image: url(flag-icons/flags/4x3/ge.svg)
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ge.svg)
    }

.flag-icon-gf {
    background-image: url(flag-icons/flags/4x3/gf.svg)
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gf.svg)
    }

.flag-icon-gg {
    background-image: url(flag-icons/flags/4x3/gg.svg)
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gg.svg)
    }

.flag-icon-gh {
    background-image: url(flag-icons/flags/4x3/gh.svg)
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gh.svg)
    }

.flag-icon-gi {
    background-image: url(flag-icons/flags/4x3/gi.svg)
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gi.svg)
    }

.flag-icon-gl {
    background-image: url(flag-icons/flags/4x3/gl.svg)
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gl.svg)
    }

.flag-icon-gm {
    background-image: url(flag-icons/flags/4x3/gm.svg)
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gm.svg)
    }

.flag-icon-gn {
    background-image: url(flag-icons/flags/4x3/gn.svg)
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gn.svg)
    }

.flag-icon-gp {
    background-image: url(flag-icons/flags/4x3/gp.svg)
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gp.svg)
    }

.flag-icon-gq {
    background-image: url(flag-icons/flags/4x3/gq.svg)
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gq.svg)
    }

.flag-icon-gr {
    background-image: url(flag-icons/flags/4x3/gr.svg)
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gr.svg)
    }

.flag-icon-gs {
    background-image: url(flag-icons/flags/4x3/gs.svg)
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gs.svg)
    }

.flag-icon-gt {
    background-image: url(flag-icons/flags/4x3/gt.svg)
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gt.svg)
    }

.flag-icon-gu {
    background-image: url(flag-icons/flags/4x3/gu.svg)
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gu.svg)
    }

.flag-icon-gw {
    background-image: url(flag-icons/flags/4x3/gw.svg)
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gw.svg)
    }

.flag-icon-gy {
    background-image: url(flag-icons/flags/4x3/gy.svg)
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gy.svg)
    }

.flag-icon-hk {
    background-image: url(flag-icons/flags/4x3/hk.svg)
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hk.svg)
    }

.flag-icon-hm {
    background-image: url(flag-icons/flags/4x3/hm.svg)
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hm.svg)
    }

.flag-icon-hn {
    background-image: url(flag-icons/flags/4x3/hn.svg)
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hn.svg)
    }

.flag-icon-hr {
    background-image: url(flag-icons/flags/4x3/hr.svg)
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hr.svg)
    }

.flag-icon-ht {
    background-image: url(flag-icons/flags/4x3/ht.svg)
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ht.svg)
    }

.flag-icon-hu {
    background-image: url(flag-icons/flags/4x3/hu.svg)
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/hu.svg)
    }

.flag-icon-id {
    background-image: url(flag-icons/flags/4x3/id.svg)
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/id.svg)
    }

.flag-icon-ie {
    background-image: url(flag-icons/flags/4x3/ie.svg)
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ie.svg)
    }

.flag-icon-il {
    background-image: url(flag-icons/flags/4x3/il.svg)
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/il.svg)
    }

.flag-icon-im {
    background-image: url(flag-icons/flags/4x3/im.svg)
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/im.svg)
    }

.flag-icon-in {
    background-image: url(flag-icons/flags/4x3/in.svg)
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/in.svg)
    }

.flag-icon-io {
    background-image: url(flag-icons/flags/4x3/io.svg)
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/io.svg)
    }

.flag-icon-iq {
    background-image: url(flag-icons/flags/4x3/iq.svg)
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/iq.svg)
    }

.flag-icon-ir {
    background-image: url(flag-icons/flags/4x3/ir.svg)
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ir.svg)
    }

.flag-icon-is {
    background-image: url(flag-icons/flags/4x3/is.svg)
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/is.svg)
    }

.flag-icon-it {
    background-image: url(flag-icons/flags/4x3/it.svg)
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/it.svg)
    }

.flag-icon-je {
    background-image: url(flag-icons/flags/4x3/je.svg)
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/je.svg)
    }

.flag-icon-jm {
    background-image: url(flag-icons/flags/4x3/jm.svg)
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jm.svg)
    }

.flag-icon-jo {
    background-image: url(flag-icons/flags/4x3/jo.svg)
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jo.svg)
    }

.flag-icon-jp {
    background-image: url(flag-icons/flags/4x3/jp.svg)
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/jp.svg)
    }

.flag-icon-ke {
    background-image: url(flag-icons/flags/4x3/ke.svg)
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ke.svg)
    }

.flag-icon-kg {
    background-image: url(flag-icons/flags/4x3/kg.svg)
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kg.svg)
    }

.flag-icon-kh {
    background-image: url(flag-icons/flags/4x3/kh.svg)
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kh.svg)
    }

.flag-icon-ki {
    background-image: url(flag-icons/flags/4x3/ki.svg)
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ki.svg)
    }

.flag-icon-km {
    background-image: url(flag-icons/flags/4x3/km.svg)
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/km.svg)
    }

.flag-icon-kn {
    background-image: url(flag-icons/flags/4x3/kn.svg)
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kn.svg)
    }

.flag-icon-kp {
    background-image: url(flag-icons/flags/4x3/kp.svg)
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kp.svg)
    }

.flag-icon-kr {
    background-image: url(flag-icons/flags/4x3/kr.svg)
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kr.svg)
    }

.flag-icon-kw {
    background-image: url(flag-icons/flags/4x3/kw.svg)
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kw.svg)
    }

.flag-icon-ky {
    background-image: url(flag-icons/flags/4x3/ky.svg)
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ky.svg)
    }

.flag-icon-kz {
    background-image: url(flag-icons/flags/4x3/kz.svg)
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/kz.svg)
    }

.flag-icon-la {
    background-image: url(flag-icons/flags/4x3/la.svg)
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/la.svg)
    }

.flag-icon-lb {
    background-image: url(flag-icons/flags/4x3/lb.svg)
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lb.svg)
    }

.flag-icon-lc {
    background-image: url(flag-icons/flags/4x3/lc.svg)
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lc.svg)
    }

.flag-icon-li {
    background-image: url(flag-icons/flags/4x3/li.svg)
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/li.svg)
    }

.flag-icon-lk {
    background-image: url(flag-icons/flags/4x3/lk.svg)
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lk.svg)
    }

.flag-icon-lr {
    background-image: url(flag-icons/flags/4x3/lr.svg)
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lr.svg)
    }

.flag-icon-ls {
    background-image: url(flag-icons/flags/4x3/ls.svg)
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ls.svg)
    }

.flag-icon-lt {
    background-image: url(flag-icons/flags/4x3/lt.svg)
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lt.svg)
    }

.flag-icon-lu {
    background-image: url(flag-icons/flags/4x3/lu.svg)
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lu.svg)
    }

.flag-icon-lv {
    background-image: url(flag-icons/flags/4x3/lv.svg)
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/lv.svg)
    }

.flag-icon-ly {
    background-image: url(flag-icons/flags/4x3/ly.svg)
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ly.svg)
    }

.flag-icon-ma {
    background-image: url(flag-icons/flags/4x3/ma.svg)
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ma.svg)
    }

.flag-icon-mc {
    background-image: url(flag-icons/flags/4x3/mc.svg)
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mc.svg)
    }

.flag-icon-md {
    background-image: url(flag-icons/flags/4x3/md.svg)
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/md.svg)
    }

.flag-icon-me {
    background-image: url(flag-icons/flags/4x3/me.svg)
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/me.svg)
    }

.flag-icon-mf {
    background-image: url(flag-icons/flags/4x3/mf.svg)
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mf.svg)
    }

.flag-icon-mg {
    background-image: url(flag-icons/flags/4x3/mg.svg)
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mg.svg)
    }

.flag-icon-mh {
    background-image: url(flag-icons/flags/4x3/mh.svg)
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mh.svg)
    }

.flag-icon-mk {
    background-image: url(flag-icons/flags/4x3/mk.svg)
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mk.svg)
    }

.flag-icon-ml {
    background-image: url(flag-icons/flags/4x3/ml.svg)
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ml.svg)
    }

.flag-icon-mm {
    background-image: url(flag-icons/flags/4x3/mm.svg)
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mm.svg)
    }

.flag-icon-mn {
    background-image: url(flag-icons/flags/4x3/mn.svg)
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mn.svg)
    }

.flag-icon-mo {
    background-image: url(flag-icons/flags/4x3/mo.svg)
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mo.svg)
    }

.flag-icon-mp {
    background-image: url(flag-icons/flags/4x3/mp.svg)
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mp.svg)
    }

.flag-icon-mq {
    background-image: url(flag-icons/flags/4x3/mq.svg)
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mq.svg)
    }

.flag-icon-mr {
    background-image: url(flag-icons/flags/4x3/mr.svg)
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mr.svg)
    }

.flag-icon-ms {
    background-image: url(flag-icons/flags/4x3/ms.svg)
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ms.svg)
    }

.flag-icon-mt {
    background-image: url(flag-icons/flags/4x3/mt.svg)
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mt.svg)
    }

.flag-icon-mu {
    background-image: url(flag-icons/flags/4x3/mu.svg)
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mu.svg)
    }

.flag-icon-mv {
    background-image: url(flag-icons/flags/4x3/mv.svg)
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mv.svg)
    }

.flag-icon-mw {
    background-image: url(flag-icons/flags/4x3/mw.svg)
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mw.svg)
    }

.flag-icon-mx {
    background-image: url(flag-icons/flags/4x3/mx.svg)
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mx.svg)
    }

.flag-icon-my {
    background-image: url(flag-icons/flags/4x3/my.svg)
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/my.svg)
    }

.flag-icon-mz {
    background-image: url(flag-icons/flags/4x3/mz.svg)
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/mz.svg)
    }

.flag-icon-na {
    background-image: url(flag-icons/flags/4x3/na.svg)
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/na.svg)
    }

.flag-icon-nc {
    background-image: url(flag-icons/flags/4x3/nc.svg)
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nc.svg)
    }

.flag-icon-ne {
    background-image: url(flag-icons/flags/4x3/ne.svg)
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ne.svg)
    }

.flag-icon-nf {
    background-image: url(flag-icons/flags/4x3/nf.svg)
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nf.svg)
    }

.flag-icon-ng {
    background-image: url(flag-icons/flags/4x3/ng.svg)
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ng.svg)
    }

.flag-icon-ni {
    background-image: url(flag-icons/flags/4x3/ni.svg)
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ni.svg)
    }

.flag-icon-nl {
    background-image: url(flag-icons/flags/4x3/nl.svg)
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nl.svg)
    }

.flag-icon-no {
    background-image: url(flag-icons/flags/4x3/no.svg)
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/no.svg)
    }

.flag-icon-np {
    background-image: url(flag-icons/flags/4x3/np.svg)
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/np.svg)
    }

.flag-icon-nr {
    background-image: url(flag-icons/flags/4x3/nr.svg)
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nr.svg)
    }

.flag-icon-nu {
    background-image: url(flag-icons/flags/4x3/nu.svg)
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nu.svg)
    }

.flag-icon-nz {
    background-image: url(flag-icons/flags/4x3/nz.svg)
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/nz.svg)
    }

.flag-icon-om {
    background-image: url(flag-icons/flags/4x3/om.svg)
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/om.svg)
    }

.flag-icon-pa {
    background-image: url(flag-icons/flags/4x3/pa.svg)
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pa.svg)
    }

.flag-icon-pe {
    background-image: url(flag-icons/flags/4x3/pe.svg)
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pe.svg)
    }

.flag-icon-pf {
    background-image: url(flag-icons/flags/4x3/pf.svg)
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pf.svg)
    }

.flag-icon-pg {
    background-image: url(flag-icons/flags/4x3/pg.svg)
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pg.svg)
    }

.flag-icon-ph {
    background-image: url(flag-icons/flags/4x3/ph.svg)
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ph.svg)
    }

.flag-icon-pk {
    background-image: url(flag-icons/flags/4x3/pk.svg)
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pk.svg)
    }

.flag-icon-pl {
    background-image: url(flag-icons/flags/4x3/pl.svg)
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pl.svg)
    }

.flag-icon-pm {
    background-image: url(flag-icons/flags/4x3/pm.svg)
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pm.svg)
    }

.flag-icon-pn {
    background-image: url(flag-icons/flags/4x3/pn.svg)
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pn.svg)
    }

.flag-icon-pr {
    background-image: url(flag-icons/flags/4x3/pr.svg)
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pr.svg)
    }

.flag-icon-ps {
    background-image: url(flag-icons/flags/4x3/ps.svg)
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ps.svg)
    }

.flag-icon-pt {
    background-image: url(flag-icons/flags/4x3/pt.svg)
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pt.svg)
    }

.flag-icon-pw {
    background-image: url(flag-icons/flags/4x3/pw.svg)
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/pw.svg)
    }

.flag-icon-py {
    background-image: url(flag-icons/flags/4x3/py.svg)
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/py.svg)
    }

.flag-icon-qa {
    background-image: url(flag-icons/flags/4x3/qa.svg)
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/qa.svg)
    }

.flag-icon-re {
    background-image: url(flag-icons/flags/4x3/re.svg)
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/re.svg)
    }

.flag-icon-ro {
    background-image: url(flag-icons/flags/4x3/ro.svg)
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ro.svg)
    }

.flag-icon-rs {
    background-image: url(flag-icons/flags/4x3/rs.svg)
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/rs.svg)
    }

.flag-icon-ru {
    background-image: url(flag-icons/flags/4x3/ru.svg)
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ru.svg)
    }

.flag-icon-rw {
    background-image: url(flag-icons/flags/4x3/rw.svg)
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/rw.svg)
    }

.flag-icon-sa {
    background-image: url(flag-icons/flags/4x3/sa.svg)
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sa.svg)
    }

.flag-icon-sb {
    background-image: url(flag-icons/flags/4x3/sb.svg)
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sb.svg)
    }

.flag-icon-sc {
    background-image: url(flag-icons/flags/4x3/sc.svg)
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sc.svg)
    }

.flag-icon-sd {
    background-image: url(flag-icons/flags/4x3/sd.svg)
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sd.svg)
    }

.flag-icon-se {
    background-image: url(flag-icons/flags/4x3/se.svg)
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/se.svg)
    }

.flag-icon-sg {
    background-image: url(flag-icons/flags/4x3/sg.svg)
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sg.svg)
    }

.flag-icon-sh {
    background-image: url(flag-icons/flags/4x3/sh.svg)
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sh.svg)
    }

.flag-icon-si {
    background-image: url(flag-icons/flags/4x3/si.svg)
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/si.svg)
    }

.flag-icon-sj {
    background-image: url(flag-icons/flags/4x3/sj.svg)
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sj.svg)
    }

.flag-icon-sk {
    background-image: url(flag-icons/flags/4x3/sk.svg)
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sk.svg)
    }

.flag-icon-sl {
    background-image: url(flag-icons/flags/4x3/sl.svg)
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sl.svg)
    }

.flag-icon-sm {
    background-image: url(flag-icons/flags/4x3/sm.svg)
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sm.svg)
    }

.flag-icon-sn {
    background-image: url(flag-icons/flags/4x3/sn.svg)
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sn.svg)
    }

.flag-icon-so {
    background-image: url(flag-icons/flags/4x3/so.svg)
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/so.svg)
    }

.flag-icon-sr {
    background-image: url(flag-icons/flags/4x3/sr.svg)
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sr.svg)
    }

.flag-icon-ss {
    background-image: url(flag-icons/flags/4x3/ss.svg)
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ss.svg)
    }

.flag-icon-st {
    background-image: url(flag-icons/flags/4x3/st.svg)
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/st.svg)
    }

.flag-icon-sv {
    background-image: url(flag-icons/flags/4x3/sv.svg)
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sv.svg)
    }

.flag-icon-sx {
    background-image: url(flag-icons/flags/4x3/sx.svg)
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sx.svg)
    }

.flag-icon-sy {
    background-image: url(flag-icons/flags/4x3/sy.svg)
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sy.svg)
    }

.flag-icon-sz {
    background-image: url(flag-icons/flags/4x3/sz.svg)
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/sz.svg)
    }

.flag-icon-tc {
    background-image: url(flag-icons/flags/4x3/tc.svg)
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tc.svg)
    }

.flag-icon-td {
    background-image: url(flag-icons/flags/4x3/td.svg)
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/td.svg)
    }

.flag-icon-tf {
    background-image: url(flag-icons/flags/4x3/tf.svg)
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tf.svg)
    }

.flag-icon-tg {
    background-image: url(flag-icons/flags/4x3/tg.svg)
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tg.svg)
    }

.flag-icon-th {
    background-image: url(flag-icons/flags/4x3/th.svg)
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/th.svg)
    }

.flag-icon-tj {
    background-image: url(flag-icons/flags/4x3/tj.svg)
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tj.svg)
    }

.flag-icon-tk {
    background-image: url(flag-icons/flags/4x3/tk.svg)
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tk.svg)
    }

.flag-icon-tl {
    background-image: url(flag-icons/flags/4x3/tl.svg)
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tl.svg)
    }

.flag-icon-tm {
    background-image: url(flag-icons/flags/4x3/tm.svg)
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tm.svg)
    }

.flag-icon-tn {
    background-image: url(flag-icons/flags/4x3/tn.svg)
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tn.svg)
    }

.flag-icon-to {
    background-image: url(flag-icons/flags/4x3/to.svg)
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/to.svg)
    }

.flag-icon-tr {
    background-image: url(flag-icons/flags/4x3/tr.svg)
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tr.svg)
    }

.flag-icon-tt {
    background-image: url(flag-icons/flags/4x3/tt.svg)
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tt.svg)
    }

.flag-icon-tv {
    background-image: url(flag-icons/flags/4x3/tv.svg)
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tv.svg)
    }

.flag-icon-tw {
    background-image: url(flag-icons/flags/4x3/tw.svg)
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tw.svg)
    }

.flag-icon-tz {
    background-image: url(flag-icons/flags/4x3/tz.svg)
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/tz.svg)
    }

.flag-icon-ua {
    background-image: url(flag-icons/flags/4x3/ua.svg)
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ua.svg)
    }

.flag-icon-ug {
    background-image: url(flag-icons/flags/4x3/ug.svg)
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ug.svg)
    }

.flag-icon-um {
    background-image: url(flag-icons/flags/4x3/um.svg)
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/um.svg)
    }

.flag-icon-us {
    background-image: url(flag-icons/flags/4x3/us.svg)
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/us.svg)
    }

.flag-icon-uy {
    background-image: url(flag-icons/flags/4x3/uy.svg)
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/uy.svg)
    }

.flag-icon-uz {
    background-image: url(flag-icons/flags/4x3/uz.svg)
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/uz.svg)
    }

.flag-icon-va {
    background-image: url(flag-icons/flags/4x3/va.svg)
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/va.svg)
    }

.flag-icon-vc {
    background-image: url(flag-icons/flags/4x3/vc.svg)
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vc.svg)
    }

.flag-icon-ve {
    background-image: url(flag-icons/flags/4x3/ve.svg)
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ve.svg)
    }

.flag-icon-vg {
    background-image: url(flag-icons/flags/4x3/vg.svg)
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vg.svg)
    }

.flag-icon-vi {
    background-image: url(flag-icons/flags/4x3/vi.svg)
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vi.svg)
    }

.flag-icon-vn {
    background-image: url(flag-icons/flags/4x3/vn.svg)
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vn.svg)
    }

.flag-icon-vu {
    background-image: url(flag-icons/flags/4x3/vu.svg)
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/vu.svg)
    }

.flag-icon-wf {
    background-image: url(flag-icons/flags/4x3/wf.svg)
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/wf.svg)
    }

.flag-icon-ws {
    background-image: url(flag-icons/flags/4x3/ws.svg)
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ws.svg)
    }

.flag-icon-ye {
    background-image: url(flag-icons/flags/4x3/ye.svg)
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/ye.svg)
    }

.flag-icon-yt {
    background-image: url(flag-icons/flags/4x3/yt.svg)
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/yt.svg)
    }

.flag-icon-za {
    background-image: url(flag-icons/flags/4x3/za.svg)
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/za.svg)
    }

.flag-icon-zm {
    background-image: url(flag-icons/flags/4x3/zm.svg)
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/zm.svg)
    }

.flag-icon-zw {
    background-image: url(flag-icons/flags/4x3/zw.svg)
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/zw.svg)
    }

.flag-icon-eu {
    background-image: url(flag-icons/flags/4x3/eu.svg)
}

    .flag-icon-eu.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/eu.svg)
    }

.flag-icon-gb-eng {
    background-image: url(flag-icons/flags/4x3/gb-eng.svg)
}

    .flag-icon-gb-eng.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-eng.svg)
    }

.flag-icon-gb-sct {
    background-image: url(flag-icons/flags/4x3/gb-sct.svg)
}

    .flag-icon-gb-sct.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-sct.svg)
    }

.flag-icon-gb-wls {
    background-image: url(flag-icons/flags/4x3/gb-wls.svg)
}

    .flag-icon-gb-wls.flag-icon-squared {
        background-image: url(flag-icons/flags/1x1/gb-wls.svg)
    }

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #ff6275;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0
}

.ps__rail-y {
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}
/* Swiper css */
/* ---------- */
/* swiper slide shadow */
.swiper-container .swiper-shadow {
    box-shadow: 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important;
}

.swiper-centered-slides.swiper-container .swiper-slide {
    text-align: center;
    font-weight: 500;
    background-color: #FFFFFF;
    height: auto;
    width: auto !important;
    padding: 2rem 5.5rem;
    cursor: pointer;
}

    .swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
        border: 2px solid #5A8DEE;
    }

        .swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i {
            color: #5A8DEE;
        }

.swiper-centered-slides .swiper-button-next:after, .swiper-centered-slides .swiper-button-prev:after {
    border-radius: 50%;
    background-color: #5A8DEE;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
}

.swiper-centered-slides-2.swiper-container .swiper-slide {
    font-weight: 500;
    background-color: #f2f4f4;
    height: auto;
    width: auto !important;
    cursor: pointer;
}

    .swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
        color: #FFFFFF;
        background-color: #5A8DEE !important;
        box-shadow: 0 3px 6px 0 rgba(90, 141, 238, 0.5) !important;
    }

/* cube effect */
.swiper-cube-effect.swiper-container {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: -12px;
}

/* swiper coverflow slide width */
.swiper-coverflow.swiper-container .swiper-slide {
    width: 300px;
}

.gallery-thumbs {
    padding: 10px 0;
    background: #000;
}

    .gallery-thumbs .swiper-slide {
        opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.swiper-parallax .swiper-slide {
    padding: 2.67rem 4rem;
}

    .swiper-parallax .swiper-slide .title {
        font-size: 1.3rem;
        padding: .5rem 0;
    }

    .swiper-parallax .swiper-slide .text {
        font-size: 0.8rem;
    }

.swiper-parallax .parallax-bg {
    position: absolute;
    width: 130%;
}

.swiper-virtual.swiper-container {
    height: 300px;
}

    .swiper-virtual.swiper-container .swiper-slide {
        /* virtual slides  */
        font-size: 1.73rem;
        background-color: #eee;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.swiper-button-prev,
.swiper-button-next {
    background-image: none;
    color: #FFFFFF;
    width: 35px;
    font-size: 2.53rem;
}

    .swiper-button-prev:focus,
    .swiper-button-next:focus {
        outline: none;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
        font-family: 'boxicons';
    }

    .swiper-button-prev:after {
        content: "\e9af";
    }

    .swiper-button-next:after {
        content: "\e9b2";
    }

@media only screen and (max-width: 768px) {
    .swiper-button-prev {
        font-size: 1.47rem;
        top: 55%;
    }

    .swiper-button-next {
        font-size: 1.47rem;
        top: 55%;
        width: 15px;
    }

    .swiper-parallax .swiper-slide {
        padding: 1rem 1.2rem;
    }

    .swiper-parallax img {
        height: 100% !important;
    }
}

@media only screen and (max-width: 576px) {
    .swiper-centered-slides.swiper-container .swiper-slide {
        padding: 1.6rem 2.5rem;
    }

        .swiper-centered-slides.swiper-container .swiper-slide i {
            font-size: 1.3rem !important;
        }

    .swiper-cube-effect.swiper-container {
        width: 150px;
        left: 70%;
    }

    .swiper-parallax .swiper-slide {
        padding: 1rem 1.3rem;
    }

    .swiper-virtual.swiper-container .swiper-slide {
        font-size: 1rem;
    }
}

.swiper-container-rtl .swiper-button-prev:after {
    content: '\e9b2';
}

.swiper-container-rtl .swiper-button-next:after {
    content: '\e9af';
}

:root {
    --blue: #5A8DEE;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #FF5B5C;
    --orange: #fd7e14;
    --yellow: #FDAC41;
    --green: #39DA8A;
    --teal: #20c997;
    --cyan: #00CFDD;
    --white: #FFFFFF;
    --gray: #475F7B;
    --gray-dark: #394C62;
    --primary: #5A8DEE;
    --secondary: #475F7B;
    --success: #39DA8A;
    --info: #00CFDD;
    --warning: #FDAC41;
    --danger: #FF5B5C;
    --light: #A3AFBD;
    --dark: #394C62;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 1110px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "IBM Plex Sans", Helvetica, Arial, serif;
    --font-family-monospace: "Rubik", Helvetica, Arial, serif;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
    margin: 0;
    font-family: Tahoma, "IBM Plex Sans", Helvetica, Arial, serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #727E8C;
    text-align: left;
    background-color: #F2F4F4;
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

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

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

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

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

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

dt {
    font-weight: 500;
}

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

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #5A8DEE;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #175ee4;
        text-decoration: none;
    }

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

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

pre,
code,
kbd,
samp {
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    font-size: 1em;
}

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

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 1.15rem 2rem;
    padding-bottom: 1.15rem 2rem;
    color: #828D99;
    text-align: left;
    caption-side: bottom;
}

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

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

button {
    border-radius: 0;
}

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

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

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

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

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

output {
    display: inline-block;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    font-weight: 400;
    line-height: 1.2;
    color: #475F7B;
}

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

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

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

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

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

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

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

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #DFE3E7;
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

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

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

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

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

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

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

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

.blockquote-footer {
    display: block;
    font-size: 1rem;
    color: #828D99;
}

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

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #F2F4F4;
    border: 1px solid #7E8FA3;
    border-radius: 0.267rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

.figure-caption {
    font-size: 90%;
    color: #475F7B;
}

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

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #727E8C;
    background-color: #eee;
    border-radius: 0.25rem;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 500;
    }

pre {
    display: block;
    font-size: 90%;
    color: #324356;
}

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

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

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
}

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

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

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

.row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

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

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

.row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.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%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

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

    .offset-sm-1 {
        margin-left: 8.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%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

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

    .offset-md-1 {
        margin-left: 8.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%;
    }
}

@media (min-width: 960px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

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

    .offset-lg-1 {
        margin-left: 8.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%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

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

    .offset-xl-1 {
        margin-left: 8.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%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #727E8C;
}

    .table th,
    .table td {
        padding: 1.15rem 2rem;
        vertical-align: top;
        border-top: 1px solid #DFE3E7;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #DFE3E7;
    }

    .table tbody + tbody {
        border-top: 2px solid #DFE3E7;
    }

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

.table-bordered {
    border: 1px solid #DFE3E7;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #DFE3E7;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fafbfb;
}

.table-hover tbody tr:hover {
    color: #727E8C;
    background-color: #F2F4F4;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #d1dffa;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #a9c4f6;
    }

.table-hover .table-primary:hover {
    background-color: #bacff8;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #bacff8;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #cbd2da;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #9facba;
    }

.table-hover .table-secondary:hover {
    background-color: #bcc5cf;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #bcc5cf;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c8f5de;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #98ecc2;
    }

.table-hover .table-success:hover {
    background-color: #b2f1d1;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b2f1d1;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #b8f2f5;
}

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #7ae6ed;
    }

.table-hover .table-info:hover {
    background-color: #a2eef2;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #a2eef2;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fee8ca;
}

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #fed49c;
    }

.table-hover .table-warning:hover {
    background-color: #feddb1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #feddb1;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #ffd1d1;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ffaaaa;
    }

.table-hover .table-danger:hover {
    background-color: #ffb8b8;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ffb8b8;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #e5e9ed;
}

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #cfd5dd;
    }

.table-hover .table-light:hover {
    background-color: #d6dce3;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #d6dce3;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c8cdd3;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #98a2ad;
    }

.table-hover .table-dark:hover {
    background-color: #bac0c8;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #bac0c8;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: #F2F4F4;
}

.table-hover .table-active:hover {
    background-color: #e4e8e8;
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: #e4e8e8;
    }

.table .thead-dark th {
    color: #FFFFFF;
    background-color: #475F7B;
    border-color: #40566F;
}

.table .thead-light th {
    color: #475F7B;
    background-color: #F2F4F4;
    border-color: #DFE3E7;
}

.table-dark {
    color: #FFFFFF;
    background-color: #475F7B;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #40566F;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #FFFFFF;
        background-color: rgba(255, 255, 255, 0.075);
    }

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

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

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

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

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

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

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

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.4em + 0.94rem + 3.7px);
    padding: 0.47rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #475F7B;
}

.form-control:focus {
    color: #475F7B;
    background-color: #FFFFFF;
    border-color: #5a8dee;
    outline: 0;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}

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

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

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    appearance: none;
}

select.form-control:focus::-ms-value {
    color: #475F7B;
    background-color: #FFFFFF;
}

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

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

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.47rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4;
    color: #727E8C;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

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

.form-control-sm {
    height: 1.58rem;
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    line-height: 1.1;
    border-radius: 0.267rem;
}

.form-control-lg {
    height: calc(1.4em + 1.334rem + 3.7px);
    padding: 0.667rem 0.8rem;
    font-size: 1.2rem;
    line-height: 1.4;
    border-radius: 0.267rem;
}

select.form-control[size], select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

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

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input[disabled] ~ .form-check-label,
    .form-check-input:disabled ~ .form-check-label {
        color: #828D99;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.267rem 0.867rem;
    margin-top: .1rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #324356;
    background-color: rgba(57, 218, 138, 0.2);
    border-radius: 0.267rem;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*="col-"] > .valid-tooltip {
    left: 5px;
}

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

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #39DA8A;
    padding-right: calc(1.4em + 1.269rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339DA8A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35em + 0.235rem) center;
    background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #39DA8A;
        box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.4em + 1.269rem);
    background-position: top calc(0.35em + 0.235rem) right calc(0.35em + 0.235rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #39DA8A;
    padding-right: calc(0.75em + 2.505rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23394C62' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.8rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339DA8A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.8rem/calc(0.7em + 0.47rem) calc(0.7em + 0.47rem) no-repeat;
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #39DA8A;
        box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #39DA8A;
}

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

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #39DA8A;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #39DA8A;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #64e2a3;
    background-color: #64e2a3;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #39DA8A;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #39DA8A;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #39DA8A;
    box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.267rem 0.867rem;
    margin-top: .1rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #FFFFFF;
    background-color: rgba(255, 91, 92, 0.2);
    border-radius: 0.267rem;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*="col-"] > .invalid-tooltip {
    left: 5px;
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #FF5B5C;
    padding-right: calc(1.4em + 1.269rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5B5C' viewBox='0 0 12 12'%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='%23FF5B5C' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.35em + 0.235rem) center;
    background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #FF5B5C;
        box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.4em + 1.269rem);
    background-position: top calc(0.35em + 0.235rem) right calc(0.35em + 0.235rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #FF5B5C;
    padding-right: calc(0.75em + 2.505rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23394C62' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.8rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5B5C' viewBox='0 0 12 12'%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='%23FF5B5C' stroke='none'/%3e%3c/svg%3e") center right 1.8rem/calc(0.7em + 0.47rem) calc(0.7em + 0.47rem) no-repeat;
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #FF5B5C;
        box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
    }

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

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

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #FF5B5C;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #FF5B5C;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #ff8e8f;
    background-color: #ff8e8f;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #FF5B5C;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #FF5B5C;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #FF5B5C;
    box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #727E8C;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 0 solid transparent;
    padding: 0.467rem 1.5rem;
    font-size: 1rem;
    line-height: 1.6rem;
    border-radius: 0.267rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.btn:hover {
    color: #727E8C;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(90, 141, 238, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.45;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

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

.btn-primary {
    color: #FFFFFF;
    background-color: #5A8DEE;
    border-color: #5A8DEE;
}

    .btn-primary:hover {
        color: #FFFFFF;
        background-color: #3775ea;
        border-color: #2c6de9;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #FFFFFF;
        background-color: #3775ea;
        border-color: #2c6de9;
        box-shadow: 0 0 0 0.2rem rgba(115, 158, 241, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #FFFFFF;
        background-color: #5A8DEE;
        border-color: #5A8DEE;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #FFFFFF;
        background-color: #2c6de9;
        border-color: #2065e8;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(115, 158, 241, 0.5);
        }

.btn-secondary {
    color: #FFFFFF;
    background-color: #475F7B;
    border-color: #475F7B;
}

    .btn-secondary:hover {
        color: #FFFFFF;
        background-color: #394c63;
        border-color: #34465b;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #FFFFFF;
        background-color: #394c63;
        border-color: #34465b;
        box-shadow: 0 0 0 0.2rem rgba(99, 119, 143, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #FFFFFF;
        background-color: #475F7B;
        border-color: #475F7B;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #FFFFFF;
        background-color: #34465b;
        border-color: #304053;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(99, 119, 143, 0.5);
        }

.btn-success {
    color: #324356;
    background-color: #39DA8A;
    border-color: #39DA8A;
}

    .btn-success:hover {
        color: #FFFFFF;
        background-color: #25c777;
        border-color: #23bd70;
    }

    .btn-success:focus, .btn-success.focus {
        color: #FFFFFF;
        background-color: #25c777;
        border-color: #23bd70;
        box-shadow: 0 0 0 0.2rem rgba(56, 195, 130, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #324356;
        background-color: #39DA8A;
        border-color: #39DA8A;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #FFFFFF;
        background-color: #23bd70;
        border-color: #21b26a;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(56, 195, 130, 0.5);
        }

.btn-info {
    color: #FFFFFF;
    background-color: #00CFDD;
    border-color: #00CFDD;
}

    .btn-info:hover {
        color: #FFFFFF;
        background-color: #00abb7;
        border-color: #009faa;
    }

    .btn-info:focus, .btn-info.focus {
        color: #FFFFFF;
        background-color: #00abb7;
        border-color: #009faa;
        box-shadow: 0 0 0 0.2rem rgba(38, 214, 226, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #FFFFFF;
        background-color: #00CFDD;
        border-color: #00CFDD;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #FFFFFF;
        background-color: #009faa;
        border-color: #00939d;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 214, 226, 0.5);
        }

.btn-warning {
    color: #324356;
    background-color: #FDAC41;
    border-color: #FDAC41;
}

    .btn-warning:hover {
        color: #324356;
        background-color: #fd9b1b;
        border-color: #fc960f;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #324356;
        background-color: #fd9b1b;
        border-color: #fc960f;
        box-shadow: 0 0 0 0.2rem rgba(223, 156, 68, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #324356;
        background-color: #FDAC41;
        border-color: #FDAC41;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #324356;
        background-color: #fc960f;
        border-color: #fc9003;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(223, 156, 68, 0.5);
        }

.btn-danger {
    color: #FFFFFF;
    background-color: #FF5B5C;
    border-color: #FF5B5C;
}

    .btn-danger:hover {
        color: #FFFFFF;
        background-color: #ff3536;
        border-color: #ff2829;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #FFFFFF;
        background-color: #ff3536;
        border-color: #ff2829;
        box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #FFFFFF;
        background-color: #FF5B5C;
        border-color: #FF5B5C;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ff2829;
        border-color: #ff1b1d;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
        }

.btn-light {
    color: #324356;
    background-color: #A3AFBD;
    border-color: #A3AFBD;
}

    .btn-light:hover {
        border-color: #8595a8;
    }

    .btn-light:focus, .btn-light.focus {
        color: #324356;
        background-color: #8d9cad;
        border-color: #8595a8;
        box-shadow: 0 0 0 0.2rem rgba(146, 159, 174, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #324356;
        background-color: #A3AFBD;
        border-color: #A3AFBD;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    3.show > .btn-light.dropdown-toggle {
        color: #475F7B !important;
        background-color: transparent !important;
        border: 1px solid #8494a7 !important;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(146, 159, 174, 0.5);
        }

.btn-dark {
    color: #FFFFFF;
    background-color: #394C62;
    border-color: #394C62;
}

    .btn-dark:hover {
        color: #FFFFFF;
        background-color: #2b394a;
        border-color: #263342;
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #FFFFFF;
        background-color: #2b394a;
        border-color: #263342;
        box-shadow: 0 0 0 0.2rem rgba(87, 103, 122, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #FFFFFF;
        background-color: #394C62;
        border-color: #394C62;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #FFFFFF;
        background-color: #263342;
        border-color: #222d3a;
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(87, 103, 122, 0.5);
        }

.btn-outline-primary {
    color: #5A8DEE !important;
    border-color: #5A8DEE;
}

    .btn-outline-primary:hover {
        color: #FFFFFF;
        background-color: #5A8DEE;
        border-color: #5A8DEE;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(90, 141, 238, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #5A8DEE;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #FFFFFF;
        background-color: #5A8DEE;
        border-color: #5A8DEE;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(90, 141, 238, 0.5);
        }

.btn-outline-secondary {
    color: #475F7B;
    border-color: #475F7B;
}

    .btn-outline-secondary:hover {
        color: #FFFFFF;
        background-color: #475F7B;
        border-color: #475F7B;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(71, 95, 123, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #475F7B;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #FFFFFF;
        background-color: #475F7B;
        border-color: #475F7B;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(71, 95, 123, 0.5);
        }

.btn-outline-success {
    color: #39DA8A;
    border-color: #39DA8A;
}

    .btn-outline-success:hover {
        color: #324356;
        background-color: #39DA8A;
        border-color: #39DA8A;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #39DA8A;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #324356;
        background-color: #39DA8A;
        border-color: #39DA8A;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.5);
        }

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

    .btn-outline-info:hover {
        color: #FFFFFF;
        background-color: #00CFDD;
        border-color: #00CFDD;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 207, 221, 0.5);
    }

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

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #FFFFFF;
        background-color: #00CFDD;
        border-color: #00CFDD;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 207, 221, 0.5);
        }

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

    .btn-outline-warning:hover {
        color: #324356;
        background-color: #FDAC41;
        border-color: #FDAC41;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(253, 172, 65, 0.5);
    }

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

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #324356;
        background-color: #FDAC41;
        border-color: #FDAC41;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(253, 172, 65, 0.5);
        }

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

    .btn-outline-danger:hover {
        color: #FFFFFF;
        background-color: #FF5B5C;
        border-color: #FF5B5C;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.5);
    }

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

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #FFFFFF;
        background-color: #FF5B5C;
        border-color: #FF5B5C;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.5);
        }

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

    .btn-outline-light:hover {
        color: #324356;
        background-color: #A3AFBD;
        border-color: #A3AFBD;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(163, 175, 189, 0.5);
    }

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

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #324356;
        background-color: #A3AFBD;
        border-color: #A3AFBD;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(163, 175, 189, 0.5);
        }

.btn-outline-dark {
    color: #394C62;
    border-color: #394C62;
}

    .btn-outline-dark:hover {
        color: #FFFFFF;
        background-color: #394C62;
        border-color: #394C62;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(57, 76, 98, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #394C62;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #FFFFFF;
        background-color: #394C62;
        border-color: #394C62;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(57, 76, 98, 0.5);
        }

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

    .btn-link:hover {
        color: #175ee4;
        text-decoration: none;
    }

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

    .btn-link:disabled, .btn-link.disabled {
        color: #828D99;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.6rem 1.8rem;
    font-size: 1.2rem;
    line-height: 1.7;
    border-radius: 0.267rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.467rem 1.2rem;
    font-size: 0.8rem;
    line-height: 1.4;
    border-radius: 0.267rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

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

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

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

.collapsing :not(.stecknadel) {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

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

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 9.65rem;
    padding: 0.4rem 0;
    margin: 0.3rem 0 0;
    font-size: 0.8rem;
    color: #727E8C;
    text-align: left;
    list-style: none;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #DFE3E7;
    border-radius: 5px;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1110px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.3rem;
}

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

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

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.3rem;
}

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

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

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.3rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

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

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

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #DFE3E7;
}

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

    .dropdown-item:hover, .dropdown-item:focus {
        color: #475F7B;
        text-decoration: none;
        background-color: #F2F4F4;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #5A8DEE;
    }

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

.dropdown-menu.show {
    display: block;
    margin-bottom: 150px;
}

.dropdown-header {
    display: block;
    padding: 0.4rem 1.6rem;
    margin-bottom: 0;
    font-size: 0.8rem;
    color: #475F7B;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.8rem 1.6rem;
    color: #475F7B;
}

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

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

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

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

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

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

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

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child),
    .input-group:not(.has-validation) > .custom-select:not(:last-child),
    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group.has-validation > .form-control:nth-last-child(n + 3),
    .input-group.has-validation > .custom-select:nth-last-child(n + 3),
    .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.input-group-prepend,
.input-group-append {
    display: flex;
}

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

        .input-group-prepend .btn:focus,
        .input-group-append .btn:focus {
            z-index: 3;
        }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.47rem 0.8rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    text-align: center;
    white-space: nowrap;
    background-color: #f0f4f7;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.4em + 1.334rem + 3.7px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.667rem 0.8rem;
    font-size: 1.2rem;
    line-height: 1.4;
    border-radius: 0.267rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: 1.58rem;
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    line-height: 1.1;
    border-radius: 0.267rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.8rem;
}

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

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.4rem;
    padding-left: 1.5rem;
    color-adjust: exact;
}

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

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.2rem;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #FFFFFF;
        border-color: #5A8DEE;
        background-color: #5A8DEE;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #5A8DEE;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #FFFFFF;
        background-color: #fcfdff;
        border-color: #fcfdff;
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #475F7B;
    }

        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #F2F4F4;
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.2rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #FFFFFF;
        border: #DFE3E7 solid 1px;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.2rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50% / 50% 50% no-repeat;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.267rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #5A8DEE;
    background-color: #5A8DEE;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(90, 141, 238, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(90, 141, 238, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(90, 141, 238, 0.5);
}

.custom-switch {
    padding-left: 3.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -3.25rem;
        width: 2.75rem;
        pointer-events: all;
        border-radius: 0.8rem;
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.2rem + 2px);
        left: calc(-3.25rem + 2px);
        width: 18px;
        height: 18px;
        background-color: #DFE3E7;
        border-radius: 0.8rem;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border-color 0s;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #FFFFFF;
    transform: translateX(1.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(90, 141, 238, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.4em + 0.94rem + 3.7px);
    padding: 0.47rem 1.8rem 0.47rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    vertical-align: middle;
    background: #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23394C62' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.8rem center/8px 10px no-repeat;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
    appearance: none;
}

    .custom-select:focus {
        border-color: #5A8DEE;
        outline: 0;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    }

        .custom-select:focus::-ms-value {
            color: #475F7B;
            background-color: #FFFFFF;
        }

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

    .custom-select:disabled {
        color: #475F7B;
        background-color: #828D99;
    }

    .custom-select::-ms-expand {
        display: none;
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #475F7B;
    }

.custom-select-sm {
    height: 1.58rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    padding-left: 0.7rem;
    font-size: 0.8rem;
}

.custom-select-lg {
    height: calc(1.4em + 1.334rem + 3.7px);
    padding-top: 0.667rem;
    padding-bottom: 0.667rem;
    padding-left: 0.8rem;
    font-size: 1.2rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 38px;
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 38px;
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #5A8DEE;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    }

    .custom-file-input[disabled] ~ .custom-file-label,
    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #F2F4F4;
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse);
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 38px;
    padding: 0.65rem 0.8rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.4;
    color: #475F7B;
    background-color: #FFFFFF;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.4em + 1.269rem);
        padding: 0.65rem 0.8rem;
        line-height: 1.4;
        color: #475F7B;
        content: "Browse";
        background-color: #f0f4f7;
        border-left: inherit;
        border-radius: 0 0.267rem 0.267rem 0;
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .custom-range:focus {
        outline: 0;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #F2F4F4, 0 3px 8px 0 rgba(0, 0, 0, 0.1);
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #F2F4F4, 0 3px 8px 0 rgba(0, 0, 0, 0.1);
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #F2F4F4, 0 3px 8px 0 rgba(0, 0, 0, 0.1);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #5A8DEE;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border-color 0s;
        appearance: none;
    }

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

.custom-range::-webkit-slider-thumb:active {
    background-color: #fcfdff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #7E8FA3;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #5A8DEE;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border-color 0s;
    appearance: none;
}

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

.custom-range::-moz-range-thumb:active {
    background-color: #fcfdff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #7E8FA3;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #5A8DEE;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border-color 0s;
    appearance: none;
}

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

.custom-range::-ms-thumb:active {
    background-color: #fcfdff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #7E8FA3;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #7E8FA3;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #596F88;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #596F88;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #596F88;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border-color 0s;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

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

.nav-link {
    display: block;
    padding: 0.567rem 1.33rem;
}

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

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

.nav-tabs {
    border-bottom: 1px solid #7E8FA3;
}

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

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: transparent;
        }

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

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #FFFFFF;
            background-color: #5A8DEE;
            border-color: transparent;
        }

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

.nav-pills .nav-link {
    border-radius: 0.267rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #FFFFFF;
        background-color: #5A8DEE;
    }

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

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

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

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

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

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

.navbar-brand {
    display: inline-block;
    padding-top: 0.245rem;
    padding-bottom: 0.245rem;
    margin-right: 1rem;
    font-size: 1.46rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

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

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

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.567rem;
    padding-bottom: 0.567rem;
}

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

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.2rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.267rem;
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

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

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

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

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap;
        }

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

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

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

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap;
        }

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

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

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

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap;
        }

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

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

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

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

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

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

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

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap;
        }

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

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

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

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

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }

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

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

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        flex-wrap: nowrap;
    }

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

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

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

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

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

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

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

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

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

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

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

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

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

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

.navbar-dark .navbar-brand {
    color: #FFFFFF;
}

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

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

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

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #FFFFFF;
    }

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

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: border-box;
    border: 0px solid #dfe3e7;
    border-radius: 0.267rem;
}

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

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

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

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

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

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.7rem;
}

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

.card-subtitle {
    margin-top: -0.7rem;
    margin-bottom: 0;
}

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

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

.card-link + .card-link {
    margin-left: 1.7rem;
}

.card-header {
    padding: 1.4rem 1.7rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0px solid #dfe3e7;
}

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

.card-footer {
    padding: 1.4rem 1.7rem;
    background-color: transparent;
    border-top: 0px solid #dfe3e7;
}

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

.card-header-tabs {
    margin-right: -0.85rem;
    margin-bottom: -1.4rem;
    margin-left: -0.85rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.85rem;
    margin-left: -0.85rem;
}

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

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

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

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

.card-deck .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 0.75rem;
            margin-bottom: 0;
            margin-left: 0.75rem;
        }
}

.card-group > .card {
    margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

.card-columns .card {
    margin-bottom: 1.4rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.6rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.accordion {
    overflow-anchor: none;
}

    .accordion > .card {
        overflow: hidden;
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: 0px;
        }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 1.05rem 1.67rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #F2F4F4;
    border-radius: 0.267rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.93rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.93rem;
        color: #e0e0e0;
        content: "|";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

.breadcrumb-item.active {
    color: #5A8DEE;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.267rem;
    justify-content: end !important;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.47rem 0.73rem;
    margin-left: 0;
    line-height: 1.25;
    color: #3F3356;
    background-color: #FFFFFF;
    border: 0 solid #DFE3E7;
}

    .page-link:hover {
        z-index: 2;
        color: #175ee4;
        text-decoration: none;
        background-color: #828D99;
        border-color: #7E8FA3;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(90, 141, 238, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.267rem;
    border-bottom-left-radius: 0.267rem;
}

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

.page-item.active .page-link {
    z-index: 3;
    color: #FFFFFF;
    background-color: #5A8DEE;
    border-color: #e7edf3;
}

.page-item.disabled .page-link {
    color: #828D99;
    pointer-events: none;
    cursor: auto;
    background-color: #F2F4F4;
    border-color: #7E8FA3;
}

.pagination-lg .page-link {
    padding: 0.54rem 1.2rem;
    font-size: 1.2rem;
    line-height: 1.4;
}

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

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

.pagination-sm .page-link {
    padding: 0.367rem 0.6rem;
    font-size: 0.8rem;
    line-height: 1.1;
}

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

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

.badge {
    display: inline-block;
    padding: 0.34rem 1.11rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.267rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

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

.badge-pill {
    padding-right: 1.11rem;
    padding-left: 1.11rem;
    border-radius: 2rem;
}

.badge-primary {
    color: #FFFFFF;
    background-color: #5A8DEE;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #FFFFFF;
    background-color: #2c6de9;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(90, 141, 238, 0.5);
}

.badge-secondary {
    color: #FFFFFF;
    background-color: #475F7B;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #FFFFFF;
    background-color: #34465b;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(71, 95, 123, 0.5);
}

.badge-success {
    color: #324356;
    background-color: #39DA8A;
}

a.badge-success:hover, a.badge-success:focus {
    color: #324356;
    background-color: #23bd70;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.5);
}

.badge-info {
    color: #FFFFFF;
    background-color: #00CFDD;
}

a.badge-info:hover, a.badge-info:focus {
    color: #FFFFFF;
    background-color: #009faa;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 207, 221, 0.5);
}

.badge-warning {
    color: #324356;
    background-color: #FDAC41;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #324356;
    background-color: #fc960f;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(253, 172, 65, 0.5);
}

.badge-danger {
    color: #FFFFFF;
    background-color: #FF5B5C;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #FFFFFF;
    background-color: #ff2829;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.5);
}

.badge-light {
    color: #324356;
    background-color: #A3AFBD;
}

a.badge-light:hover, a.badge-light:focus {
    color: #324356;
    background-color: #8595a8;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(163, 175, 189, 0.5);
}

.badge-dark {
    color: #FFFFFF;
    background-color: #394C62;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #FFFFFF;
    background-color: #263342;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(57, 76, 98, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #828D99;
    border-radius: 0.6rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

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

.alert {
    position: relative;
    padding: 0.71rem 0.71rem;
    margin-bottom: 2.67rem;
    border: 0 solid transparent;
    border-radius: 0.267rem;
}

.alert-heading {
    color: inherit;
}

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

.alert-dismissible {
    padding-right: 2.92rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 0.71rem 0.71rem;
        color: inherit;
    }

.alert-primary {
    color: #2f497c;
    background-color: #dee8fc;
    border-color: #d1dffa;
}

    .alert-primary hr {
        border-top-color: #bacff8;
    }

    .alert-primary .alert-link {
        color: #213357;
    }

.alert-secondary {
    color: #253140;
    background-color: #dadfe5;
    border-color: #cbd2da;
}

    .alert-secondary hr {
        border-top-color: #bcc5cf;
    }

    .alert-secondary .alert-link {
        color: #121820;
    }

.alert-success {
    color: #1e7148;
    background-color: #d7f8e8;
    border-color: #c8f5de;
}

    .alert-success hr {
        border-top-color: #b2f1d1;
    }

    .alert-success .alert-link {
        color: #13492e;
    }

.alert-info {
    color: #006c73;
    background-color: #ccf5f8;
    border-color: #b8f2f5;
}

    .alert-info hr {
        border-top-color: #a2eef2;
    }

    .alert-info .alert-link {
        color: #003c40;
    }

.alert-warning {
    color: #845922;
    background-color: #ffeed9;
    border-color: #fee8ca;
}

    .alert-warning hr {
        border-top-color: #feddb1;
    }

    .alert-warning .alert-link {
        color: #5b3e18;
    }

.alert-danger {
    color: #852f30;
    background-color: #ffdede;
    border-color: #ffd1d1;
}

    .alert-danger hr {
        border-top-color: #ffb8b8;
    }

    .alert-danger .alert-link {
        color: #5f2222;
    }

.alert-light {
    color: #555b62;
    background-color: #edeff2;
    border-color: #e5e9ed;
}

    .alert-light hr {
        border-top-color: #d6dce3;
    }

    .alert-light .alert-link {
        color: #3d4247;
    }

.alert-dark {
    color: #1e2833;
    background-color: #d7dbe0;
    border-color: #c8cdd3;
}

    .alert-dark hr {
        border-top-color: #bac0c8;
    }

    .alert-dark .alert-link {
        color: #0b0f13;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 0.357rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 0.357rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #828D99;
    border-radius: 1.28rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    background-color: #F2F4F4;
    transition: width 0.6s ease;
}

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

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

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

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

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.267rem;
}

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

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

    .list-group-item-action:active {
        color: #727E8C;
        background-color: #828D99;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 1rem 2rem;
    color: #596F88;
    background-color: #FFFFFF;
    border: 1px solid #DFE3E7;
}

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

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

    .list-group-item.disabled, .list-group-item:disabled {
        color: #828D99;
        pointer-events: none;
        background-color: #e7edf3;
    }

    .list-group-item.active {
        z-index: 2;
        color: #FFFFFF;
        background-color: #5A8DEE;
        border-color: #5A8DEE;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group-item-primary {
    color: #2f497c;
    background-color: #d1dffa;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #2f497c;
        background-color: #bacff8;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #2f497c;
        border-color: #2f497c;
    }

.list-group-item-secondary {
    color: #253140;
    background-color: #cbd2da;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #253140;
        background-color: #bcc5cf;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #253140;
        border-color: #253140;
    }

.list-group-item-success {
    color: #1e7148;
    background-color: #c8f5de;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #1e7148;
        background-color: #b2f1d1;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #1e7148;
        border-color: #1e7148;
    }

.list-group-item-info {
    color: #006c73;
    background-color: #b8f2f5;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #006c73;
        background-color: #a2eef2;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #006c73;
        border-color: #006c73;
    }

.list-group-item-warning {
    color: #845922;
    background-color: #fee8ca;
}

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

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

.list-group-item-danger {
    color: #852f30;
    background-color: #ffd1d1;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #852f30;
        background-color: #ffb8b8;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #852f30;
        border-color: #852f30;
    }

.list-group-item-light {
    color: #555b62;
    background-color: #e5e9ed;
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #555b62;
        background-color: #d6dce3;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #555b62;
        border-color: #555b62;
    }

.list-group-item-dark {
    color: #1e2833;
    background-color: #c8cdd3;
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1e2833;
        background-color: #bac0c8;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #FFFFFF;
        background-color: #1e2833;
        border-color: #1e2833;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFFFFF;
    opacity: .5;
}

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

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

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

.toast {
    flex-basis: 25.33rem;
    max-width: 25.33rem;
    font-size: 1rem;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #DFE3E7;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    opacity: 0;
    border-radius: 0.267rem;
}

    .toast:not(:last-child) {
        margin-bottom: 1.4rem;
    }

    .toast.showing {
        opacity: 1;
    }

    .toast.show {
        display: block;
        opacity: 1;
    }

    .toast.hide {
        display: none;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.86rem 1.4rem;
    color: #FFFFFF;
    background-color: #5A8DEE;
    background-clip: padding-box;
    border-bottom: 1px solid #DFE3E7;
    border-top-left-radius: calc(0.267rem - 1px);
    border-top-right-radius: calc(0.267rem - 1px);
}

.toast-body {
    padding: 1.4rem;
}

.modal-open {
    overflow: hidden;
}

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

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

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

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

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

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

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

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-radius: 0.267rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.05rem 2.3rem;
    border-bottom: 1px solid #DFE3E7;
    border-top-left-radius: 0.267rem;
    border-top-right-radius: 0.267rem;
}

    .modal-header .close {
        padding: 1.05rem 2.3rem;
        margin: -1.05rem -2.3rem -1.05rem auto;
    }

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

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.3rem 2.3rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 1.3rem 2.05rem;
    border-top: 1px solid #DFE3E7;
    border-bottom-right-radius: 0.267rem;
    border-bottom-left-radius: 0.267rem;
}

    .modal-footer > * {
        margin: 0.25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 540px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: min-content;
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Tahoma, "IBM Plex Sans", Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 1;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 1.07rem;
        height: 0.53rem;
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.53rem 0;
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0;
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: 0.53rem 0.535rem 0;
            border-top-color: #475F7B;
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.53rem;
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: 0.53rem;
        height: 1.07rem;
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: 0.535rem 0.53rem 0.535rem 0;
            border-right-color: #475F7B;
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.53rem 0;
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0;
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 0.535rem 0.53rem;
            border-bottom-color: #475F7B;
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.53rem;
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: 0.53rem;
        height: 1.07rem;
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: 0.535rem 0 0.535rem 0.53rem;
            border-left-color: #475F7B;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.267rem 0.867rem;
    color: #FFFFFF;
    text-align: center;
    background-color: #475F7B;
    border-radius: 0.267rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Tahoma, "IBM Plex Sans", Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1rem;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.267rem;
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
        bottom: calc(-0.5rem - 1px);
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
            bottom: 0;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: #dfe3e7;
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
            bottom: 1px;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: #FFFFFF;
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.267rem 0;
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
            left: 0;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: #dfe3e7;
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
            left: 1px;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: #FFFFFF;
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
        top: calc(-0.5rem - 1px);
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
            top: 0;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: #dfe3e7;
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
            top: 1px;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: #FFFFFF;
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #FFFFFF;
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.267rem 0;
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
            right: 0;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #dfe3e7;
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
            right: 1px;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #FFFFFF;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #304156;
    background-color: #FFFFFF;
    border-bottom: 1px solid #f2f2f2;
    border-top-left-radius: calc(0.267rem - 1px);
    border-top-right-radius: calc(0.267rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #727E8C;
}

.carousel {
    position: relative;
    height: 100%;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    height: 100%;
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        transform: translateX(0%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        transform: translateX(-0%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #FFFFFF;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: 50% / 100% 100% no-repeat;
}

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

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 24px;
        height: 6px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #FFFFFF;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    text-align: center;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #5A8DEE !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #2c6de9 !important;
}

.bg-secondary {
    background-color: #475F7B !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #34465b !important;
}

.bg-success {
    background-color: #39DA8A !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #23bd70 !important;
}

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

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #009faa !important;
}

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #fc960f !important;
}

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #ff2829 !important;
}

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #8595a8 !important;
}

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

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #263342 !important;
}

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

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

.border {
    border: 1px solid #DFE3E7 !important;
}

.border-top {
    border-top: 1px solid #DFE3E7 !important;
}

.border-right {
    border-right: 1px solid #DFE3E7 !important;
}

.border-bottom {
    border-bottom: 1px solid #DFE3E7 !important;
}

.border-left {
    border-left: 1px solid #DFE3E7 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #5A8DEE !important;
}

.border-secondary {
    border-color: #475F7B !important;
}

.border-success {
    border-color: #39DA8A !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-circle {
    border-radius: 50% !important;
}

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

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1110px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1110px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 1110px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mr-2,
.mx-2 {
    margin-right: 1.5rem !important;
}

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

.ml-2,
.mx-2 {
    margin-left: 1.5rem !important;
}

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

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

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

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

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

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

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

.mr-4,
.mx-4 {
    margin-right: 3.5rem !important;
}

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

.ml-4,
.mx-4 {
    margin-left: 3.5rem !important;
}

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

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

.mr-5,
.mx-5 {
    margin-right: 4rem !important;
}

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

.ml-5,
.mx-5 {
    margin-left: 4rem !important;
}

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

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

.mr-25,
.mx-25 {
    margin-right: 0.25rem !important;
}

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

.ml-25,
.mx-25 {
    margin-left: 0.25rem !important;
}

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

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

.mr-50,
.mx-50 {
    margin-right: 0.5rem !important;
}

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

.ml-50,
.mx-50 {
    margin-left: 0.5rem !important;
}

.m-75 {
    margin: 0.75rem !important;
}

.mt-75,
.my-75 {
    margin-top: 0.75rem !important;
}

.mr-75,
.mx-75 {
    margin-right: 0.75rem !important;
}

.mb-75,
.my-75 {
    margin-bottom: 0.75rem !important;
}

.ml-75,
.mx-75 {
    margin-left: 0.75rem !important;
}

.ml-65,
.mx-65 {
    margin-left: 0.65rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pr-2,
.px-2 {
    padding-right: 1.5rem !important;
}

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

.pl-2,
.px-2 {
    padding-left: 1.5rem !important;
}

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

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

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

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

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

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

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

.pr-4,
.px-4 {
    padding-right: 3.5rem !important;
}

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

.pl-4,
.px-4 {
    padding-left: 3.5rem !important;
}

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

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

.pr-5,
.px-5 {
    padding-right: 4rem !important;
}

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

.pl-5,
.px-5 {
    padding-left: 4rem !important;
}

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

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

.pr-25,
.px-25 {
    padding-right: 0.25rem !important;
}

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

.pl-25,
.px-25 {
    padding-left: 0.25rem !important;
}

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

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

.pr-50,
.px-50 {
    padding-right: 0.5rem !important;
}

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

.pl-50,
.px-50 {
    padding-left: 0.5rem !important;
}

.p-75 {
    padding: 0.75rem !important;
}

.pt-75,
.py-75 {
    padding-top: 0.75rem !important;
}

.pr-75,
.px-75 {
    padding-right: 0.75rem !important;
}

.pb-75,
.py-75 {
    padding-bottom: 0.75rem !important;
}

.pl-75,
.px-75 {
    padding-left: 0.75rem !important;
}

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

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

.mr-n1,
.mx-n1 {
    margin-right: -1rem !important;
}

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

.ml-n1,
.mx-n1 {
    margin-left: -1rem !important;
}

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

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

.mr-n2,
.mx-n2 {
    margin-right: -1.5rem !important;
}

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

.ml-n2,
.mx-n2 {
    margin-left: -1.5rem !important;
}

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

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

.mr-n3,
.mx-n3 {
    margin-right: -3rem !important;
}

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

.ml-n3,
.mx-n3 {
    margin-left: -3rem !important;
}

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

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

.mr-n4,
.mx-n4 {
    margin-right: -3.5rem !important;
}

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

.ml-n4,
.mx-n4 {
    margin-left: -3.5rem !important;
}

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

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

.mr-n5,
.mx-n5 {
    margin-right: -4rem !important;
}

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

.ml-n5,
.mx-n5 {
    margin-left: -4rem !important;
}

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

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

.mr-n25,
.mx-n25 {
    margin-right: -0.25rem !important;
}

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

.ml-n25,
.mx-n25 {
    margin-left: -0.25rem !important;
}

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

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

.mr-n50,
.mx-n50 {
    margin-right: -0.5rem !important;
}

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

.ml-n50,
.mx-n50 {
    margin-left: -0.5rem !important;
}

.m-n75 {
    margin: -0.75rem !important;
}

.mt-n75,
.my-n75 {
    margin-top: -0.75rem !important;
}

.mr-n75,
.mx-n75 {
    margin-right: -0.75rem !important;
}

.mb-n75,
.my-n75 {
    margin-bottom: -0.75rem !important;
}

.ml-n75,
.mx-n75 {
    margin-left: -0.75rem !important;
}

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

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

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

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

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

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

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

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

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

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

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

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 1rem !important;
    }

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

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 1rem !important;
    }

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

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

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

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

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

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

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

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 3rem !important;
    }

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

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 3rem !important;
    }

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

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

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 3.5rem !important;
    }

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

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 3.5rem !important;
    }

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

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

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 4rem !important;
    }

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

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 4rem !important;
    }

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

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

    .mr-sm-25,
    .mx-sm-25 {
        margin-right: 0.25rem !important;
    }

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

    .ml-sm-25,
    .mx-sm-25 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-sm-50,
    .mx-sm-50 {
        margin-right: 0.5rem !important;
    }

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

    .ml-sm-50,
    .mx-sm-50 {
        margin-left: 0.5rem !important;
    }

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

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

    .mr-sm-75,
    .mx-sm-75 {
        margin-right: 0.75rem !important;
    }

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

    .ml-sm-75,
    .mx-sm-75 {
        margin-left: 0.75rem !important;
    }

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

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

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

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

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

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

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

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 1rem !important;
    }

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

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 1rem !important;
    }

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

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

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

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

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

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

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

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 3rem !important;
    }

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

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 3rem !important;
    }

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

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

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 3.5rem !important;
    }

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

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 3.5rem !important;
    }

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

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

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 4rem !important;
    }

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

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 4rem !important;
    }

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

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

    .pr-sm-25,
    .px-sm-25 {
        padding-right: 0.25rem !important;
    }

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

    .pl-sm-25,
    .px-sm-25 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-sm-50,
    .px-sm-50 {
        padding-right: 0.5rem !important;
    }

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

    .pl-sm-50,
    .px-sm-50 {
        padding-left: 0.5rem !important;
    }

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

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

    .pr-sm-75,
    .px-sm-75 {
        padding-right: 0.75rem !important;
    }

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

    .pl-sm-75,
    .px-sm-75 {
        padding-left: 0.75rem !important;
    }

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

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

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -1rem !important;
    }

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

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -1rem !important;
    }

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

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

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -1.5rem !important;
    }

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

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -1.5rem !important;
    }

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

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

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -3rem !important;
    }

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

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -3rem !important;
    }

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

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

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -3.5rem !important;
    }

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

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -3.5rem !important;
    }

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

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

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -4rem !important;
    }

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

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -4rem !important;
    }

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

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

    .mr-sm-n25,
    .mx-sm-n25 {
        margin-right: -0.25rem !important;
    }

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

    .ml-sm-n25,
    .mx-sm-n25 {
        margin-left: -0.25rem !important;
    }

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

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

    .mr-sm-n50,
    .mx-sm-n50 {
        margin-right: -0.5rem !important;
    }

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

    .ml-sm-n50,
    .mx-sm-n50 {
        margin-left: -0.5rem !important;
    }

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

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

    .mr-sm-n75,
    .mx-sm-n75 {
        margin-right: -0.75rem !important;
    }

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

    .ml-sm-n75,
    .mx-sm-n75 {
        margin-left: -0.75rem !important;
    }

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

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

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

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

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1110px) {
    .m-md-0 {
        margin: 0 !important;
    }

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

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

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

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

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

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

    .mr-md-1,
    .mx-md-1 {
        margin-right: 1rem !important;
    }

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

    .ml-md-1,
    .mx-md-1 {
        margin-left: 1rem !important;
    }

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

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

    .mr-md-2,
    .mx-md-2 {
        margin-right: 1.5rem !important;
    }

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

    .ml-md-2,
    .mx-md-2 {
        margin-left: 1.5rem !important;
    }

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

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

    .mr-md-3,
    .mx-md-3 {
        margin-right: 3rem !important;
    }

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

    .ml-md-3,
    .mx-md-3 {
        margin-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mr-md-25,
    .mx-md-25 {
        margin-right: 0.25rem !important;
    }

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

    .ml-md-25,
    .mx-md-25 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-md-50,
    .mx-md-50 {
        margin-right: 0.5rem !important;
    }

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

    .ml-md-50,
    .mx-md-50 {
        margin-left: 0.5rem !important;
    }

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

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

    .mr-md-75,
    .mx-md-75 {
        margin-right: 0.75rem !important;
    }

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

    .ml-md-75,
    .mx-md-75 {
        margin-left: 0.75rem !important;
    }

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

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

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

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

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

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

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

    .pr-md-1,
    .px-md-1 {
        padding-right: 1rem !important;
    }

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

    .pl-md-1,
    .px-md-1 {
        padding-left: 1rem !important;
    }

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

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

    .pr-md-2,
    .px-md-2 {
        padding-right: 1.5rem !important;
    }

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

    .pl-md-2,
    .px-md-2 {
        padding-left: 1.5rem !important;
    }

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

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

    .pr-md-3,
    .px-md-3 {
        padding-right: 3rem !important;
    }

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

    .pl-md-3,
    .px-md-3 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .pr-md-25,
    .px-md-25 {
        padding-right: 0.25rem !important;
    }

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

    .pl-md-25,
    .px-md-25 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-md-50,
    .px-md-50 {
        padding-right: 0.5rem !important;
    }

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

    .pl-md-50,
    .px-md-50 {
        padding-left: 0.5rem !important;
    }

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

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

    .pr-md-75,
    .px-md-75 {
        padding-right: 0.75rem !important;
    }

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

    .pl-md-75,
    .px-md-75 {
        padding-left: 0.75rem !important;
    }

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

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

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -1rem !important;
    }

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

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -1rem !important;
    }

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

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

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -1.5rem !important;
    }

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

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -1.5rem !important;
    }

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

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

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -3rem !important;
    }

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

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -3rem !important;
    }

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

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

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -3.5rem !important;
    }

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

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -3.5rem !important;
    }

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

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

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

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

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

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

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

    .mr-md-n25,
    .mx-md-n25 {
        margin-right: -0.25rem !important;
    }

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

    .ml-md-n25,
    .mx-md-n25 {
        margin-left: -0.25rem !important;
    }

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

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

    .mr-md-n50,
    .mx-md-n50 {
        margin-right: -0.5rem !important;
    }

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

    .ml-md-n50,
    .mx-md-n50 {
        margin-left: -0.5rem !important;
    }

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

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

    .mr-md-n75,
    .mx-md-n75 {
        margin-right: -0.75rem !important;
    }

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

    .ml-md-n75,
    .mx-md-n75 {
        margin-left: -0.75rem !important;
    }

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

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

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

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

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

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

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

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

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

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

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

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 1rem !important;
    }

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

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 1rem !important;
    }

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

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

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 1.5rem !important;
    }

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

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 1.5rem !important;
    }

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

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

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 3rem !important;
    }

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

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 3rem !important;
    }

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

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

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 3.5rem !important;
    }

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

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 3.5rem !important;
    }

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

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

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 4rem !important;
    }

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

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 4rem !important;
    }

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

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

    .mr-lg-25,
    .mx-lg-25 {
        margin-right: 0.25rem !important;
    }

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

    .ml-lg-25,
    .mx-lg-25 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-lg-50,
    .mx-lg-50 {
        margin-right: 0.5rem !important;
    }

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

    .ml-lg-50,
    .mx-lg-50 {
        margin-left: 0.5rem !important;
    }

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

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

    .mr-lg-75,
    .mx-lg-75 {
        margin-right: 0.75rem !important;
    }

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

    .ml-lg-75,
    .mx-lg-75 {
        margin-left: 0.75rem !important;
    }

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

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

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

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

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

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

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

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 1rem !important;
    }

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

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 1rem !important;
    }

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

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

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 1.5rem !important;
    }

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

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 1.5rem !important;
    }

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

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

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 3rem !important;
    }

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

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 3rem !important;
    }

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

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

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 3.5rem !important;
    }

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

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 3.5rem !important;
    }

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

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

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 4rem !important;
    }

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

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 4rem !important;
    }

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

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

    .pr-lg-25,
    .px-lg-25 {
        padding-right: 0.25rem !important;
    }

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

    .pl-lg-25,
    .px-lg-25 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-lg-50,
    .px-lg-50 {
        padding-right: 0.5rem !important;
    }

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

    .pl-lg-50,
    .px-lg-50 {
        padding-left: 0.5rem !important;
    }

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

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

    .pr-lg-75,
    .px-lg-75 {
        padding-right: 0.75rem !important;
    }

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

    .pl-lg-75,
    .px-lg-75 {
        padding-left: 0.75rem !important;
    }

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

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

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -1rem !important;
    }

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

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -1rem !important;
    }

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

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

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -1.5rem !important;
    }

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

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -1.5rem !important;
    }

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

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

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -3rem !important;
    }

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

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -3rem !important;
    }

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

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

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -3.5rem !important;
    }

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

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -3.5rem !important;
    }

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

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

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -4rem !important;
    }

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

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -4rem !important;
    }

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

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

    .mr-lg-n25,
    .mx-lg-n25 {
        margin-right: -0.25rem !important;
    }

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

    .ml-lg-n25,
    .mx-lg-n25 {
        margin-left: -0.25rem !important;
    }

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

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

    .mr-lg-n50,
    .mx-lg-n50 {
        margin-right: -0.5rem !important;
    }

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

    .ml-lg-n50,
    .mx-lg-n50 {
        margin-left: -0.5rem !important;
    }

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

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

    .mr-lg-n75,
    .mx-lg-n75 {
        margin-right: -0.75rem !important;
    }

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

    .ml-lg-n75,
    .mx-lg-n75 {
        margin-left: -0.75rem !important;
    }

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

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

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

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

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

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

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

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

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

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

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

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 1rem !important;
    }

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

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 1rem !important;
    }

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

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

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 1.5rem !important;
    }

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

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 1.5rem !important;
    }

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

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

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 3rem !important;
    }

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

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 3rem !important;
    }

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

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

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 3.5rem !important;
    }

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

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 3.5rem !important;
    }

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

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

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 4rem !important;
    }

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

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 4rem !important;
    }

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

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

    .mr-xl-25,
    .mx-xl-25 {
        margin-right: 0.25rem !important;
    }

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

    .ml-xl-25,
    .mx-xl-25 {
        margin-left: 0.25rem !important;
    }

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

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

    .mr-xl-50,
    .mx-xl-50 {
        margin-right: 0.5rem !important;
    }

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

    .ml-xl-50,
    .mx-xl-50 {
        margin-left: 0.5rem !important;
    }

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

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

    .mr-xl-75,
    .mx-xl-75 {
        margin-right: 0.75rem !important;
    }

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

    .ml-xl-75,
    .mx-xl-75 {
        margin-left: 0.75rem !important;
    }

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

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

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

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

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

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

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

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 1rem !important;
    }

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

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 1rem !important;
    }

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

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

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 1.5rem !important;
    }

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

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 1.5rem !important;
    }

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

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

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 3rem !important;
    }

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

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 3rem !important;
    }

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

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

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 3.5rem !important;
    }

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

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 3.5rem !important;
    }

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

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

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 4rem !important;
    }

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

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 4rem !important;
    }

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

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

    .pr-xl-25,
    .px-xl-25 {
        padding-right: 0.25rem !important;
    }

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

    .pl-xl-25,
    .px-xl-25 {
        padding-left: 0.25rem !important;
    }

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

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

    .pr-xl-50,
    .px-xl-50 {
        padding-right: 0.5rem !important;
    }

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

    .pl-xl-50,
    .px-xl-50 {
        padding-left: 0.5rem !important;
    }

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

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

    .pr-xl-75,
    .px-xl-75 {
        padding-right: 0.75rem !important;
    }

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

    .pl-xl-75,
    .px-xl-75 {
        padding-left: 0.75rem !important;
    }

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

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

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -1rem !important;
    }

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

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -1rem !important;
    }

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

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

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -1.5rem !important;
    }

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

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -1.5rem !important;
    }

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

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -3rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -3rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -3rem !important;
    }

    .m-xl-n4 {
        margin: -3.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -3.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -3.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -3.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -3.5rem !important;
    }

    .m-xl-n5 {
        margin: -4rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -4rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -4rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -4rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -4rem !important;
    }

    .m-xl-n25 {
        margin: -0.25rem !important;
    }

    .mt-xl-n25,
    .my-xl-n25 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n25,
    .mx-xl-n25 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n25,
    .my-xl-n25 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n25,
    .mx-xl-n25 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n50 {
        margin: -0.5rem !important;
    }

    .mt-xl-n50,
    .my-xl-n50 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n50,
    .mx-xl-n50 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n50,
    .my-xl-n50 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n50,
    .mx-xl-n50 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n75 {
        margin: -0.75rem !important;
    }

    .mt-xl-n75,
    .my-xl-n75 {
        margin-top: -0.75rem !important;
    }

    .mr-xl-n75,
    .mx-xl-n75 {
        margin-right: -0.75rem !important;
    }

    .mb-xl-n75,
    .my-xl-n75 {
        margin-bottom: -0.75rem !important;
    }

    .ml-xl-n75,
    .mx-xl-n75 {
        margin-left: -0.75rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 1110px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 500 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #FFFFFF !important;
}

.text-primary {
    color: #5A8DEE !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #175ee4 !important;
}

.text-secondary {
    color: #475F7B !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #2b3a4a !important;
}

.text-success {
    color: #39DA8A !important;
}

a.text-success:hover, a.text-success:focus {
    color: #1fa764 !important;
}

.text-info {
    color: #00CFDD !important;
}

a.text-info:hover, a.text-info:focus {
    color: #008791 !important;
}

.text-warning {
    color: #FDAC41 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ef8903 !important;
}

.text-danger {
    color: #FF5B5C !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #ff0f10 !important;
}

.text-light {
    color: #A3AFBD !important;
}

a.text-light:hover, a.text-light:focus {
    color: #76889d !important;
}

.text-dark {
    color: #394C62 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #1d2632 !important;
}

.text-body {
    color: #727E8C !important;
}

.text-muted {
    color: #828D99 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #596F88;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #FFFFFF !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #7E8FA3 !important;
    }

    .table-dark {
        color: inherit;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #DFE3E7;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #DFE3E7;
    }
}
/*------------------------------------------------------------------
[Table of contents]

- Reboot css
- Font size [Small / Medium / Large]
- Font weight
- Grid
- Table
- Form Control
-   Floating label Group
-   Checkbox
-   Radio
-   Switch
-   Textarea counter
-   Input Group
-   Select & Custom Select
-   Bootstrap Touchspin
-   Number Input
- Button
- Collapse
- Dropdown
- Carousel
- Navbar
- Card
- Breadcrumb
- Badges
- navs, tabs, pills
- Alerts
- Media objects
- Tooltip
- Progress Bar
- List Group
- Toasts
- Collapse and Accordion
- Pagination
- Spinner
- Modal
- Popover
- Utilities css
-------------------------------------------------------------------*/
/* Reboot css */
/*------------*/
a:focus {
    outline: none;
}

/*  small font css  */
/*-----------------*/
.font-small-1 {
    font-size: 0.7rem !important;
}

.font-small-2 {
    font-size: 0.8rem !important;
}

.font-small-3 {
    font-size: 0.9rem !important;
}

/* medium font css */
/*----------------*/
.font-medium-1 {
    font-size: 1.1rem !important;
}

.font-medium-2 {
    font-size: 1.2rem !important;
}

.font-medium-3 {
    font-size: 1.3rem !important;
}

.font-medium-4 {
    font-size: 1.4rem !important;
}

.font-medium-5 {
    font-size: 1.5rem !important;
}

/* large font css */
/*---------------*/
.font-large-1 {
    font-size: 2rem !important;
}

.font-large-2 {
    font-size: 3rem !important;
}

.font-large-3 {
    font-size: 4rem !important;
}

.font-large-4 {
    font-size: 5rem !important;
}

.font-large-5 {
    font-size: 6rem !important;
}

/* Font weights */
.text-bold-300 {
    font-weight: 300;
}

.text-bold-400 {
    font-weight: 400;
}

.text-bold-500 {
    font-weight: 500;
}

.text-bold-600 {
    font-weight: 600;
}

.text-bold-700 {
    font-weight: 700;
}

/*   Font style   */
/*---------------*/
.text-italic {
    font-style: italic;
}

.text-highlight {
    padding: 4px 6px;
}

/*  Inline code  */
/*--------------*/
code {
    padding: .1rem .4rem;
    font-size: 90%;
    color: #e83e8c;
    background-color: #eee;
    border-radius: 0.1335rem;
}

/* code inside pre */
pre {
    background-color: #f7f7f9;
}

    pre code {
        background-color: transparent !important;
    }

/* Grid examples  */
/*---------------*/
.bd-example-row .row + .row {
    margin-top: 1rem;
}

.bd-example-row .row > .col,
.bd-example-row .row > [class^="col-"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
}

.bd-example-row .flex-items-top,
.bd-example-row .flex-items-middle,
.bd-example-row .flex-items-bottom {
    min-height: 6rem;
    background-color: rgba(255, 0, 0, 0.1);
}

.bd-example-row-flex-cols .row {
    min-height: 10rem;
    background-color: rgba(255, 0, 0, 0.1);
}

.bd-highlight {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.15);
}

.example-container {
    width: 800px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.example-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.example-content-main {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .example-content-main {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .example-content-main {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
}

.example-content-secondary {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .example-content-secondary {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .example-content-secondary {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

/*   Table css   */
/*---------------*/
.table th, .table td {
    /* default font-family to table data */
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
}

.table thead {
    text-transform: uppercase;
}

    .table thead i {
        color: #475F7B;
    }

    .table thead th {
        color: #475F7B;
        border-top: none;
        vertical-align: middle;
        font-size: .8rem;
        padding: 0px;
        letter-spacing: 1px;
    }

.table td {
    vertical-align: middle;
    border-bottom: 1px solid #DFE3E7;
    border-top: none;
}

    .table td a {
        display: inline-block;
    }

        .table td a .badge-circle {
            margin-bottom: -7px;
            margin-top: -7px;
        }

.table tbody tr.group {
    background-color: #F2F4F4;
}

.table tbody tr:last-child td {
    border-bottom: none;
}

.table .thead-dark th {
    /* table thead dark */
    background-color: #40566F;
    border-color: #40566F;
}

.table.table-bordered thead th {
    border-top: 1px solid #DFE3E7;
}

.table.table-borderless thead tr {
    border-bottom: 2px solid #DFE3E7;
}

.table.table-borderless td {
    border: none;
}

.table.table-dark i {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.09);
}

.table.table-dark thead th {
    color: #FFFFFF;
    background-color: #40566F;
}

.table.table-dark tbody td {
    border-color: #40566F;
}

.table.table-striped.table-dark th {
    background-color: #40566F;
}

.table.table-striped.table-dark tbody td {
    border-color: #40566F;
}

.table.table-striped.table-hover tbody tr:hover {
    /* table striped hover */
    background-color: #e7edf3;
}

.table.table-transparent thead th {
    background-color: transparent;
}

.table.table-transparent tbody {
    background-color: transparent;
}

/*  label css  */
/*------------*/
label {
    color: #475F7B;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 500;
}

.form-control-file:focus {
    outline: none;
}

/*   Floating label Group css  */
/*----------------------------*/
.form-label-group {
    position: relative;
    margin-bottom: 1.5rem;
}

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        transition: all .25s ease-in-out;
        padding: .6rem;
        color: #475F7B;
        font-size: .85rem;
        opacity: 0;
    }

    .form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label,
    .form-label-group textarea:focus:not(:placeholder-shown) ~ label,
    .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
        /* from-input on focus change label color */
        color: #5a8dee !important;
        transition: all .25s ease-in-out;
        opacity: 1;
    }

    .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
    .form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {
        color: #475F7B !important;
    }

    .form-label-group > input:not(:placeholder-shown) ~ label,
    .form-label-group textarea:not(:placeholder-shown) ~ label {
        padding: .25rem 0;
        font-size: .7rem;
        top: -20px;
        left: 3px;
    }

/*   Horizontal Form Label  */
.col-form-label {
    font-size: 0.8rem;
}

/*   valid invalid feedback form css   */
.valid-feedback i,
.invalid-feedback i {
    font-size: 0.6rem;
    position: relative;
    font-weight: bold;
    margin-top: 0.5rem;
}

/*  form control css */
.form-control:focus::placeholder {
    /* placeholder transition on focus-in */
    transform: translate(5px);
    transition: all .2s ease;
}

.form-control:focus ~ .form-control-position i {
    color: #5A8DEE;
}

.form-control:not(:focus)::placeholder {
    /* placeholder transition on focus-out */
    transition: all .2s ease;
}

.form-control::placeholder {
    color: #A3AFBD;
}

.form-control:-ms-input-placeholder {
    /* placeholder color for IE */
    color: #828D99;
}

.form-control:disabled {
    border: 0;
}

.form-control.is-valid:focus {
    box-shadow: 0 3px 8px 0 rgba(57, 218, 138, 0.2);
}

.form-control.is-invalid:focus {
    box-shadow: 0 3px 8px 0 rgba(255, 91, 92, 0.2);
}

/*   Input Validation with Tootltips css   */
/*----------------------------------------*/
.needs-validation.was-validated .form-control:valid:focus {
    /* box shadow on focus of validation states */
    box-shadow: 0 3px 8px 0 rgba(57, 218, 138, 0.2);
}

.needs-validation.was-validated .form-control:invalid:focus {
    box-shadow: 0 3px 8px 0 rgba(255, 91, 92, 0.2);
}

.needs-validation .valid-tooltip {
    color: #39DA8A;
    margin-top: 0.5rem;
}

.needs-validation .invalid-tooltip {
    color: #FF5B5C;
    margin-top: 0.5rem;
}

/*  Custom Checkbox css  */
/*----------------------*/
.custom-checkbox label,
.custom-radio label {
    /* make icon and box in center and disabled checked border color */
    text-transform: none;
    font-size: 1rem;
}

.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE;
}

/*   Checkbox css  */
/*----------------*/
.checkbox {
    position: relative;
    display: inline-block;
}

    .checkbox input[type='checkbox'] {
        display: none;
    }

    .checkbox label {
        /* label css in check box */
        text-transform: none;
        font-size: 1rem;
        margin-left: 1.75rem;
        margin-bottom: 0;
    }

        .checkbox label:before {
            content: '';
            height: 20px;
            width: 20px;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 4px;
        }

        .checkbox label:after {
            content: ' ';
            height: 20px;
            width: 20px;
            border: 1px solid #DFE3E7;
            position: absolute;
            border-radius: 4px;
            top: 0;
            left: 0;
            transition: 100ms ease-in-out;
        }

    .checkbox input:checked ~ label:after {
        border-top-style: none;
        /*rtl:begin:ignore*/
        border-right-style: none;
        /* IE9 */
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        /*rtl:end:ignore*/
        height: 0.4rem;
        width: 0.8rem;
        border-color: #5A8DEE;
        border-radius: 0;
        border-width: 2px;
        top: 6px;
        left: 4px;
    }

    .checkbox input:checked ~ label:before {
        background-color: #FFFFFF;
        border: 1px solid #DFE3E7;
    }

    .checkbox input:disabled ~ label::before {
        background-color: #F2F4F4 !important;
        border-color: #DFE3E7 !important;
        box-shadow: none !important;
    }

    .checkbox input:disabled ~ label::after {
        border-color: #b3c0ce !important;
    }

    .checkbox.checkbox-shadow input:checked ~ label::before {
        box-shadow: 0 0 6px 0 rgba(22, 22, 22, 0.2);
    }

    .checkbox.checkbox-sm input:checked ~ label:after {
        height: 5px;
        width: 8px;
        top: 7px;
    }

    .checkbox.checkbox-sm label::before, .checkbox.checkbox-sm label::after {
        width: 15px;
        height: 15px;
        top: 3px;
    }

    .checkbox.checkbox-icon input:checked ~ label:after {
        /* Checkbox with Icons */
        border: none;
    }

    .checkbox.checkbox-icon input:checked ~ label i {
        transform: scale(1);
        transition: 200ms ease-in-out;
    }

    .checkbox.checkbox-icon i {
        position: absolute;
        left: 4px;
        top: 5px;
        font-size: 0.85rem;
        transform: scale(1.5);
        transition: all .15s ease-in;
    }

/*  Radio Buttons css  */
/*-----------------*/
.radio input[type="radio"] {
    /* Basic Bootstrap Radio Buttons Hide */
    display: none;
}

    .radio input[type="radio"]:checked ~ label::after {
        opacity: 1;
        transform: scale(1);
        transition: all 0.3s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    }

    .radio input[type="radio"]:disabled ~ label::before {
        /* disabled Radio Buttons */
        background-color: #F2F4F4 !important;
        box-shadow: none !important;
    }

    .radio input[type="radio"]:disabled ~ label::after {
        background-color: #b3c0ce !important;
    }

.radio label {
    text-transform: none;
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

    .radio label::after {
        position: absolute;
        display: inline-flex;
        content: "";
        height: 6px;
        width: 6px;
        background-color: #5A8DEE;
        border-radius: 50%;
        left: 5px;
        opacity: 0;
        transform: scale(3.6);
    }

    .radio label::before {
        content: "";
        border: 1px solid #DFE3E7;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        margin-right: 0.5rem;
    }

.radio.radio-shadow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(22, 22, 22, 0.2);
}

.radio.radio-sm label::before {
    width: 14px;
    height: 14px;
}

.radio.radio-sm label:after {
    height: 6px;
    width: 6px;
    left: 4px;
}

/*    Switches css     */
/*--------------------*/
.custom-switch {
    padding-left: 0;
}

    .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
        /* For Switch Handle Animation */
        box-shadow: none !important;
    }

    .custom-switch .custom-control-label {
        height: 20px;
        width: 42px;
        padding: 0;
    }

        .custom-switch .custom-control-label::before {
            /* For bg color of switch */
            border: none;
            background-color: #e7edf3;
            height: 20px;
            box-shadow: none;
            transition: all .25s ease;
            cursor: pointer;
            user-select: none;
            top: 0;
            left: 1px;
        }

        .custom-switch .custom-control-label:after {
            /* For Switch handle */
            position: absolute;
            top: 1px;
            left: 2px;
            box-shadow: none;
            background-color: #FFFFFF;
            transition: all .25s ease;
            cursor: pointer;
            user-select: none;
        }

        .custom-switch .custom-control-label .switch-icon-left,
        .custom-switch .custom-control-label .switch-icon-right {
            /* For Switch Icon */
            position: absolute;
            cursor: pointer;
            user-select: none;
            top: 2px;
        }

            .custom-switch .custom-control-label .switch-icon-left i,
            .custom-switch .custom-control-label .switch-icon-right i {
                font-size: 1rem;
            }

        .custom-switch .custom-control-label .switch-icon-left {
            left: 5px;
            color: #FFFFFF;
        }

        .custom-switch .custom-control-label .switch-icon-right {
            right: 5px;
        }

        .custom-switch .custom-control-label:focus {
            outline: 0;
        }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        /* For Switch Handle Animation after its checked */
        transform: translateX(1.4rem);
    }

    .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        /* disabled bg color on active */
        background-color: #5A8DEE;
    }

    .custom-switch.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
        /* Custom Switch Glow */
        box-shadow: 0 0 8px 0 rgba(90, 141, 238, 0.8) !important;
    }

    .custom-switch.custom-switch-shadow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4) !important;
    }

/* Textarea with Counter */
/*----------------------*/
.counter-value {
    background-color: #5A8DEE;
    color: #FFFFFF;
    padding: 1px 6px;
    font-size: .6rem;
    border-radius: 0 0 5px 5px;
    margin-right: 1rem;
}

/*   Input Group css   */
/*--------------------*/
.input-group .input-group-text .radio label:before {
    margin-right: 0;
}

.input-group .input-group-text .checkbox label:after, .input-group .input-group-text .checkbox label:before {
    left: 3px;
}

.input-group .input-group-text .checkbox input:checked ~ label:after {
    left: 7px;
}

.input-group .input-group-text .checkbox.checkbox-sm label:after, .input-group .input-group-text .checkbox.checkbox-sm label:before {
    left: 5px;
}

.input-group .input-group-text .checkbox.checkbox-sm input:checked ~ label:after {
    left: 8px;
}

/*   Select Inputs   */
/*------------------*/
select.form-control:not([multiple]) {
    background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
    background-size: 12px 12px, 10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 1.5rem;
}

    select.form-control:not([multiple]).form-control-lg {
        background-position: calc(100% - 12px) 19px, calc(100% - 20px) 13px, 100% 0;
    }

    select.form-control:not([multiple]).form-control-sm {
        background-position: calc(100% - 12px) 6px, calc(100% - 20px) 13px, 100% 0;
    }

/*  customs-select css  */
/*---------------------*/
.custom-select {
    /* remove double arrow */
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    /* remove bootstrap default arrow in IE11 */
    display: none;
}

/*  Bootstrap touchspin css  */
/*--------------------------*/
.bootstrap-touchspin.input-group input[type=number] {
    /* Remove arrow for Firefox */
    -moz-appearance: textfield;
}

.bootstrap-touchspin.input-group .input-group-btn .btn {
    padding: 0.4rem 1rem;
}

.bootstrap-touchspin.input-group input.touchspin-vertical {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .bootstrap-touchspin.input-group input.touchspin-vertical ~ .input-group-btn-vertical .bootstrap-touchspin-up {
        border-bottom: 1px solid;
    }

.bootstrap-touchspin.input-group .bootstrap-touchspin-down i,
.bootstrap-touchspin.input-group .bootstrap-touchspin-up i {
    font-size: 0.8rem;
    position: relative;
    top: 0;
    font-weight: bold;
}

.bootstrap-touchspin.input-group.disabled-touchspin input {
    border: 1px solid #f2f4f4 !important;
}

.bootstrap-touchspin.input-group.disabled-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin.input-group.disabled-touchspin .bootstrap-touchspin-up {
    background-color: #A3AFBD !important;
    cursor: default;
}

.bootstrap-touchspin.input-group.input-group-lg .input-group-btn .btn {
    padding: 0.5rem 1.2rem;
}

.bootstrap-touchspin.input-group.input-group-sm .input-group-btn .btn {
    padding: 0.5rem 0.8rem;
}

.bootstrap-touchspin .btn.disabled-max-min,
.bootstrap-touchspin .btn.disabled-max-min:hover {
    background-color: #A3AFBD !important;
    cursor: default;
}

/*   Number Type Input Box css  */
/*-----------------------------*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/*  IE Specific CSS  */
/*------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* radio buttons - checked circle icon */
    .radio input[type="radio"]:checked ~ label::after {
        margin-top: 0.4rem;
    }
}

/*  Form Control Position to put Icon in an input  */
/*------------------*/
.form-control-position {
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
}

/* Input Icon Positioning */
.position-relative .form-control {
    padding-right: calc(1.4em + 0.94rem + 3.7px);
}

    .position-relative .form-control.form-control-lg ~ .form-control-position {
        top: 6px;
    }

    .position-relative .form-control.form-control-sm ~ .form-control-position {
        top: -4px;
    }

/* Input Icon Left */
.has-icon-left .form-control {
    padding-right: 1.6rem;
    padding-left: 2.5rem;
}

.has-icon-left .form-control-position {
    right: auto;
}

    .has-icon-left .form-control-position i {
        position: relative;
        left: 2px;
        top: 1px;
        color: rgba(0, 0, 0, 0.4);
    }

/*    Buttons css   */
/*-----------------*/
.btn[class*="btn-outline-"] {
    padding-top: calc(0.467rem - 1px);
    padding-bottom: calc(0.467rem - 1px);
}

    .btn[class*="btn-outline-"].btn-lg {
        padding-top: calc(0.6rem - 1px);
        padding-bottom: calc(0.6rem - 1px);
    }

    .btn[class*="btn-outline-"].btn-sm {
        padding-top: calc(0.467rem - 1px);
        padding-bottom: calc(0.467rem - 1px);
    }

.btn i {
    /* Button with icons - make it in center */
    position: relative;
    top: 3px;
}

.btn.btn-white, .btn.btn-white:active, .btn.btn-white:hover, .btn.btn-white:focus {
    /* btn-white - color on different states */
    color: inherit !important;
}

.btn.shadow:hover, .btn.shadow.hover {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2) !important;
}

.btn.btn-icon {
    /* For btn-icon */
    padding: 0.4rem 0.6rem;
}

.btn.btn-sm.btn-icon {
    padding: .5rem;
}

.btn.btn-lg.btn-icon {
    padding: 1rem;
}

.btn:focus, .btn.focus, .btn:active, .btn.active {
    outline: none;
    box-shadow: none !important;
}

/*   Button Group  */
/*----------------*/
.btn-group:not(.dropdown) > .btn:not(:last-child) {
    border-right-width: 1;
}

/*    collapse rotate icon css    */
/*-------------------------------*/
.collapse-icon .card-header {
    position: relative;
}

.collapse-icon [data-toggle="collapse"]:before {
    position: absolute;
    top: 26%;
    right: 20px;
    font-family: 'boxicons';
    content: "\e9b2";
    transition: all 200ms linear 0s;
    font-size: 1.2rem;
    font-weight: 600;
}

.collapse-icon.accordion-icon-rotate [aria-expanded="true"]:before {
    /* collapse icon rotate animation css */
    transform: rotate(90deg);
}

/*     Dropdown css   */
/*-------------------*/
.show > .dropdown-menu {
    /*dropdown wrapper has show class dropdown menu display block */
    display: block;
    margin-bottom: 0.3rem;
}

.show [class*="btn-outline-"].dropdown-toggle {
    color: #677788 !important;
}

/*  dropdown toggle css */
/*---------------------*/
.btn.dropdown-toggle.dropdown-toggle-split {
    padding: 0 1rem;
    border-left-color: rgba(255, 255, 255, 0.2) !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*   dropdown menu  */
/*-----------------*/
.dropdown-menu {
    box-shadow: -7px 8px 16px 0px rgba(55, 70, 95, 0.2);
}

    .dropdown-menu .dropdown-header {
        text-transform: uppercase;
        font-weight: 500;
    }

    .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        font-family: Tahoma, Rubik, Helvetica, Arial, serif;
    }

        .dropdown-menu .dropdown-item .dropdown-item-emoji {
            font-size: 1rem;
            margin-right: 0.5rem;
        }

        .dropdown-menu .dropdown-item:active i, .dropdown-menu .dropdown-item.active i {
            color: #FFFFFF;
        }

    .dropdown-menu i {
        color: #475F7B;
    }

.dropdown .dropdown-toggle::after,
.dropup .dropdown-toggle::after,
.dropright .dropdown-toggle::after,
.dropleft .dropdown-toggle::after {
    content: "\f115";
    content: var(--ag-icon-font-code-filter, "\f115");
    display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
    font-family: agGridQuartz;
}

.dropdown-alt .dropdown-toggle::after,
.dropup-alt .dropdown-toggle::after,
.dropright-alt .dropdown-toggle::after,
.dropleft-alt .dropdown-toggle::after {
    border: none !important;
    font-family: "boxicons";
    content: "\e9ac" !important;
    position: relative;
    padding: 0;
    margin: 0;
    top: 0px;
    vertical-align: 0;
    transform: rotate(0deg);
}

.dropdown .dropdown-toggle.dropdown-toggle-split:after,
.dropup .dropdown-toggle.dropdown-toggle-split:after,
.dropright .dropdown-toggle.dropdown-toggle-split:after,
.dropleft .dropdown-toggle.dropdown-toggle-split:after {
    left: 0;
}

.dropdown .dropdown-toggle.nav-hide-arrow::after,
.dropup .dropdown-toggle.nav-hide-arrow::after,
.dropright .dropdown-toggle.nav-hide-arrow::after,
.dropleft .dropdown-toggle.nav-hide-arrow::after {
    display: none;
}

.dropdown .dropdown-toggle:focus,
.dropup .dropdown-toggle:focus,
.dropright .dropdown-toggle:focus,
.dropleft .dropdown-toggle:focus {
    outline: 0;
}

[data-open="hover"] .dropdown .dropdown-menu,
[data-open="hover"] .dropup .dropdown-menu,
[data-open="hover"] .dropright .dropdown-menu,
[data-open="hover"] .dropleft .dropdown-menu {
    margin: 0 !important;
}

.dropleft .dropdown-toggle::before {
    border: none !important;
    font-family: "boxicons";
    content: "\e9af" !important;
    position: relative;
    top: 1px;
    left: -0.5rem;
    margin: 0;
    padding: 0;
}

/*  DropUp css  */
/*-------------*/
.dropup .dropdown-toggle::after {
    content: "\e9b9" !important;
    vertical-align: 0.05rem;
    top: 3px;
}

.dropup .dropdown-menu {
    margin-top: 0.3rem;
}

.dropup .dropdown-submenu .dropdown-menu {
    bottom: auto;
    top: 0;
}

.dropright .dropdown-toggle::after {
    transform: rotate(-90deg);
}

/*   Dropdown Icon  */
/*-----------------*/
.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;
    }

        .dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
        .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
            font-size: 1.3rem;
        }

/* Dropdown inside white button */
.btn.btn-white ~ .dropdown-menu .dropdown-item:not(.active):hover {
    color: #727E8C !important;
}

.btn.btn-white ~ .dropdown-menu .dropdown-item.active {
    color: #727E8C;
}

/*   Carousel css   */
/*-----------------*/
.carousel .carousel-indicators li {
    border-radius: 3px;
    border-top: 0;
    border-bottom: 0;
}

.carousel .carousel-inner {
    border-radius: 0.267rem;
}

.carousel .carousel-caption {
    font-weight: 500;
}

@media (max-width: 575.98px) {
    .carousel .carousel-caption p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.carousel .card-img-overlay h1,
.carousel .card-img-overlay h2,
.carousel .card-img-overlay h3,
.carousel .card-img-overlay h4,
.carousel .card-img-overlay h5,
.carousel .card-img-overlay h6 {
    color: #FFFFFF;
}

/* Main Navbar Style */
/*------------------*/
.navbar-dark .hamburger-inner,
.navbar-dark .hamburger-inner::before,
.navbar-dark .hamburger-inner::after {
    background-color: #FFFFFF;
}

.navbar {
    position: inherit;
}

.header-navbar-shadow {
    display: none;
}

.header-navbar {
    padding: 0px;
    min-height: 4rem;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    transition: 100ms ease all, background 0s;
    z-index: 1000;
}

    .header-navbar.fixed-top {
        left: 260px;
        position: fixed;
        background-color: transparent;
    }

    .header-navbar[class*="bg-"] .navbar-nav .nav-item > a {
        color: #FFFFFF;
    }

        .header-navbar[class*="bg-"] .navbar-nav .nav-item > a i,
        .header-navbar[class*="bg-"] .navbar-nav .nav-item > a span {
            color: #FFFFFF !important;
        }

        .header-navbar[class*="bg-"] .navbar-nav .nav-item > a i {
            -webkit-text-stroke: 0.2px #727E8C !important;
        }

    .header-navbar[class*="bg-"] .navbar-nav .nav-item.dropdown-user .dropdown-menu .dropdown-item:active, .header-navbar[class*="bg-"] .navbar-nav .nav-item.dropdown-language .dropdown-menu .dropdown-item:active {
        color: #FFFFFF !important;
    }

    .header-navbar[class*="bg-"] .navbar-nav .search-input .input,
    .header-navbar[class*="bg-"] .navbar-nav .search-input .search-list .auto-suggestion {
        color: #727E8C !important;
    }

    .header-navbar.navbar-static-top {
        background: transparent;
        box-shadow: none !important;
    }

        .header-navbar.navbar-static-top .navbar-wrapper {
            margin-left: 260px;
        }

    .header-navbar .navbar-wrapper {
        width: 100%;
    }

    .header-navbar.navbar-border {
        border-bottom: 1px solid #DFE3E7;
    }

    .header-navbar.navbar-dark.navbar-border {
        border-bottom: 1px solid #8596b5;
    }

    .header-navbar.navbar-shadow {
        box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    }

    .header-navbar .nav-link.dropdown-toggle::after {
        display: none;
    }

    .header-navbar .navbar-container ul.nav li.dropdown-language {
        padding: 14px 0;
    }

    .header-navbar .navbar-container {
        padding-left: 1rem;
        transition: 300ms ease all;
        background: inherit;
        margin-left: 0;
    }

        .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.nav-menu-main {
            padding: 1.2rem 0.5rem;
            position: relative;
        }

        .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link i:hover {
            color: #5A8DEE;
        }

        .header-navbar .navbar-container .bookmark-input {
            z-index: 1001;
        }

        .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
            top: 53px;
            animation: 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
        }

            .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu:before {
                content: "";
                background-color: transparent;
                border: none;
            }

        .header-navbar .navbar-container ul.nav li .badge {
            padding: 0.25em 0.4em 0.18rem 0.35rem;
        }

            .header-navbar .navbar-container ul.nav li .badge.badge-up {
                position: absolute;
                top: 2px;
                right: 2px;
            }

        .header-navbar .navbar-container ul.nav li > a.nav-link {
            color: #727E8C;
        }

            .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
                margin-right: 0.5rem;
            }

        .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {
            right: 12px;
            left: auto;
            padding: 0.5rem 0;
        }

        .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
            padding: 0.9rem 1.25rem 0.9rem 1rem;
            display: flex;
            align-items: center;
        }

            .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
                display: inline-block;
                margin-left: 0.2rem;
                line-height: 1.2;
            }

            .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {
                font-size: smaller;
            }

            .header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            }

        .header-navbar .navbar-container ul.nav li a.menu-toggle i {
            font-size: 1.75rem;
        }

        .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            float: left;
            margin-right: 0.8rem;
        }

        .header-navbar .navbar-container ul.nav li a.nav-link-search,
        .header-navbar .navbar-container ul.nav li a.nav-link-expand {
            padding: 1.5rem 0.75rem 1.15rem 0.75rem;
        }

        .header-navbar .navbar-container ul.nav li div.input-group {
            padding: 0.7rem 1rem;
        }

        .header-navbar .navbar-container ul.nav li i.ficon {
            font-size: 1.5rem;
            color: #475F7B;
            vertical-align: middle;
            cursor: pointer;
            -webkit-text-stroke: 0.2px #FFFFFF;
        }

            .header-navbar .navbar-container ul.nav li i.ficon:hover {
                color: #5A8DEE;
            }

        .header-navbar .navbar-container ul.nav li .media-list {
            max-height: 21rem;
        }

        .header-navbar .navbar-container ul.nav li .scrollable-container {
            position: relative;
        }

        .header-navbar .navbar-container .dropdown-menu-media {
            width: 26rem;
        }

            .header-navbar .navbar-container .dropdown-menu-media .media-list .media {
                padding: 1.3rem 1rem;
                border: none;
                border-bottom: 1px solid #DFE3E7;
            }

                .header-navbar .navbar-container .dropdown-menu-media .media-list .media:hover {
                    background: #F2F4F4;
                }

                .header-navbar .navbar-container .dropdown-menu-media .media-list .media .media-meta {
                    color: #727E8C;
                }

            .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
                border-bottom: 1px solid #DFE3E7;
            }

                .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header .dropdown-header {
                    text-transform: none;
                }

            .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a {
                padding: 0.3rem;
                border-top: 1px solid #DFE3E7;
            }

                .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a:active {
                    background-color: transparent;
                }

    .header-navbar.navbar-without-menu .navbar-container {
        margin-left: 0;
    }

    .header-navbar .nav-item + .nav-item {
        margin-left: 0rem;
    }

@media (max-width: 767.98px) {
    .header-navbar .navbar-header {
        width: 100% !important;
        padding: 0.5rem 1rem;
        position: relative;
    }

        .header-navbar .navbar-header .menu-toggle {
            top: 2px;
            position: relative;
        }

        .header-navbar .navbar-header .open-navbar-container i {
            font-size: 1.8rem;
        }

        .header-navbar .navbar-header .navbar-brand {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translate(-50%, 0);
        }

    .header-navbar.navbar-with-menu .navbar-container {
        width: 100%;
        display: table;
        margin: 0;
        height: auto;
    }
}

/* Modern menu For md screen*/
@media (max-width: 991.98px) {
    [data-menu="vertical-menu-modern"] .header-navbar .navbar-header {
        width: 100% !important;
        padding: 0.5rem 1rem;
        position: relative;
    }

        [data-menu="vertical-menu-modern"] .header-navbar .navbar-header .menu-toggle {
            top: 2px;
            position: relative;
        }

        [data-menu="vertical-menu-modern"] .header-navbar .navbar-header .open-navbar-container i {
            font-size: 1.8rem;
        }

        [data-menu="vertical-menu-modern"] .header-navbar .navbar-header .navbar-brand {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translate(-50%, 0);
        }

    [data-menu="vertical-menu-modern"] .header-navbar.navbar-with-menu .navbar-container {
        width: 100%;
        display: table;
        margin: 0;
        height: auto;
    }

    [data-menu="vertical-menu-modern"] .navbar-dark .navbar-header .navbar-nav .nav-link,
    [data-menu="vertical-menu-modern"] .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
        color: #FFFFFF;
    }

    [data-menu="vertical-menu-modern"] .navbar-dark .navbar-container .navbar-nav .nav-link,
    [data-menu="vertical-menu-modern"] .navbar-semi-dark .navbar-container .navbar-nav .nav-link {
        color: #475F7B;
    }

    [data-menu="vertical-menu-modern"] .navbar-light .navbar-header .navbar-nav .nav-link {
        color: #475F7B;
    }
}

/*  Navbar colors */
/*---------------*/
.navbar-light {
    background: #FFFFFF;
}

    .navbar-light .navbar-nav .active.nav-link {
        background-color: rgba(0, 0, 0, 0.03);
    }

.navbar-dark {
    background: #475F7B;
}

    .navbar-dark.navbar-horizontal {
        background: #475F7B;
    }

    .navbar-dark .nav-search .form-control,
    .navbar-dark .nav-search .btn-secondary {
        color: #FFFFFF;
        background: #475F7B;
    }

    .navbar-dark .navbar-nav li {
        line-height: 1;
    }

    .navbar-dark .navbar-nav .active.nav-link {
        background-color: rgba(255, 255, 255, 0.05);
    }

.navbar-semi-dark {
    background: #FFFFFF;
}

    .navbar-semi-dark .navbar-header {
        background: #475F7B;
    }

        .navbar-semi-dark .navbar-header .brand-text {
            color: #FFFFFF;
        }

    .navbar-semi-dark .navbar-nav li {
        line-height: 1;
    }

    .navbar-semi-dark .navbar-nav .nav-link {
        color: #475F7B;
    }

    .navbar-semi-dark .navbar-nav .active.nav-link {
        background-color: rgba(0, 0, 0, 0.03);
    }

.navbar-semi-light {
    background: #475F7B;
}

    .navbar-semi-light .navbar-header {
        background: #FFFFFF;
    }

        .navbar-semi-light .navbar-header .brand-text {
            color: #475F7B;
        }

    .navbar-semi-light .navbar-nav li {
        line-height: 1;
    }

    .navbar-semi-light .navbar-nav .nav-link {
        color: #FFFFFF;
    }

    .navbar-semi-light .navbar-nav .active.nav-link {
        background-color: rgba(0, 0, 0, 0.03);
    }

/* mozila speficic style */
@-moz-document url-prefix() {
    ul li a .children-in {
        position: relative;
        right: 3px;
        top: -14px;
    }
}

.navbar-menu-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #475F7B;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

    .navbar-menu-icon span:nth-child(1) {
        top: 0px;
    }

    .navbar-menu-icon span:nth-child(2) {
        top: 10px;
    }

    .navbar-menu-icon span:nth-child(3) {
        top: 20px;
    }

.navbar-menu-icon.show span:nth-child(1) {
    top: 10px;
    transform: rotate(135deg);
}

.navbar-menu-icon.show span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.navbar-menu-icon.show span:nth-child(3) {
    top: 10px;
    transform: rotate(-135deg);
}

/* Media queries for device support */
/*---------------------------------*/
@media (max-width: 767.98px) {
    /* generic navbar dropdown specific */
    .header-navbar .navbar-nav .show {
        position: static;
    }

    .header-navbar .navbar-nav .open-navbar-container {
        padding-top: 0.625rem;
    }

    .header-navbar .navbar-container .show .dropdown-menu {
        right: 0;
        left: 0 !important;
        float: none;
        width: auto;
        margin-top: 0;
        max-height: 420px;
        overflow-x: hidden;
    }

    .header-navbar .navbar-container ul.nav li.nav-item i {
        margin-right: 0.2rem;
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: 0.9rem 0.6rem !important;
    }

    .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
        margin-right: 0;
        margin-left: -2px;
    }
    /*  dark navbar  */
    /*--------------*/
    .navbar-dark .hamburger-inner,
    .navbar-dark .hamburger-inner::before,
    .navbar-dark .hamburger-inner::after,
    .navbar-semi-dark .hamburger-inner,
    .navbar-semi-dark .hamburger-inner::before,
    .navbar-semi-dark .hamburger-inner::after {
        background-color: #FFFFFF;
    }

    .navbar-dark .navbar-header .navbar-nav .nav-link,
    .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
        color: #FFFFFF;
    }

    .navbar-dark .navbar-container .navbar-nav .nav-link,
    .navbar-semi-dark .navbar-container .navbar-nav .nav-link {
        color: #475F7B;
    }
    /* light navbar */
    /*-------------*/
    .navbar-light .navbar-header .navbar-nav .nav-link,
    .navbar-semi-light .navbar-header .navbar-nav .nav-link {
        color: #475F7B;
    }

    .navbar-light .navbar-container .navbar-nav .nav-link,
    .navbar-semi-light .navbar-container .navbar-nav .nav-link {
        color: #475F7B;
    }
}

/* media query for laguage in small screen */
@media (max-width: 575.98px) {
    .header-navbar .navbar-container ul.nav li .selected-language {
        display: none;
    }
}

/* For Medium and down: iPad support for navbr */
@media (max-width: 1199.98px) {
    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: 0.9rem 1.23rem;
    }

    .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
        margin-right: 0;
        margin-left: -2px;
    }
}

/* media Query for navbar in mobile screen */
@media (max-width: 767px) {
    #navbar-mobile.navbar-collapse .navbar-nav {
        margin: 0;
        flex-flow: row wrap;
    }

        #navbar-mobile.navbar-collapse .navbar-nav .menu-toggle {
            position: relative;
            top: 4.5px;
            padding: 1.12rem 0.8rem 1.12rem 0;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
            position: absolute;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
            float: left;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .dropdown-notification .badge-up {
            right: -0.2rem;
        }
}

/* media Query for medium screen */
@media (max-width: 991.98px) {
    #navbar-mobile.navbar-collapse .navbar-nav {
        margin: 0;
        flex-flow: row wrap;
    }

        #navbar-mobile.navbar-collapse .navbar-nav .menu-toggle {
            position: relative;
            top: 4.5px;
            padding: 1.12rem 0.8rem 1.12rem 0;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
            position: absolute;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
            float: left;
        }

        #navbar-mobile.navbar-collapse .navbar-nav .dropdown-notification .badge-up {
            right: -0.2rem;
        }
}

/*  iPhone 5, 5S  iPhone 6   */
/* Landscape */
@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;
    }
}

/*  iPhone 6+ */
/* Landscape */
@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;
    }
}

/* for alignment of language dropdown and name */
@media (min-width: 992px) {
    .navbar-components-wrapper .navbar .navbar-container {
        background: inherit;
    }

    .navbar-components-wrapper .nav .dropdown-language {
        float: right;
    }
}

/* background color */
@media (max-width: 992px) {
    .navbar-components-wrapper .navbar .navbar-container {
        background: inherit;
    }

        .navbar-components-wrapper .navbar .navbar-container .navbar-nav {
            flex-direction: row;
        }
}

/* for width of navbar in fixed-top */
@media (max-width: 1200px) {
    .header-navbar.fixed-top {
        left: 0;
    }

    .header-navbar.navbar-static-top .navbar-wrapper {
        margin-left: 0;
    }
}

/* for notification dropdown of navbar component page */
@media (max-width: 1110px) {
    .navbar-components-wrapper .navbar .navbar-nav .dropdown-notification.show {
        position: static;
    }

    .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {
        right: 0px;
    }
}

@media (max-width: 575.98px) {
    .content.app-content .content-area-wrapper {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important;
    }
}

/* 1-column Layout - Back Link in Center */
@media (max-width: 992px) {
    .navbar-container #navbar-mobile .nav-back {
        margin-top: 5px;
    }
}

/*   For Navbar Component    */
/* --------------------------*/
.navbar-components-wrapper .navbar-theme .nav-item .nav-link {
    padding: 1.35rem 1.5rem 1.5rem 0;
    padding-left: 0;
}

    .navbar-components-wrapper .navbar-theme .nav-item .nav-link i {
        top: 0;
    }

    .navbar-components-wrapper .navbar-theme .nav-item .nav-link.menu-toggle {
        padding: 1.2rem 0.5rem;
    }

    .navbar-components-wrapper .navbar-theme .nav-item .nav-link.navbar-brand {
        margin-right: 0;
    }

.navbar-components-wrapper .navbar {
    z-index: auto;
    max-height: 4rem;
    min-height: 4rem;
}

    .navbar-components-wrapper .navbar .navbar-container .navbar-nav {
        align-items: center;
        flex-flow: row nowrap;
    }

        .navbar-components-wrapper .navbar .navbar-container .navbar-nav .dropdown-menu {
            position: absolute;
        }

    .navbar-components-wrapper .navbar .navbar-container.navbar-dark .navbar-toggler:focus, .navbar-components-wrapper .navbar .navbar-container.navbar-light .navbar-toggler:focus {
        outline: 0;
    }

.horizontal-menu .navbar-components-wrapper .header-navbar {
    position: relative !important;
    z-index: 0 !important;
}

/* navbar component specific media query */
@media screen and (max-width: 991px) {
    .navbar-components-wrapper .navbar .navbar-container {
        padding: 0 0.5rem;
    }
}

@keyframes fadein {
    from {
        transform: translate3d(0, 6px, 0);
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* card without shadow*/
.no-card-shadow .card {
    box-shadow: none;
}

/*    card css    */
/*---------------*/
.card {
    margin-bottom: 2.2rem;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    transition: all .3s ease-in-out, background 0s, color 0s, border-color 0s;
}

    .card .table-responsive .table-bordered {
        /* bootstrap table bordered css override inside card */
        border: 1px solid #dfe3e7;
    }

    .card .text-ellipsis {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card .card {
        box-shadow: none !important;
    }

    .card .card-subtitle {
        color: #828D99;
        font-weight: 400;
    }

    .card .card-title {
        font-weight: normal;
        letter-spacing: 0.05rem;
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
        text-transform: capitalize;
    }

    .card .card-bordered {
        border: 0px solid #dfe3e7;
    }

    .card .card-img {
        border-radius: 0.267rem;
    }

    .card.card-fullscreen {
        display: block;
        z-index: 9999;
        position: fixed;
        width: 100% !important;
        height: 100% !important;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow: auto;
    }

    .card .card-img-overlay {
        border-radius: 0.267rem;
        text-overflow: ellipsis;
    }

        .card .card-img-overlay.bg-overlay {
            background: rgba(0, 0, 0, 0.5);
        }

        .card .card-img-overlay p,
        .card .card-img-overlay .card-text,
        .card .card-img-overlay .card-title {
            color: #FFFFFF;
        }

    .card .card-header {
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .card .card-header .card-title {
            margin-bottom: 0;
        }

        .card .card-header + .card-content > .card-body:first-of-type,
        .card .card-header + .card-body {
            padding-top: 0px;
        }

    .card .heading-elements,
    .card .heading-elements-toggle {
        position: absolute;
        right: 1.7rem;
        line-height: 0;
        cursor: pointer;
    }

        .card .heading-elements.heading-top-elements .page-item,
        .card .heading-elements-toggle.heading-top-elements .page-item {
            display: inline-block;
        }

        .card .heading-elements li:not(:first-child) a,
        .card .heading-elements-toggle li:not(:first-child) a {
            margin-left: 8px;
        }

        .card .heading-elements a.btn,
        .card .heading-elements-toggle a.btn {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .card .heading-elements a[data-action="collapse"] i,
        .card .heading-elements-toggle a[data-action="collapse"] i {
            transition: all .25s ease-out;
            display: inline-block;
        }

        .card .heading-elements a[data-action="collapse"].rotate i,
        .card .heading-elements-toggle a[data-action="collapse"].rotate i {
            transform: rotate(-180deg);
        }

    .card .card-footer {
        align-items: center;
        font-size: 1.2rem;
        font-weight: normal;
        color: #475F7B;
        padding: 1rem 1.9rem;
        font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    }

/* Card Column specific */
/*---------------------*/
.card-columns .card {
    margin-bottom: 1.96rem;
}

.blank-page .card.bg-authentication {
    box-shadow: -8px 20px 25px 0 rgba(25, 42, 70, 0.3);
}

.card-group .card {
    /* left side shadow change for card-group card only */
    box-shadow: 5px 12px 18px 0 rgba(25, 42, 70, 0.13);
}

/* card-action page media query */
@media (max-width: 767.98px) {
    .heading-elements-toggle {
        z-index: 2;
    }

    .heading-elements {
        text-align: center;
    }

        .heading-elements .list-inline {
            display: none;
        }

        .heading-elements.visible {
            top: 22px !important;
            display: block;
            margin-top: 0;
            height: auto;
            left: 0px;
            padding: 10px;
            z-index: 1;
            position: absolute;
            width: 100%;
        }

            .heading-elements.visible .list-inline {
                background-color: #FFFFFF;
                display: block;
                position: absolute;
                top: 15px;
                right: 20px;
            }
}

@media (min-width: 1110px) {
    .heading-elements-toggle {
        display: none;
    }
}

/* IE Specific media query */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .card-body,
    .card-content {
        min-height: 1px;
    }
}

/*    Breadcrumb css    */
/*---------------------*/
.breadcrumb > li + li::before {
    padding-right: .867rem;
}

.breadcrumb .breadcrumb-item a {
    color: #596F88;
}

    .breadcrumb .breadcrumb-item a i {
        /* Breadcrumb home icon scss */
        color: #5A8DEE;
        position: relative;
        top: 2px;
    }

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    /* Breadcrumb divider icon default */
    content: "\e9b2";
    font-family: 'boxicons';
    position: relative;
    top: 2px;
}

.breadcrumb.breadcrumb-divider {
    padding: 0;
    display: inline-flex;
}

    .breadcrumb.breadcrumb-divider .breadcrumb-item + .breadcrumb-item:before {
        /* Breadcrumb Divider Icon with active Link fill */
        content: "|";
        color: #e0e0e0;
        font-size: 1.5rem;
        position: relative;
        top: -3px;
    }

    .breadcrumb.breadcrumb-divider .breadcrumb-item {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.4rem 0 0.4rem 1rem;
    }

        .breadcrumb.breadcrumb-divider .breadcrumb-item:first-child {
            padding-left: 1.67rem;
        }

        .breadcrumb.breadcrumb-divider .breadcrumb-item.active {
            /* Breadcrumb active item */
            background-color: #5A8DEE;
            color: #FFFFFF;
            border-radius: 0.267rem;
            padding-right: 1.67rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 1.2rem;
        }

            .breadcrumb.breadcrumb-divider .breadcrumb-item.active:before {
                content: "";
            }

.breadcrumb.rounded-pill {
    /* Breadcrumb with rounded border and active link fill */
    background-color: #FFFFFF;
    box-shadow: 3px 3px 14px 0 rgba(0, 0, 0, 0.12);
}

    .breadcrumb.rounded-pill.breadcrumb-divider .breadcrumb-item.active {
        border-radius: 50rem;
    }

/*  Badges css */
/*------------*/
.badge {
    color: #FFFFFF;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    background-color: #5A8DEE;
    text-transform: uppercase;
}

    .badge.badge-up {
        /* badge-up - To align badge over any element */
        position: absolute;
        top: -0.8rem;
        right: -0.5rem;
    }

    .badge.badge-round {
        padding: .28rem 0.4rem;
    }

    .badge.badge-icon {
        padding: .25rem 0.4rem;
    }

/*    Badge Circle    */
/*-------------------*/
.badge-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background-color: #5A8DEE;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    padding: 0;
}

    .badge-circle.badge-circle-sm {
        height: 24px;
        width: 24px;
    }

    .badge-circle.badge-circle-lg {
        height: 48px;
        width: 48px;
    }

/*    Nav, Navtabs and Navpills   */
/*-------------------------------*/
.nav.nav-tabs .nav-item, .nav.nav-pills .nav-item {
    margin-right: 0.8rem;
}

    .nav.nav-tabs .nav-item.dropdown.show .dropdown-toggle:hover, .nav.nav-pills .nav-item.dropdown.show .dropdown-toggle:hover {
        color: #FFFFFF;
    }

    .nav.nav-tabs .nav-item.dropdown.show .dropdown-menu, .nav.nav-pills .nav-item.dropdown.show .dropdown-menu {
        border-radius: 0.267rem;
    }

    .nav.nav-tabs .nav-item .nav-link, .nav.nav-pills .nav-item .nav-link {
        border-radius: 0.267rem;
    }

        .nav.nav-tabs .nav-item .nav-link.disabled, .nav.nav-pills .nav-item .nav-link.disabled {
            opacity: 0.5;
        }

        .nav.nav-tabs .nav-item .nav-link:not(:active):hover, .nav.nav-tabs .nav-item .nav-link:not(:active):hover span, .nav.nav-tabs .nav-item .nav-link:not(.active):hover, .nav.nav-tabs .nav-item .nav-link:not(.active):hover span, .nav.nav-pills .nav-item .nav-link:not(:active):hover, .nav.nav-pills .nav-item .nav-link:not(:active):hover span, .nav.nav-pills .nav-item .nav-link:not(.active):hover, .nav.nav-pills .nav-item .nav-link:not(.active):hover span {
            color: #5A8DEE;
        }

        .nav.nav-tabs .nav-item .nav-link i, .nav.nav-pills .nav-item .nav-link i {
            margin-right: 0.2rem;
        }

        .nav.nav-tabs .nav-item .nav-link.active, .nav.nav-pills .nav-item .nav-link.active {
            box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.5);
        }

.nav.nav-tabs {
    margin-bottom: 1rem;
    border-bottom-color: #ededed;
}

    .nav.nav-tabs .nav-item {
        padding-bottom: 0.8rem;
        position: relative;
    }

        .nav.nav-tabs .nav-item .nav-link.active:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            margin: auto;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 8px solid #ededed;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .nav.nav-tabs .nav-item .nav-link.active:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            margin: auto;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 6px solid #FFFFFF;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .nav.nav-tabs ~ .tab-content {
        padding-left: 0.6rem;
        color: #475F7B;
    }

.nav.nav-pills .nav-item {
    margin-bottom: 1rem;
}

.pill-container ~ .tab-content {
    /* specific style for tab-content */
    background-color: #FFFFFF;
    padding: 1.13rem 1.16rem 0.6rem 1.13rem;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    border-radius: 0.267rem;
    color: #475F7B;
}

/* specific style for Vertically Stacked Pills */
.pills-stacked .flex-column .nav-item {
    padding-bottom: 0;
    margin-bottom: 0;
}

.pills-stacked .tab-content {
    background-color: #FFFFFF;
    padding: 1.13rem 1.16rem 0.6rem 1.13rem;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    border-radius: 0.267rem;
    color: #475F7B;
}

.nav-tabs .nav-link,
.nav-pills .nav-link {
    background-color: #f2f4f4;
    color: #475F7B;
}

@media (max-width: 575.98px) {
    .nav-tabs .nav-link.active:before, .nav-tabs .nav-link.active:after {
        display: none;
    }
}

/*     Alerts css   */
/*-----------------*/
.alert.alert-dismissible .close {
    color: #FFFFFF;
    opacity: 1;
    top: -4px;
    text-shadow: none;
    font-weight: normal;
    font-size: 1.73rem;
}

    .alert.alert-dismissible .close:focus {
        outline: none;
    }

.alert i {
    /* alert with icon */
    margin-right: 0.8rem;
}

/*	 media css 	*/
/*-------------*/
.media-list .media {
    padding: 1.25rem;
    width: 100%;
    margin-top: 0;
}

.media-list a.media {
    color: #475F7B !important;
}

/* media border */
.media-bordered .media {
    border-top: 1px solid #DFE3E7;
}

    .media-bordered .media:first-child {
        border-top: 0;
    }

/*    tooltip css  */
/*----------------*/
.tooltip .tooltip-inner {
    box-shadow: 0px 0px 10px 0px rgba(58, 70, 93, 0.25);
}

.tooltip.tooltip-light .tooltip-inner {
    background-color: #FFFFFF;
    color: #727E8C;
    border: 1px solid #DFE3E7;
}

.tooltip.tooltip-light[x-placement^="top"] .arrow:before {
    /* tooltip arrow border Color */
    border-top-color: #FFFFFF;
    top: -1px;
}

.tooltip.tooltip-light[x-placement^="right"] .arrow:before {
    /*rtl:begin:ignore*/
    border-right-color: #FFFFFF;
    right: -1px;
    /*rtl:end:ignore*/
}

.tooltip.tooltip-light[x-placement^="bottom"] .arrow:before {
    border-bottom-color: #FFFFFF;
    bottom: -1px;
}

.tooltip.tooltip-light[x-placement^="left"] .arrow:before {
    /*rtl:begin:ignore*/
    border-left-color: #FFFFFF;
    left: -1px;
    /*rtl:end:ignore*/
}

.tooltip.tooltip-horizontal-bookmark {
    /*  Tooltip Horizontal Layout - Bookmark Icons */
    z-index: 1000 !important;
    top: -7px;
}

.bs-tooltip-right {
    padding: 0 0.53rem;
}

    .bs-tooltip-right .arrow {
        /*rtl:begin:ignore*/
        left: 0;
        right: auto;
        /*rtl:end:ignore*/
        width: 0.53rem;
        height: 1.07rem;
    }

        .bs-tooltip-right .arrow::before {
            /*rtl:begin:ignore*/
            right: 0;
            border-width: 0.535rem 0.53rem 0.535rem 0;
            border-right-color: #475F7B;
            /*rtl:end:ignore*/
        }

.bs-tooltip-left {
    padding: 0 0.53rem;
}

    .bs-tooltip-left .arrow {
        /*rtl:begin:ignore*/
        right: 0;
        /*rtl:end:ignore*/
        width: 0.53rem;
        height: 1.07rem;
    }

        .bs-tooltip-left .arrow::before {
            /*rtl:begin:ignore*/
            left: 0;
            border-width: 0.535rem 0 0.535rem 0.53rem;
            border-left-color: #475F7B;
            /*rtl:end:ignore*/
        }

/*  progress bar css */
/*------------------*/
.progress {
    height: 0.6rem;
    overflow: visible;
    background-color: #F2F4F4;
}

    .progress .progress-bar {
        position: relative;
    }

    .progress.progress-sm {
        height: 0.4rem;
    }

    .progress .progress-bar {
        border-radius: 1.28rem;
        box-shadow: 0 2px 6px 0 rgba(90, 141, 238, 0.6);
    }

    .progress .progress-label:before {
        content: attr(aria-valuenow) "%";
        position: absolute;
        color: #000;
        right: 0;
        top: -1.6rem;
        font-size: 1.0rem;
    }

/*   Inline list style   */
/*----------------------*/
ul.list-inline li {
    display: inline-block;
}

ul.list-inline.list-inline-pipe > li + li:before {
    content: ' | ';
    padding-right: 2px;
}

/* bootstrap list group */
/*---------------------*/
.list-group .list-group-item.active i.badge-circle {
    background-color: #FFFFFF;
}

.list-group .list-group-item.active:hover {
    background-color: #5A8DEE;
}

.list-group .list-group-item.active h1, .list-group .list-group-item.active h2, .list-group .list-group-item.active h3, .list-group .list-group-item.active h4, .list-group .list-group-item.active h5, .list-group .list-group-item.active h6 {
    color: #FFFFFF;
}

.list-group .list-group-item i {
    /* List Group Icon css */
    font-size: 1.4rem;
}

.list-group button.list-group-item:focus {
    outline: 0px;
}

.list-group .list-group-item-action:hover {
    background-color: #F2F4F4;
}

/* Inline users list - Use in Widget page */
/*---------------------------------------*/
.users-list li + li {
    margin-left: -.785rem;
}

.users-list li img {
    border: 2px solid #FFFFFF;
}

.users-list li .badge {
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    padding: 0.4rem 0.4rem;
}

/*   Toasts css   */
/*---------------*/
/* default toast css */
.toast.show {
    z-index: 1030;
}

.toast .close:focus {
    outline: none;
}

.toast .toast-header i {
    font-size: 1.4rem;
    margin-right: .6rem;
}

.toast .toast-header .toast-title {
    font-size: 1.2rem;
    font-weight: normal;
}

.toast .toast-header .close {
    padding: 0.1rem .25rem;
    border-radius: 1.5rem;
    margin-left: 1rem;
    opacity: 1;
    color: #475F7B;
    background-color: #f2f4f4;
}

    .toast .toast-header .close:focus, .toast .toast-header .close:active {
        outline: none;
    }

    .toast .toast-header .close i {
        font-size: 1.2rem;
        margin: 0;
    }

.toast .toast-body {
    padding: 0.86rem 1.4rem;
}

.toast.toast-light .toast-header {
    background-color: transparent;
    border-bottom: 1px solid #DFE3E7;
}

    .toast.toast-light .toast-header span {
        color: #475F7B;
    }

    .toast.toast-light .toast-header i {
        color: #475F7B;
    }

    .toast.toast-light .toast-header small {
        color: #828D99;
    }

.toast.toast-translucent {
    /* translucent toast opacity and display */
    opacity: .85;
    display: block;
}

@media (max-width: 575.98px) {
    .toast {
        left: 1rem;
    }
}

/*   Collapse and Accordion  */
/*--------------------------*/
.collapsible .card,
.accordion .card {
    margin-bottom: .71rem;
    box-shadow: none;
    border-radius: 0.267rem !important;
}

    .collapsible .card .card-header,
    .accordion .card .card-header {
        margin: 0;
        border: solid 1px #DFE3E7;
        padding: 1rem 1.7rem;
        border-radius: 0.267rem !important;
        font-size: 1.2rem;
        font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
        cursor: pointer;
    }

        .collapsible .card .card-header i,
        .accordion .card .card-header i {
            margin-right: 1rem;
        }

    .collapsible .card.open,
    .accordion .card.open {
        /* open class for shadow and border-radius of card */
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1) !important;
        border-radius: 0.267rem !important;
    }

        .collapsible .card.open .card-header,
        .accordion .card.open .card-header {
            /* card-header when open class exist */
            border-bottom-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
            border-bottom: 1px solid #DFE3E7 !important;
            border-top: 0;
            border-left: 0;
            border-right: 0;
        }

/*   Pagination css  */
/*------------------*/
.pagination .page-item.previous .page-link, .pagination .page-item.next .page-link, .pagination .page-item.first .page-link, .pagination .page-item.last .page-link {
    color: #5A8DEE;
    padding: 0.435rem 0.5rem;
}

.pagination .page-item.previous.disabled .page-link, .pagination .page-item.next.disabled .page-link, .pagination .page-item.first.disabled .page-link, .pagination .page-item.last.disabled .page-link {
    background-color: #F2F4F4;
}

.pagination .page-item:first-child .page-link {
    border-left: 1px solid #DFE3E7;
}

.pagination .page-item:last-child .page-link {
    border-right: 1px solid #DFE3E7;
}

.pagination .page-item .page-link {
    /* page link customization */
    border: 1px solid #DFE3E7;
    border-right: 0;
    border-left: 0;
    color: #324356;
    background-color: transparent;
    font-weight: 600;
}

    .pagination .page-item .page-link:focus {
        box-shadow: none;
    }

    .pagination .page-item .page-link:hover {
        border-radius: 0.267rem;
        background-color: rgba(90, 141, 238, 0.2);
    }

    .pagination .page-item .page-link i {
        font-weight: 600;
        vertical-align: middle;
    }

.pagination .page-item.active {
    border-radius: 0;
}

    .pagination .page-item.active .page-link,
    .pagination .page-item.active .page-link:hover {
        border-radius: 0.267rem;
        background-color: #5A8DEE !important;
        color: #FFFFFF;
    }

.pagination .page-item.previous {
    margin-right: .3571rem;
}

    .pagination .page-item.previous .page-link {
        border: 1px solid #DFE3E7;
        border-radius: 0.267rem;
    }

    .pagination .page-item.previous ~ .page-item:nth-child(2) .page-link {
        /* 1st page-item after "prev" button */
        border-left: 1px solid #DFE3E7;
        border-top-left-radius: 0.267rem;
        border-bottom-left-radius: 0.267rem;
    }

    .pagination .page-item.previous ~ .page-item:nth-last-child(-n+2) .page-link {
        /* last page-item previous of "Next" button */
        border-right: 1px solid #DFE3E7;
        border-top-right-radius: 0.267rem;
        border-bottom-right-radius: 0.267rem;
    }

.pagination .page-item.next {
    margin-left: .3571rem;
}

    .pagination .page-item.next .page-link {
        border: 1px solid #DFE3E7;
        border-radius: 0.267rem;
    }

.pagination.pagination-borderless .page-item .page-link {
    /* Borderless Pagination */
    border: none !important;
}

.pagination.pagination-borderless .page-item.previous .page-link, .pagination.pagination-borderless .page-item.next .page-link {
    background-color: #DFE3E7;
}

    .pagination.pagination-borderless .page-item.previous .page-link:hover, .pagination.pagination-borderless .page-item.next .page-link:hover {
        background-color: rgba(90, 141, 238, 0.2);
    }

.pagination.pagination-borderless .page-item.previous.disabled .page-link, .pagination.pagination-borderless .page-item.next.disabled .page-link {
    background-color: #F2F4F4;
}

.pagination.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.267rem;
    border-bottom-left-radius: 0.267rem;
}

.pagination.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.267rem;
    border-bottom-right-radius: 0.267rem;
}

/*   spinner css   */
/*----------------*/
.spinner-border-lg {
    width: 3rem;
    height: 3rem;
}

.spinner-grow-lg {
    width: 3rem;
    height: 3rem;
}

/*   Modals css   */
/*---------------*/
.modal-open {
    /* body overflow hidden when modal open */
    overflow: hidden !important;
}

.modal .modal-content {
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    border-radius: calc(0.267rem + 0.11rem);
}

    .modal .modal-content i {
        top: 0;
    }

    .modal .modal-content .modal-header {
        align-items: center;
    }

        .modal .modal-content .modal-header .modal-title {
            font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
            font-weight: normal;
            font-size: 1.2rem;
        }

        .modal .modal-content .modal-header .close {
            /* close button for modal hide */
            padding: 0;
            margin: 0;
            height: 2.4rem;
            width: 2.4rem;
            background-color: #f2f4f4;
            border-radius: 50%;
        }

            .modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus, .modal .modal-content .modal-header .close:active {
                outline: none;
            }

.modal .modal-footer {
    padding: 1.3rem 2.3rem;
}

.modal.modal-borderless .modal-header {
    border: none !important;
}

.modal.modal-borderless .modal-footer {
    border: none !important;
}

.modal .modal-full {
    max-width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

/* media query for modal in small screen */
@media (max-width: 576px) {
    .modal {
        padding-right: 1rem;
        padding-left: 1rem;
    }

        .modal .modal-sm {
            max-width: unset;
        }
}

/*  Popovers css */
/*--------------*/
.popover {
    box-shadow: 0 0 10px 0 rgba(58, 70, 93, 0.25);
}

    .popover .popover-header {
        /* popover header color and border-radius */
        border-bottom: 1px solid #DFE3E7;
        font-weight: normal;
    }

    .popover .popover-body {
        color: #727E8C;
    }

    .popover.bs-popover-top > .arrow::after {
        bottom: 2px;
    }

    .popover.bs-popover-left > .arrow::after {
        right: 2px;
    }

/*  Utilities css  */
/*----------------*/
.icon-left {
    margin-right: 0.5rem;
}

.icon-right {
    margin-right: 0.5rem;
}

.icon-spin {
    display: inline-block;
    animation: spin 1s infinite linear;
}

.blockOverlay, .blockElement {
    z-index: 996 !important;
}

.hidden {
    display: none;
    visibility: hidden;
}

/*  Disabled */
.disabled, :disabled {
    color: #e4e4e5 !important;
}

    .disabled a, :disabled a {
        color: #828D99 !important;
    }

    .disabled:hover, :disabled:hover {
        cursor: auto !important;
    }

.round {
    border-radius: 1.5rem;
}

.square {
    border-radius: 0;
}

.icon-line-height {
    line-height: 1.5rem !important;
}

/*  Boxicons Default Set Font-size */
.bx {
    font-size: 1.2rem;
}

/* drag n drop - bullets none on drag - as default */
/*------------------------------------------------*/
.gu-mirror {
    list-style-type: none !important;
}

.line-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* Colors CSS */
/* --------- */
/*------------------------------------------------------------------
[Table of contents for each color options]

- Text Color
- Background Color
- Alert
- Border
- Badges
- Buttons
- Dropdowns
- Bullet
- Pagination
- Progress bars
- Chips
- Divider
- Timeline
- Checkboxes & Radio
- Custom Switches
- Touchspin
- Scrumboard
- Select2
-------------------------------------------------------------------*/
/* white Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.white {
    color: #ffffff !important;
}

/* text with light white */
.text-light-white {
    color: rgba(255, 255, 255, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-white {
    background-color: #ffffff !important;
}

    .bg-white .card-header,
    .bg-white .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-white {
    background: rgba(255, 255, 255, 0.2) !important;
}

    .bg-rgba-white.alert {
        color: #ffffff;
    }

        .bg-rgba-white.alert.alert-dismissible .close {
            color: #ffffff;
        }

        .bg-rgba-white.alert .alert-link {
            color: #ffffff;
        }

/* Alert white */
/* ---------------- */
.alert.alert-white {
    background: #ffffff !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(255, 255, 255, 0.4);
    border: none;
}

/* Border white */
/* ---------------- */
.border-white {
    border: 1px solid #ffffff !important;
}

    .border-white.alert {
        color: #ffffff;
    }

        .border-white.alert.alert-dismissible .close {
            color: #ffffff;
        }

        .border-white.alert .alert-link {
            color: #ffffff;
        }

.border-top-white {
    border-top: 1px solid #ffffff;
}

.border-bottom-white {
    border-bottom: 1px solid #ffffff;
}

.border-left-white {
    border-left: 1px solid #ffffff;
}

.border-right-white {
    border-right: 1px solid #ffffff;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-white .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #ffffff !important;
}

/* Badges */
/* ------ */
.badge.badge-white {
    background-color: #ffffff;
}

.badge.badge-light-white {
    background-color: rgba(255, 255, 255, 0.17);
    color: #ffffff !important;
}

.badge.bg-white.badge-glow, .badge.border-white.badge-glow, .badge.badge-white.badge-glow {
    box-shadow: 0px 0px 10px #ffffff;
}

.badge-circle-white {
    background-color: #ffffff;
}

.badge-circle-light-white {
    background-color: rgba(255, 255, 255, 0.17);
    color: #ffffff;
}

.overlay-white {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-white {
    background-color: #ffffff !important;
    color: #fff;
}

    .btn-white:hover, .btn-white.hover {
        color: #fff;
    }

        .btn-white:hover.glow, .btn-white.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(255, 255, 255, 0.6) !important;
        }

    .btn-white:focus, .btn-white:active, .btn-white.active {
        color: #fff !important;
    }

    .btn-white.glow {
        box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.5) !important;
    }

    .btn-white:disabled, .btn-white.disabled {
        color: #fff !important;
    }

.btn-light-white {
    color: #ffffff !important;
}

    .btn-light-white:hover, .btn-light-white.hover {
        color: #fff !important;
    }

    .btn-light-white:active, .btn-light-white.active {
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-white {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff !important;
}

    .btn-outline-white:hover, .btn-outline-white.hover {
        color: #fff !important;
    }

    .btn-outline-white:active, .btn-outline-white.active {
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-white ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-white ~ .dropdown-menu .dropdown-item.active {
        background-color: #ffffff;
        color: #fff;
    }

        .btn-white ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:hover i {
    color: #ffffff;
}

.dropdown.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-white ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-white ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet white */
.bullet.bullet-white {
    background-color: #ffffff;
}

/* For Pagination */
/* -------------- */
.pagination-white .page-item.active .page-link,
.pagination-white .page-item.active .page-link:hover {
    background: #ffffff !important;
    color: #fff;
}

.pagination-white .page-item.previous .page-link, .pagination-white .page-item.next .page-link {
    color: #ffffff !important;
}

    .pagination-white .page-item.previous .page-link:hover, .pagination-white .page-item.next .page-link:hover {
        background: #ffffff;
    }

    .pagination-white .page-item.previous .page-link span, .pagination-white .page-item.next .page-link span {
        color: #ffffff;
    }

/* Progress Bars white */
/* ---------------------- */
.progress-bar-white .progress-bar {
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.6);
}

/* Chips white */
/* ---------------- */
.chip-white {
    background-color: #ffffff !important;
}

    .chip-white .chip-body {
        color: #fff !important;
    }

/* Divider white */
/* ---------------*/
.divider.divider-white .divider-text:before, .divider.divider-white .divider-text:after {
    border-color: #ffffff !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-white:before {
    background: #ffffff !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-white + .custom-control-label:before, input[type="radio"].bg-white + .custom-control-label:before {
    background-color: #ffffff !important;
}

.checkbox.checkbox-white input:checked ~ label::before {
    background-color: #ffffff;
    border-color: #ffffff;
}

.checkbox.checkbox-white input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-white.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.7);
}

.checkbox.checkbox-white.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-white label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-white input:checked ~ label::before {
    background-color: #ffffff;
    border-color: #ffffff;
}

.radio.radio-white input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-white.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffffff !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-white.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-white,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-white {
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=white]:before {
    background-color: #ffffff;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #ffffff;
}

/* Select2 white */
/* ---------------*/
select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-white ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #ffffff !important;
}

/* black Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.black {
    color: #000000 !important;
}

/* text with light black */
.text-light-black {
    color: rgba(0, 0, 0, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-black {
    background-color: #000000 !important;
}

    .bg-black .card-header,
    .bg-black .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-black {
    background: rgba(0, 0, 0, 0.2) !important;
}

    .bg-rgba-black.alert {
        color: #000000;
    }

        .bg-rgba-black.alert.alert-dismissible .close {
            color: #000000;
        }

        .bg-rgba-black.alert .alert-link {
            color: #000000;
        }

/* Alert black */
/* ---------------- */
.alert.alert-black {
    background: #000000 !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.4);
    border: none;
}

/* Border black */
/* ---------------- */
.border-black {
    border: 1px solid #000000 !important;
}

    .border-black.alert {
        color: #000000;
    }

        .border-black.alert.alert-dismissible .close {
            color: #000000;
        }

        .border-black.alert .alert-link {
            color: #000000;
        }

.border-top-black {
    border-top: 1px solid #000000;
}

.border-bottom-black {
    border-bottom: 1px solid #000000;
}

.border-left-black {
    border-left: 1px solid #000000;
}

.border-right-black {
    border-right: 1px solid #000000;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-black .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #000000 !important;
}

/* Badges */
/* ------ */
.badge.badge-black {
    background-color: #000000;
}

.badge.badge-light-black {
    background-color: rgba(0, 0, 0, 0.17);
    color: #000000 !important;
}

.badge.bg-black.badge-glow, .badge.border-black.badge-glow, .badge.badge-black.badge-glow {
    box-shadow: 0px 0px 10px #000000;
}

.badge-circle-black {
    background-color: #000000;
}

.badge-circle-light-black {
    background-color: rgba(0, 0, 0, 0.17);
    color: #000000;
}

.overlay-black {
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-black {
    background-color: #000000 !important;
    color: #fff;
}

    .btn-black:hover, .btn-black.hover {
        color: #fff;
    }

        .btn-black:hover.glow, .btn-black.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.6) !important;
        }

    .btn-black:focus, .btn-black:active, .btn-black.active {
        color: #fff !important;
    }

    .btn-black.glow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    }

    .btn-black:disabled, .btn-black.disabled {
        color: #fff !important;
    }

.btn-light-black {
    color: #000000 !important;
}

    .btn-light-black:hover, .btn-light-black.hover {
        color: #fff !important;
    }

    .btn-light-black:active, .btn-light-black.active {
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-black {
    border: 1px solid #000000;
    background-color: transparent;
    color: #000000 !important;
}

    .btn-outline-black:hover, .btn-outline-black.hover {
        color: #fff !important;
    }

    .btn-outline-black:active, .btn-outline-black.active {
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-black ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-black ~ .dropdown-menu .dropdown-item.active {
        background-color: #000000;
        color: #fff;
    }

        .btn-black ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:hover i {
    color: #000000;
}

.dropdown.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-black ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-black ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet black */
.bullet.bullet-black {
    background-color: #000000;
}

/* For Pagination */
/* -------------- */
.pagination-black .page-item.active .page-link,
.pagination-black .page-item.active .page-link:hover {
    background: #000000 !important;
    color: #fff;
}

.pagination-black .page-item.previous .page-link, .pagination-black .page-item.next .page-link {
    color: #000000 !important;
}

    .pagination-black .page-item.previous .page-link:hover, .pagination-black .page-item.next .page-link:hover {
        background: #000000;
    }

    .pagination-black .page-item.previous .page-link span, .pagination-black .page-item.next .page-link span {
        color: #000000;
    }

/* Progress Bars black */
/* ---------------------- */
.progress-bar-black .progress-bar {
    background-color: #000000;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.6);
}

/* Chips black */
/* ---------------- */
.chip-black {
    background-color: #000000 !important;
}

    .chip-black .chip-body {
        color: #fff !important;
    }

/* Divider black */
/* ---------------*/
.divider.divider-black .divider-text:before, .divider.divider-black .divider-text:after {
    border-color: #000000 !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-black:before {
    background: #000000 !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-black + .custom-control-label:before, input[type="radio"].bg-black + .custom-control-label:before {
    background-color: #000000 !important;
}

.checkbox.checkbox-black input:checked ~ label::before {
    background-color: #000000;
    border-color: #000000;
}

.checkbox.checkbox-black input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-black.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
}

.checkbox.checkbox-black.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-black label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-black input:checked ~ label::before {
    background-color: #000000;
    border-color: #000000;
}

.radio.radio-black input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-black.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #000000 !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-black.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-black,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-black {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=black]:before {
    background-color: #000000;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #000000;
}

/* Select2 black */
/* ---------------*/
select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-black ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #000000 !important;
}

/* dark Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.dark {
    color: #394C62 !important;
}

/* text with light dark */
.text-light-dark {
    color: rgba(57, 76, 98, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-dark {
    background-color: #394C62 !important;
}

    .bg-dark .card-header,
    .bg-dark .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-dark {
    background: rgba(57, 76, 98, 0.2) !important;
}

    .bg-rgba-dark.alert {
        color: #394C62;
    }

        .bg-rgba-dark.alert.alert-dismissible .close {
            color: #394C62;
        }

        .bg-rgba-dark.alert .alert-link {
            color: #394C62;
        }

/* Alert dark */
/* ---------------- */
.alert.alert-dark {
    background: #394C62 !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(57, 76, 98, 0.4);
    border: none;
}

/* Border dark */
/* ---------------- */
.border-dark {
    border: 1px solid #394C62 !important;
}

    .border-dark.alert {
        color: #394C62;
    }

        .border-dark.alert.alert-dismissible .close {
            color: #394C62;
        }

        .border-dark.alert .alert-link {
            color: #394C62;
        }

.border-top-dark {
    border-top: 1px solid #394C62;
}

.border-bottom-dark {
    border-bottom: 1px solid #394C62;
}

.border-left-dark {
    border-left: 1px solid #394C62;
}

.border-right-dark {
    border-right: 1px solid #394C62;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-dark .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #394C62 !important;
}

/* Badges */
/* ------ */
.badge.badge-dark {
    background-color: #394C62;
}

.badge.badge-light-dark {
    background-color: rgba(57, 76, 98, 0.17);
    color: #394C62 !important;
}

.badge.bg-dark.badge-glow, .badge.border-dark.badge-glow, .badge.badge-dark.badge-glow {
    box-shadow: 0px 0px 10px #394C62;
}

.badge-circle-dark {
    background-color: #394C62;
}

.badge-circle-light-dark {
    background-color: rgba(57, 76, 98, 0.17);
    color: #394C62;
}

.overlay-dark {
    background: #394C62;
    background: rgba(57, 76, 98, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-dark {
    background-color: #394C62 !important;
    color: #fff;
}

    .btn-dark:hover, .btn-dark.hover {
        color: #fff;
    }

        .btn-dark:hover.glow, .btn-dark.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(57, 76, 98, 0.6) !important;
        }

    .btn-dark:focus, .btn-dark:active, .btn-dark.active {
        color: #fff !important;
    }

    .btn-dark.glow {
        box-shadow: 0 2px 4px 0 rgba(57, 76, 98, 0.5) !important;
    }

    .btn-dark:disabled, .btn-dark.disabled {
        color: #fff !important;
    }

.btn-light-dark {
    color: #394C62 !important;
}

    .btn-light-dark:hover, .btn-light-dark.hover {
        color: #fff !important;
    }

    .btn-light-dark:active, .btn-light-dark.active {
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-dark {
    border: 1px solid #394C62;
    background-color: transparent;
    color: #394C62 !important;
}

    .btn-outline-dark:hover, .btn-outline-dark.hover {
        color: #fff !important;
    }

    .btn-outline-dark:active, .btn-outline-dark.active {
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-dark ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-dark ~ .dropdown-menu .dropdown-item.active {
        background-color: #394C62;
        color: #fff;
    }

        .btn-dark ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover i {
    color: #394C62;
}

.dropdown.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-dark ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-dark ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet dark */
.bullet.bullet-dark {
    background-color: #394C62;
}

/* For Pagination */
/* -------------- */
.pagination-dark .page-item.active .page-link,
.pagination-dark .page-item.active .page-link:hover {
    background: #394C62 !important;
    color: #fff;
}

.pagination-dark .page-item.previous .page-link, .pagination-dark .page-item.next .page-link {
    color: #394C62 !important;
}

    .pagination-dark .page-item.previous .page-link:hover, .pagination-dark .page-item.next .page-link:hover {
        background: #394C62;
    }

    .pagination-dark .page-item.previous .page-link span, .pagination-dark .page-item.next .page-link span {
        color: #394C62;
    }

/* Progress Bars dark */
/* ---------------------- */
.progress-bar-dark .progress-bar {
    background-color: #394C62;
    box-shadow: 0 2px 6px 0 rgba(57, 76, 98, 0.6);
}

/* Chips dark */
/* ---------------- */
.chip-dark {
    background-color: #394C62 !important;
}

    .chip-dark .chip-body {
        color: #fff !important;
    }

/* Divider dark */
/* ---------------*/
.divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
    border-color: #394C62 !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-dark:before {
    background: #394C62 !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-dark + .custom-control-label:before, input[type="radio"].bg-dark + .custom-control-label:before {
    background-color: #394C62 !important;
}

.checkbox.checkbox-dark input:checked ~ label::before {
    background-color: #394C62;
    border-color: #394C62;
}

.checkbox.checkbox-dark input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-dark.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57, 76, 98, 0.7);
}

.checkbox.checkbox-dark.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-dark label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-dark input:checked ~ label::before {
    background-color: #394C62;
    border-color: #394C62;
}

.radio.radio-dark input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-dark.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57, 76, 98, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #394C62 !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-dark.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57, 76, 98, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-dark,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-dark {
    box-shadow: 0 0 8px 0 rgba(57, 76, 98, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=dark]:before {
    background-color: #394C62;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #394C62;
}

/* Select2 dark */
/* ---------------*/
select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-dark ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #394C62 !important;
}

/* light Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.light {
    color: #A3AFBD !important;
}

/* text with light light */
.text-light-light {
    color: rgba(163, 175, 189, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-light {
    background-color: #A3AFBD !important;
}

    .bg-light .card-header,
    .bg-light .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-light {
    background: rgba(163, 175, 189, 0.2) !important;
}

    .bg-rgba-light.alert {
        color: #A3AFBD;
    }

        .bg-rgba-light.alert.alert-dismissible .close {
            color: #A3AFBD;
        }

        .bg-rgba-light.alert .alert-link {
            color: #A3AFBD;
        }

/* Alert light */
/* ---------------- */
.alert.alert-light {
    background: #A3AFBD !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(163, 175, 189, 0.4);
    border: none;
}

/* Border light */
/* ---------------- */
.border-light {
    border: 1px solid #A3AFBD !important;
}

    .border-light.alert {
        color: #A3AFBD;
    }

        .border-light.alert.alert-dismissible .close {
            color: #A3AFBD;
        }

        .border-light.alert .alert-link {
            color: #A3AFBD;
        }

.border-top-light {
    border-top: 1px solid #A3AFBD;
}

.border-bottom-light {
    border-bottom: 1px solid #A3AFBD;
}

.border-left-light {
    border-left: 1px solid #A3AFBD;
}

.border-right-light {
    border-right: 1px solid #A3AFBD;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-light .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #A3AFBD !important;
}

/* Badges */
/* ------ */
.badge.badge-light {
    background-color: #A3AFBD;
}

.badge.badge-light-light {
    background-color: rgba(163, 175, 189, 0.17);
    color: #A3AFBD !important;
}

.badge.bg-light.badge-glow, .badge.border-light.badge-glow, .badge.badge-light.badge-glow {
    box-shadow: 0px 0px 10px #A3AFBD;
}

.badge-circle-light {
    background-color: #A3AFBD;
}

.badge-circle-light-light {
    background-color: rgba(163, 175, 189, 0.17);
    color: #A3AFBD;
}

.overlay-light {
    background: #A3AFBD;
    background: rgba(163, 175, 189, 0.6);
}

/* Basic buttons */
/* ------------- */

.btn-light:hover, .btn-light.hover {
    color: #fff;
}

    .btn-light:hover.glow, .btn-light.hover.glow {
        box-shadow: 0 4px 12px 0 rgba(163, 175, 189, 0.6) !important;
    }

.btn-light.glow {
    box-shadow: 0 2px 4px 0 rgba(163, 175, 189, 0.5) !important;
}

.btn-light:disabled, .btn-light.disabled {
    color: #fff !important;
}

.btn-light-light {
    color: #A3AFBD !important;
}

    .btn-light-light:hover, .btn-light-light.hover {
        color: #fff !important;
    }

    .btn-light-light:active, .btn-light-light.active {
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-light {
    border: 1px solid #A3AFBD;
    background-color: transparent;
    color: #A3AFBD !important;
}

    .btn-outline-light:hover, .btn-outline-light.hover {
        color: #fff !important;
    }

    .btn-outline-light:active, .btn-outline-light.active {
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-light ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-light ~ .dropdown-menu .dropdown-item.active {
        background-color: #A3AFBD;
        color: #fff;
    }

        .btn-light ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:hover i {
    color: #A3AFBD;
}

.dropdown.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-light ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-light ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet light */
.bullet.bullet-light {
    background-color: #A3AFBD;
}

/* For Pagination */
/* -------------- */
.pagination-light .page-item.active .page-link,
.pagination-light .page-item.active .page-link:hover {
    background: #A3AFBD !important;
    color: #fff;
}

.pagination-light .page-item.previous .page-link, .pagination-light .page-item.next .page-link {
    color: #A3AFBD !important;
}

    .pagination-light .page-item.previous .page-link:hover, .pagination-light .page-item.next .page-link:hover {
        background: #A3AFBD;
    }

    .pagination-light .page-item.previous .page-link span, .pagination-light .page-item.next .page-link span {
        color: #A3AFBD;
    }

/* Progress Bars light */
/* ---------------------- */
.progress-bar-light .progress-bar {
    background-color: #A3AFBD;
    box-shadow: 0 2px 6px 0 rgba(163, 175, 189, 0.6);
}

/* Chips light */
/* ---------------- */
.chip-light {
    background-color: #A3AFBD !important;
}

    .chip-light .chip-body {
        color: #fff !important;
    }

/* Divider light */
/* ---------------*/
.divider.divider-light .divider-text:before, .divider.divider-light .divider-text:after {
    border-color: #A3AFBD !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-light:before {
    background: #A3AFBD !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-light + .custom-control-label:before, input[type="radio"].bg-light + .custom-control-label:before {
    background-color: #A3AFBD !important;
}

.checkbox.checkbox-light input:checked ~ label::before {
    background-color: #A3AFBD;
    border-color: #A3AFBD;
}

.checkbox.checkbox-light input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-light.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(163, 175, 189, 0.7);
}

.checkbox.checkbox-light.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-light label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-light input:checked ~ label::before {
    background-color: #A3AFBD;
    border-color: #A3AFBD;
}

.radio.radio-light input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-light.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(163, 175, 189, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #A3AFBD !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-light.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(163, 175, 189, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-light,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-light {
    box-shadow: 0 0 8px 0 rgba(163, 175, 189, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=light]:before {
    background-color: #A3AFBD;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #A3AFBD;
}

/* Select2 light */
/* ---------------*/
select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-light ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #A3AFBD !important;
}

.primary.lighten-5 {
    color: #ceddfa !important;
}

.bg-primary.bg-lighten-5 {
    background-color: #ceddfa !important;
}

.btn-primary.btn-lighten-5 {
    border-color: #2c6de9 !important;
    background-color: #ceddfa !important;
}

    .btn-primary.btn-lighten-5:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-lighten-5 {
    border-color: #ceddfa !important;
    color: #ceddfa !important;
}

    .btn-outline-primary.btn-outline-lighten-5:hover {
        background-color: #ceddfa !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ceddfa !important;
}

.border-primary.border-lighten-5 {
    border: 1px solid #ceddfa !important;
}

.border-top-primary.border-top-lighten-5 {
    border-top: 1px solid #ceddfa !important;
}

.border-bottom-primary.border-bottom-lighten-5 {
    border-bottom: 1px solid #ceddfa !important;
}

.border-left-primary.border-left-lighten-5 {
    border-left: 1px solid #ceddfa !important;
}

.border-right-primary.border-right-lighten-5 {
    border-right: 1px solid #ceddfa !important;
}

.overlay-primary.overlay-lighten-5 {
    background: #ceddfa;
    background: rgba(206, 221, 250, 0.6);
}

.primary.lighten-4 {
    color: #b6cdf8 !important;
}

.bg-primary.bg-lighten-4 {
    background-color: #b6cdf8 !important;
}

.btn-primary.btn-lighten-4 {
    border-color: #2c6de9 !important;
    background-color: #b6cdf8 !important;
}

    .btn-primary.btn-lighten-4:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-lighten-4 {
    border-color: #b6cdf8 !important;
    color: #b6cdf8 !important;
}

    .btn-outline-primary.btn-outline-lighten-4:hover {
        background-color: #b6cdf8 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b6cdf8 !important;
}

.border-primary.border-lighten-4 {
    border: 1px solid #b6cdf8 !important;
}

.border-top-primary.border-top-lighten-4 {
    border-top: 1px solid #b6cdf8 !important;
}

.border-bottom-primary.border-bottom-lighten-4 {
    border-bottom: 1px solid #b6cdf8 !important;
}

.border-left-primary.border-left-lighten-4 {
    border-left: 1px solid #b6cdf8 !important;
}

.border-right-primary.border-right-lighten-4 {
    border-right: 1px solid #b6cdf8 !important;
}

.overlay-primary.overlay-lighten-4 {
    background: #b6cdf8;
    background: rgba(182, 205, 248, 0.6);
}

.primary.lighten-3 {
    color: #9fbdf5 !important;
}

.bg-primary.bg-lighten-3 {
    background-color: #9fbdf5 !important;
}

.btn-primary.btn-lighten-3 {
    border-color: #2c6de9 !important;
    background-color: #9fbdf5 !important;
}

    .btn-primary.btn-lighten-3:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-lighten-3 {
    border-color: #9fbdf5 !important;
    color: #9fbdf5 !important;
}

    .btn-outline-primary.btn-outline-lighten-3:hover {
        background-color: #9fbdf5 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9fbdf5 !important;
}

.border-primary.border-lighten-3 {
    border: 1px solid #9fbdf5 !important;
}

.border-top-primary.border-top-lighten-3 {
    border-top: 1px solid #9fbdf5 !important;
}

.border-bottom-primary.border-bottom-lighten-3 {
    border-bottom: 1px solid #9fbdf5 !important;
}

.border-left-primary.border-left-lighten-3 {
    border-left: 1px solid #9fbdf5 !important;
}

.border-right-primary.border-right-lighten-3 {
    border-right: 1px solid #9fbdf5 !important;
}

.overlay-primary.overlay-lighten-3 {
    background: #9fbdf5;
    background: rgba(159, 189, 245, 0.6);
}

.primary.lighten-2 {
    color: #88adf3 !important;
}

.bg-primary.bg-lighten-2 {
    background-color: #88adf3 !important;
}

.btn-primary.btn-lighten-2 {
    border-color: #2c6de9 !important;
    background-color: #88adf3 !important;
}

    .btn-primary.btn-lighten-2:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-lighten-2 {
    border-color: #88adf3 !important;
    color: #88adf3 !important;
}

    .btn-outline-primary.btn-outline-lighten-2:hover {
        background-color: #88adf3 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #88adf3 !important;
}

.border-primary.border-lighten-2 {
    border: 1px solid #88adf3 !important;
}

.border-top-primary.border-top-lighten-2 {
    border-top: 1px solid #88adf3 !important;
}

.border-bottom-primary.border-bottom-lighten-2 {
    border-bottom: 1px solid #88adf3 !important;
}

.border-left-primary.border-left-lighten-2 {
    border-left: 1px solid #88adf3 !important;
}

.border-right-primary.border-right-lighten-2 {
    border-right: 1px solid #88adf3 !important;
}

.overlay-primary.overlay-lighten-2 {
    background: #88adf3;
    background: rgba(136, 173, 243, 0.6);
}

.primary.lighten-1 {
    color: #719df0 !important;
}

.bg-primary.bg-lighten-1 {
    background-color: #719df0 !important;
}

.btn-primary.btn-lighten-1 {
    border-color: #2c6de9 !important;
    background-color: #719df0 !important;
}

    .btn-primary.btn-lighten-1:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-lighten-1 {
    border-color: #719df0 !important;
    color: #719df0 !important;
}

    .btn-outline-primary.btn-outline-lighten-1:hover {
        background-color: #719df0 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #719df0 !important;
}

.border-primary.border-lighten-1 {
    border: 1px solid #719df0 !important;
}

.border-top-primary.border-top-lighten-1 {
    border-top: 1px solid #719df0 !important;
}

.border-bottom-primary.border-bottom-lighten-1 {
    border-bottom: 1px solid #719df0 !important;
}

.border-left-primary.border-left-lighten-1 {
    border-left: 1px solid #719df0 !important;
}

.border-right-primary.border-right-lighten-1 {
    border-right: 1px solid #719df0 !important;
}

.overlay-primary.overlay-lighten-1 {
    background: #719df0;
    background: rgba(113, 157, 240, 0.6);
}

/* primary Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.primary {
    color: #5A8DEE !important;
}

/* text with light primary */
.text-light-primary {
    color: rgba(90, 141, 238, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-primary {
    background-color: #5A8DEE !important;
}

    .bg-primary .card-header,
    .bg-primary .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-primary {
    background: rgba(90, 141, 238, 0.2) !important;
}

    .bg-rgba-primary.alert {
        color: #5A8DEE;
    }

        .bg-rgba-primary.alert.alert-dismissible .close {
            color: #5A8DEE;
        }

        .bg-rgba-primary.alert .alert-link {
            color: #5A8DEE;
        }

/* Alert primary */
/* ---------------- */
.alert.alert-primary {
    background: #5A8DEE !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(90, 141, 238, 0.4);
    border: none;
}

/* Border primary */
/* ---------------- */
.border-primary {
    border: 1px solid #5A8DEE !important;
}

    .border-primary .select2-selection__arrow b {
        border-color: #2c6de9 !important;
    }

    .border-primary.alert {
        color: #5A8DEE;
    }

        .border-primary.alert.alert-dismissible .close {
            color: #5A8DEE;
        }

        .border-primary.alert .alert-link {
            color: #5A8DEE;
        }

.border-top-primary {
    border-top: 1px solid #5A8DEE;
}

.border-bottom-primary {
    border-bottom: 1px solid #5A8DEE;
}

.border-left-primary {
    border-left: 1px solid #5A8DEE;
}

.border-right-primary {
    border-right: 1px solid #5A8DEE;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-primary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #5A8DEE !important;
}

/* Badges */
/* ------ */
.badge.badge-primary {
    background-color: #5A8DEE;
}

.badge.badge-light-primary {
    background-color: rgba(90, 141, 238, 0.17);
    color: #5A8DEE !important;
}

.badge.bg-primary.badge-glow, .badge.border-primary.badge-glow, .badge.badge-primary.badge-glow {
    box-shadow: 0px 0px 10px #5A8DEE;
}

.badge-circle-primary {
    background-color: #5A8DEE;
}

.badge-circle-light-primary {
    background-color: rgba(90, 141, 238, 0.17);
    color: #5A8DEE;
}

.overlay-primary {
    background: #5A8DEE;
    background: rgba(90, 141, 238, 0.6);
}

.swal2-container .swal2-modal .swal2-confirm {
    background-color: #5a8dee !important;
}

/* Basic buttons */
/* ------------- */
.btn-primary {
    border: none;
    background-color: #5a8dee !important;
    color: #fff;
}

    .btn-primary:hover, .btn-primary.hover {
        background-color: #5a8dee !important;
        color: #fff;
    }

        .btn-primary:hover.glow, .btn-primary.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(90, 141, 238, 0.6) !important;
        }

    .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background-color: #5a8dee !important;
        color: #fff !important;
    }

    .btn-primary.glow {
        box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0) !important;
    }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #fff !important;
    }

.btn-light-primary {
    background-color: rgba(90, 141, 238, 0.17);
    color: #5A8DEE !important;
}

    .btn-light-primary:hover, .btn-light-primary.hover {
        background-color: #5a8dee !important;
        color: #fff !important;
    }

    .btn-light-primary:active, .btn-light-primary.active {
        background-color: #5a8dee !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-primary {
    border: 1px solid #5A8DEE;
    background-color: transparent;
    color: #5A8DEE !important;
}

    .btn-outline-primary:hover, .btn-outline-primary.hover {
        background-color: #719df0 !important;
        color: #fff !important;
    }

    .btn-outline-primary:active, .btn-outline-primary.active {
        background-color: #437dec !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-primary ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-primary ~ .dropdown-menu .dropdown-item.active {
        background-color: #5A8DEE;
        color: #fff;
    }

        .btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:hover i {
    color: #5A8DEE;
}

.dropdown.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-primary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-primary ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet primary */
.bullet.bullet-primary {
    background-color: #5A8DEE;
}

/* For Pagination */
/* -------------- */
.pagination-primary .page-item.active .page-link,
.pagination-primary .page-item.active .page-link:hover {
    background: #5A8DEE !important;
    color: #fff;
}

.pagination-primary .page-item .page-link:hover {
    background-color: rgba(90, 141, 238, 0.17) !important;
}

.pagination-primary .page-item.previous .page-link, .pagination-primary .page-item.next .page-link {
    color: #5A8DEE !important;
}

    .pagination-primary .page-item.previous .page-link:hover, .pagination-primary .page-item.next .page-link:hover {
        background: #5A8DEE;
    }

    .pagination-primary .page-item.previous .page-link span, .pagination-primary .page-item.next .page-link span {
        color: #5A8DEE;
    }

/* Progress Bars primary */
/* ---------------------- */
.progress-bar-primary .progress-bar {
    background-color: #5A8DEE;
    box-shadow: 0 2px 6px 0 rgba(90, 141, 238, 0.6);
}

/* Chips primary */
/* ---------------- */
.chip-primary {
    background-color: #5A8DEE !important;
}

    .chip-primary .chip-body {
        color: #fff !important;
    }

/* Divider primary */
/* ---------------*/
.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
    border-color: #5A8DEE !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-primary:before {
    background: #5A8DEE !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-primary + .custom-control-label:before, input[type="radio"].bg-primary + .custom-control-label:before {
    background-color: #5A8DEE !important;
    border-color: #2c6de9 !important;
}

.checkbox.checkbox-primary input:checked ~ label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE;
}

.checkbox.checkbox-primary input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-primary.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(90, 141, 238, 0.7);
}

.checkbox.checkbox-primary.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-primary label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-primary input:checked ~ label::before {
    background-color: #5A8DEE;
    border-color: #5A8DEE;
}

.radio.radio-primary input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-primary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(90, 141, 238, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #5A8DEE !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-primary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(90, 141, 238, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-primary,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-primary {
    box-shadow: 0 0 8px 0 rgba(90, 141, 238, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=primary]:before {
    background-color: #5A8DEE;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #5A8DEE;
}

/* Select2 primary */
/* ---------------*/
select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(90, 141, 238, 0.17) !important;
}

select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-primary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #5A8DEE !important;
}

.primary.darken-1 {
    color: #437dec !important;
}

.bg-primary.bg-darken-1 {
    background-color: #437dec !important;
}

.btn-primary.btn-darken-1 {
    border-color: #2c6de9 !important;
    background-color: #437dec !important;
}

    .btn-primary.btn-darken-1:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-darken-1 {
    border-color: #437dec !important;
    color: #437dec !important;
}

    .btn-outline-primary.btn-outline-darken-1:hover {
        background-color: #437dec !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #437dec !important;
}

.border-primary.border-darken-1 {
    border: 1px solid #437dec !important;
}

.border-top-primary.border-top-darken-1 {
    border-top: 1px solid #437dec !important;
}

.border-bottom-primary.border-bottom-darken-1 {
    border-bottom: 1px solid #437dec !important;
}

.border-left-primary.border-left-darken-1 {
    border-left: 1px solid #437dec !important;
}

.border-right-primary.border-right-darken-1 {
    border-right: 1px solid #437dec !important;
}

.overlay-primary.overlay-darken-1 {
    background: #437dec;
    background: rgba(67, 125, 236, 0.6);
}

.primary.darken-2 {
    color: #2c6de9 !important;
}

.bg-primary.bg-darken-2 {
    background-color: #2c6de9 !important;
}

.btn-primary.btn-darken-2 {
    border-color: #2c6de9 !important;
    background-color: #2c6de9 !important;
}

    .btn-primary.btn-darken-2:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-darken-2 {
    border-color: #2c6de9 !important;
    color: #2c6de9 !important;
}

    .btn-outline-primary.btn-outline-darken-2:hover {
        background-color: #2c6de9 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2c6de9 !important;
}

.border-primary.border-darken-2 {
    border: 1px solid #2c6de9 !important;
}

.border-top-primary.border-top-darken-2 {
    border-top: 1px solid #2c6de9 !important;
}

.border-bottom-primary.border-bottom-darken-2 {
    border-bottom: 1px solid #2c6de9 !important;
}

.border-left-primary.border-left-darken-2 {
    border-left: 1px solid #2c6de9 !important;
}

.border-right-primary.border-right-darken-2 {
    border-right: 1px solid #2c6de9 !important;
}

.overlay-primary.overlay-darken-2 {
    background: #2c6de9;
    background: rgba(44, 109, 233, 0.6);
}

.primary.darken-3 {
    color: #175ee4 !important;
}

.bg-primary.bg-darken-3 {
    background-color: #175ee4 !important;
}

.btn-primary.btn-darken-3 {
    border-color: #2c6de9 !important;
    background-color: #175ee4 !important;
}

    .btn-primary.btn-darken-3:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-darken-3 {
    border-color: #175ee4 !important;
    color: #175ee4 !important;
}

    .btn-outline-primary.btn-outline-darken-3:hover {
        background-color: #175ee4 !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #175ee4 !important;
}

.border-primary.border-darken-3 {
    border: 1px solid #175ee4 !important;
}

.border-top-primary.border-top-darken-3 {
    border-top: 1px solid #175ee4 !important;
}

.border-bottom-primary.border-bottom-darken-3 {
    border-bottom: 1px solid #175ee4 !important;
}

.border-left-primary.border-left-darken-3 {
    border-left: 1px solid #175ee4 !important;
}

.border-right-primary.border-right-darken-3 {
    border-right: 1px solid #175ee4 !important;
}

.overlay-primary.overlay-darken-3 {
    background: #175ee4;
    background: rgba(23, 94, 228, 0.6);
}

.primary.darken-4 {
    color: #1554cd !important;
}

.bg-primary.bg-darken-4 {
    background-color: #1554cd !important;
}

.btn-primary.btn-darken-4 {
    border-color: #2c6de9 !important;
    background-color: #1554cd !important;
}

    .btn-primary.btn-darken-4:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-darken-4 {
    border-color: #1554cd !important;
    color: #1554cd !important;
}

    .btn-outline-primary.btn-outline-darken-4:hover {
        background-color: #1554cd !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1554cd !important;
}

.border-primary.border-darken-4 {
    border: 1px solid #1554cd !important;
}

.border-top-primary.border-top-darken-4 {
    border-top: 1px solid #1554cd !important;
}

.border-bottom-primary.border-bottom-darken-4 {
    border-bottom: 1px solid #1554cd !important;
}

.border-left-primary.border-left-darken-4 {
    border-left: 1px solid #1554cd !important;
}

.border-right-primary.border-right-darken-4 {
    border-right: 1px solid #1554cd !important;
}

.overlay-primary.overlay-darken-4 {
    background: #1554cd;
    background: rgba(21, 84, 205, 0.6);
}

.primary.accent-1 {
    color: #bdfdff !important;
}

.bg-primary.bg-accent-1 {
    background-color: #bdfdff !important;
}

.btn-primary.btn-accent-1 {
    border-color: #2c6de9 !important;
    background-color: #bdfdff !important;
}

    .btn-primary.btn-accent-1:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-accent-1 {
    border-color: #bdfdff !important;
    color: #bdfdff !important;
}

    .btn-outline-primary.btn-outline-accent-1:hover {
        background-color: #bdfdff !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdfdff !important;
}

.border-primary.border-accent-1 {
    border: 1px solid #bdfdff !important;
}

.border-top-primary.border-top-accent-1 {
    border-top: 1px solid #bdfdff !important;
}

.border-bottom-primary.border-bottom-accent-1 {
    border-bottom: 1px solid #bdfdff !important;
}

.border-left-primary.border-left-accent-1 {
    border-left: 1px solid #bdfdff !important;
}

.border-right-primary.border-right-accent-1 {
    border-right: 1px solid #bdfdff !important;
}

.overlay-primary.overlay-accent-1 {
    background: #bdfdff;
    background: rgba(189, 253, 255, 0.6);
}

.primary.accent-2 {
    color: #8afbff !important;
}

.bg-primary.bg-accent-2 {
    background-color: #8afbff !important;
}

.btn-primary.btn-accent-2 {
    border-color: #2c6de9 !important;
    background-color: #8afbff !important;
}

    .btn-primary.btn-accent-2:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-accent-2 {
    border-color: #8afbff !important;
    color: #8afbff !important;
}

    .btn-outline-primary.btn-outline-accent-2:hover {
        background-color: #8afbff !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8afbff !important;
}

.border-primary.border-accent-2 {
    border: 1px solid #8afbff !important;
}

.border-top-primary.border-top-accent-2 {
    border-top: 1px solid #8afbff !important;
}

.border-bottom-primary.border-bottom-accent-2 {
    border-bottom: 1px solid #8afbff !important;
}

.border-left-primary.border-left-accent-2 {
    border-left: 1px solid #8afbff !important;
}

.border-right-primary.border-right-accent-2 {
    border-right: 1px solid #8afbff !important;
}

.overlay-primary.overlay-accent-2 {
    background: #8afbff;
    background: rgba(138, 251, 255, 0.6);
}

.primary.accent-3 {
    color: #57faff !important;
}

.bg-primary.bg-accent-3 {
    background-color: #57faff !important;
}

.btn-primary.btn-accent-3 {
    border-color: #2c6de9 !important;
    background-color: #57faff !important;
}

    .btn-primary.btn-accent-3:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-accent-3 {
    border-color: #57faff !important;
    color: #57faff !important;
}

    .btn-outline-primary.btn-outline-accent-3:hover {
        background-color: #57faff !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #57faff !important;
}

.border-primary.border-accent-3 {
    border: 1px solid #57faff !important;
}

.border-top-primary.border-top-accent-3 {
    border-top: 1px solid #57faff !important;
}

.border-bottom-primary.border-bottom-accent-3 {
    border-bottom: 1px solid #57faff !important;
}

.border-left-primary.border-left-accent-3 {
    border-left: 1px solid #57faff !important;
}

.border-right-primary.border-right-accent-3 {
    border-right: 1px solid #57faff !important;
}

.overlay-primary.overlay-accent-3 {
    background: #57faff;
    background: rgba(87, 250, 255, 0.6);
}

.primary.accent-4 {
    color: #3df9ff !important;
}

.bg-primary.bg-accent-4 {
    background-color: #3df9ff !important;
}

.btn-primary.btn-accent-4 {
    border-color: #2c6de9 !important;
    background-color: #3df9ff !important;
}

    .btn-primary.btn-accent-4:hover {
        border-color: #2c6de9 !important;
        background-color: #175ee4 !important;
    }

    .btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active {
        border-color: #175ee4 !important;
        background-color: #1554cd !important;
    }

.btn-outline-primary.btn-outline-accent-4 {
    border-color: #3df9ff !important;
    color: #3df9ff !important;
}

    .btn-outline-primary.btn-outline-accent-4:hover {
        background-color: #3df9ff !important;
    }

input:focus ~ .bg-primary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3df9ff !important;
}

.border-primary.border-accent-4 {
    border: 1px solid #3df9ff !important;
}

.border-top-primary.border-top-accent-4 {
    border-top: 1px solid #3df9ff !important;
}

.border-bottom-primary.border-bottom-accent-4 {
    border-bottom: 1px solid #3df9ff !important;
}

.border-left-primary.border-left-accent-4 {
    border-left: 1px solid #3df9ff !important;
}

.border-right-primary.border-right-accent-4 {
    border-right: 1px solid #3df9ff !important;
}

.overlay-primary.overlay-accent-4 {
    background: #3df9ff;
    background: rgba(61, 249, 255, 0.6);
}

.secondary.lighten-5 {
    color: #879fba !important;
}

.bg-secondary.bg-lighten-5 {
    background-color: #879fba !important;
}

.btn-secondary.btn-lighten-5 {
    border-color: #34465b !important;
    background-color: #879fba !important;
}

    .btn-secondary.btn-lighten-5:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-lighten-5 {
    border-color: #879fba !important;
    color: #879fba !important;
}

    .btn-outline-secondary.btn-outline-lighten-5:hover {
        background-color: #879fba !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #879fba !important;
}

.border-secondary.border-lighten-5 {
    border: 1px solid #879fba !important;
}

.border-top-secondary.border-top-lighten-5 {
    border-top: 1px solid #879fba !important;
}

.border-bottom-secondary.border-bottom-lighten-5 {
    border-bottom: 1px solid #879fba !important;
}

.border-left-secondary.border-left-lighten-5 {
    border-left: 1px solid #879fba !important;
}

.border-right-secondary.border-right-lighten-5 {
    border-right: 1px solid #879fba !important;
}

.overlay-secondary.overlay-lighten-5 {
    background: #879fba;
    background: rgba(135, 159, 186, 0.6);
}

.secondary.lighten-4 {
    color: #7792b1 !important;
}

.bg-secondary.bg-lighten-4 {
    background-color: #7792b1 !important;
}

.btn-secondary.btn-lighten-4 {
    border-color: #34465b !important;
    background-color: #7792b1 !important;
}

    .btn-secondary.btn-lighten-4:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-lighten-4 {
    border-color: #7792b1 !important;
    color: #7792b1 !important;
}

    .btn-outline-secondary.btn-outline-lighten-4:hover {
        background-color: #7792b1 !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7792b1 !important;
}

.border-secondary.border-lighten-4 {
    border: 1px solid #7792b1 !important;
}

.border-top-secondary.border-top-lighten-4 {
    border-top: 1px solid #7792b1 !important;
}

.border-bottom-secondary.border-bottom-lighten-4 {
    border-bottom: 1px solid #7792b1 !important;
}

.border-left-secondary.border-left-lighten-4 {
    border-left: 1px solid #7792b1 !important;
}

.border-right-secondary.border-right-lighten-4 {
    border-right: 1px solid #7792b1 !important;
}

.overlay-secondary.overlay-lighten-4 {
    background: #7792b1;
    background: rgba(119, 146, 177, 0.6);
}

.secondary.lighten-3 {
    color: #6785a7 !important;
}

.bg-secondary.bg-lighten-3 {
    background-color: #6785a7 !important;
}

.btn-secondary.btn-lighten-3 {
    border-color: #34465b !important;
    background-color: #6785a7 !important;
}

    .btn-secondary.btn-lighten-3:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-lighten-3 {
    border-color: #6785a7 !important;
    color: #6785a7 !important;
}

    .btn-outline-secondary.btn-outline-lighten-3:hover {
        background-color: #6785a7 !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6785a7 !important;
}

.border-secondary.border-lighten-3 {
    border: 1px solid #6785a7 !important;
}

.border-top-secondary.border-top-lighten-3 {
    border-top: 1px solid #6785a7 !important;
}

.border-bottom-secondary.border-bottom-lighten-3 {
    border-bottom: 1px solid #6785a7 !important;
}

.border-left-secondary.border-left-lighten-3 {
    border-left: 1px solid #6785a7 !important;
}

.border-right-secondary.border-right-lighten-3 {
    border-right: 1px solid #6785a7 !important;
}

.overlay-secondary.overlay-lighten-3 {
    background: #6785a7;
    background: rgba(103, 133, 167, 0.6);
}

.secondary.lighten-2 {
    color: #5a789b !important;
}

.bg-secondary.bg-lighten-2 {
    background-color: #5a789b !important;
}

.btn-secondary.btn-lighten-2 {
    border-color: #34465b !important;
    background-color: #5a789b !important;
}

    .btn-secondary.btn-lighten-2:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-lighten-2 {
    border-color: #5a789b !important;
    color: #5a789b !important;
}

    .btn-outline-secondary.btn-outline-lighten-2:hover {
        background-color: #5a789b !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5a789b !important;
}

.border-secondary.border-lighten-2 {
    border: 1px solid #5a789b !important;
}

.border-top-secondary.border-top-lighten-2 {
    border-top: 1px solid #5a789b !important;
}

.border-bottom-secondary.border-bottom-lighten-2 {
    border-bottom: 1px solid #5a789b !important;
}

.border-left-secondary.border-left-lighten-2 {
    border-left: 1px solid #5a789b !important;
}

.border-right-secondary.border-right-lighten-2 {
    border-right: 1px solid #5a789b !important;
}

.overlay-secondary.overlay-lighten-2 {
    background: #5a789b;
    background: rgba(90, 120, 155, 0.6);
}

.secondary.lighten-1 {
    color: #506b8b !important;
}

.bg-secondary.bg-lighten-1 {
    background-color: #506b8b !important;
}

.btn-secondary.btn-lighten-1 {
    border-color: #34465b !important;
    background-color: #506b8b !important;
}

    .btn-secondary.btn-lighten-1:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-lighten-1 {
    border-color: #506b8b !important;
    color: #506b8b !important;
}

    .btn-outline-secondary.btn-outline-lighten-1:hover {
        background-color: #506b8b !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #506b8b !important;
}

.border-secondary.border-lighten-1 {
    border: 1px solid #506b8b !important;
}

.border-top-secondary.border-top-lighten-1 {
    border-top: 1px solid #506b8b !important;
}

.border-bottom-secondary.border-bottom-lighten-1 {
    border-bottom: 1px solid #506b8b !important;
}

.border-left-secondary.border-left-lighten-1 {
    border-left: 1px solid #506b8b !important;
}

.border-right-secondary.border-right-lighten-1 {
    border-right: 1px solid #506b8b !important;
}

.overlay-secondary.overlay-lighten-1 {
    background: #506b8b;
    background: rgba(80, 107, 139, 0.6);
}

/* secondary Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.secondary {
    color: #475F7B !important;
}

/* text with light secondary */
.text-light-secondary {
    color: rgba(71, 95, 123, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-secondary {
    background-color: #475F7B !important;
}

    .bg-secondary .card-header,
    .bg-secondary .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-secondary {
    background: rgba(71, 95, 123, 0.2) !important;
}

    .bg-rgba-secondary.alert {
        color: #475F7B;
    }

        .bg-rgba-secondary.alert.alert-dismissible .close {
            color: #475F7B;
        }

        .bg-rgba-secondary.alert .alert-link {
            color: #475F7B;
        }

/* Alert secondary */
/* ---------------- */
.alert.alert-secondary {
    background: #475F7B !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(71, 95, 123, 0.4);
    border: none;
}

/* Border secondary */
/* ---------------- */
.border-secondary {
    border: 1px solid #475F7B !important;
}

    .border-secondary .select2-selection__arrow b {
        border-color: #34465b !important;
    }

    .border-secondary.alert {
        color: #475F7B;
    }

        .border-secondary.alert.alert-dismissible .close {
            color: #475F7B;
        }

        .border-secondary.alert .alert-link {
            color: #475F7B;
        }

.border-top-secondary {
    border-top: 1px solid #475F7B;
}

.border-bottom-secondary {
    border-bottom: 1px solid #475F7B;
}

.border-left-secondary {
    border-left: 1px solid #475F7B;
}

.border-right-secondary {
    border-right: 1px solid #475F7B;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-secondary .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #475F7B !important;
}

/* Badges */
/* ------ */
.badge.badge-secondary {
    background-color: #475F7B;
}

.badge.badge-light-secondary {
    background-color: rgba(71, 95, 123, 0.17);
    color: #475F7B !important;
}

.badge.bg-secondary.badge-glow, .badge.border-secondary.badge-glow, .badge.badge-secondary.badge-glow {
    box-shadow: 0px 0px 10px #475F7B;
}

.badge-circle-secondary {
    background-color: #475F7B;
}

.badge-circle-light-secondary {
    background-color: rgba(71, 95, 123, 0.17);
    color: #475F7B;
}

.overlay-secondary {
    background: #475F7B;
    background: rgba(71, 95, 123, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-secondary {
    border-color: #34465b !important;
    background-color: #475F7B !important;
    color: #fff;
}

    .btn-secondary:hover, .btn-secondary.hover {
        background-color: #506b8b !important;
        color: #fff;
    }

        .btn-secondary:hover.glow, .btn-secondary.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(71, 95, 123, 0.6) !important;
        }

    .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
        background-color: #3e536b !important;
        color: #fff !important;
    }

    .btn-secondary.glow {
        box-shadow: 0 2px 4px 0 rgba(71, 95, 123, 0.5) !important;
    }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #fff !important;
    }

.btn-light-secondary {
    background-color: rgba(71, 95, 123, 0.17);
    color: #475F7B !important;
}

    .btn-light-secondary:hover, .btn-light-secondary.hover {
        background-color: #506b8b !important;
        color: #fff !important;
    }

    .btn-light-secondary:active, .btn-light-secondary.active {
        background-color: #3e536b !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-secondary {
    border: 1px solid #475F7B;
    background-color: transparent;
    color: #475F7B !important;
}

    .btn-outline-secondary:hover, .btn-outline-secondary.hover {
        background-color: #506b8b !important;
        color: #fff !important;
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active {
        background-color: #3e536b !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-secondary ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active {
        background-color: #475F7B;
        color: #fff;
    }

        .btn-secondary ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:hover i {
    color: #475F7B;
}

.dropdown.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-secondary ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-secondary ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet secondary */
.bullet.bullet-secondary {
    background-color: #475F7B;
}

/* For Pagination */
/* -------------- */
.pagination-secondary .page-item.active .page-link,
.pagination-secondary .page-item.active .page-link:hover {
    background: #475F7B !important;
    color: #fff;
}

.pagination-secondary .page-item .page-link:hover {
    background-color: rgba(71, 95, 123, 0.17) !important;
}

.pagination-secondary .page-item.previous .page-link, .pagination-secondary .page-item.next .page-link {
    color: #475F7B !important;
}

    .pagination-secondary .page-item.previous .page-link:hover, .pagination-secondary .page-item.next .page-link:hover {
        background: #475F7B;
    }

    .pagination-secondary .page-item.previous .page-link span, .pagination-secondary .page-item.next .page-link span {
        color: #475F7B;
    }

/* Progress Bars secondary */
/* ---------------------- */
.progress-bar-secondary .progress-bar {
    background-color: #475F7B;
    box-shadow: 0 2px 6px 0 rgba(71, 95, 123, 0.6);
}

/* Chips secondary */
/* ---------------- */
.chip-secondary {
    background-color: #475F7B !important;
}

    .chip-secondary .chip-body {
        color: #fff !important;
    }

/* Divider secondary */
/* ---------------*/
.divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
    border-color: #475F7B !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-secondary:before {
    background: #475F7B !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-secondary + .custom-control-label:before, input[type="radio"].bg-secondary + .custom-control-label:before {
    background-color: #475F7B !important;
    border-color: #34465b !important;
}

.checkbox.checkbox-secondary input:checked ~ label::before {
    background-color: #475F7B;
    border-color: #475F7B;
}

.checkbox.checkbox-secondary input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-secondary.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(71, 95, 123, 0.7);
}

.checkbox.checkbox-secondary.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-secondary label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-secondary input:checked ~ label::before {
    background-color: #475F7B;
    border-color: #475F7B;
}

.radio.radio-secondary input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-secondary.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(71, 95, 123, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #475F7B !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-secondary.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(71, 95, 123, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-secondary,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-secondary {
    box-shadow: 0 0 8px 0 rgba(71, 95, 123, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=secondary]:before {
    background-color: #475F7B;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #475F7B;
}

/* Select2 secondary */
/* ---------------*/
select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(71, 95, 123, 0.17) !important;
}

select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-secondary ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FFFFFF !important;
}

.secondary.darken-1 {
    color: #3e536b !important;
}

.bg-secondary.bg-darken-1 {
    background-color: #3e536b !important;
}

.btn-secondary.btn-darken-1 {
    border-color: #34465b !important;
    background-color: #3e536b !important;
}

    .btn-secondary.btn-darken-1:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-darken-1 {
    border-color: #3e536b !important;
    color: #3e536b !important;
}

    .btn-outline-secondary.btn-outline-darken-1:hover {
        background-color: #3e536b !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3e536b !important;
}

.border-secondary.border-darken-1 {
    border: 1px solid #3e536b !important;
}

.border-top-secondary.border-top-darken-1 {
    border-top: 1px solid #3e536b !important;
}

.border-bottom-secondary.border-bottom-darken-1 {
    border-bottom: 1px solid #3e536b !important;
}

.border-left-secondary.border-left-darken-1 {
    border-left: 1px solid #3e536b !important;
}

.border-right-secondary.border-right-darken-1 {
    border-right: 1px solid #3e536b !important;
}

.overlay-secondary.overlay-darken-1 {
    background: #3e536b;
    background: rgba(62, 83, 107, 0.6);
}

.secondary.darken-2 {
    color: #34465b !important;
}

.bg-secondary.bg-darken-2 {
    background-color: #34465b !important;
}

.btn-secondary.btn-darken-2 {
    border-color: #34465b !important;
    background-color: #34465b !important;
}

    .btn-secondary.btn-darken-2:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-darken-2 {
    border-color: #34465b !important;
    color: #34465b !important;
}

    .btn-outline-secondary.btn-outline-darken-2:hover {
        background-color: #34465b !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #34465b !important;
}

.border-secondary.border-darken-2 {
    border: 1px solid #34465b !important;
}

.border-top-secondary.border-top-darken-2 {
    border-top: 1px solid #34465b !important;
}

.border-bottom-secondary.border-bottom-darken-2 {
    border-bottom: 1px solid #34465b !important;
}

.border-left-secondary.border-left-darken-2 {
    border-left: 1px solid #34465b !important;
}

.border-right-secondary.border-right-darken-2 {
    border-right: 1px solid #34465b !important;
}

.overlay-secondary.overlay-darken-2 {
    background: #34465b;
    background: rgba(52, 70, 91, 0.6);
}

.secondary.darken-3 {
    color: #2b3a4a !important;
}

.bg-secondary.bg-darken-3 {
    background-color: #2b3a4a !important;
}

.btn-secondary.btn-darken-3 {
    border-color: #34465b !important;
    background-color: #2b3a4a !important;
}

    .btn-secondary.btn-darken-3:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-darken-3 {
    border-color: #2b3a4a !important;
    color: #2b3a4a !important;
}

    .btn-outline-secondary.btn-outline-darken-3:hover {
        background-color: #2b3a4a !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2b3a4a !important;
}

.border-secondary.border-darken-3 {
    border: 1px solid #2b3a4a !important;
}

.border-top-secondary.border-top-darken-3 {
    border-top: 1px solid #2b3a4a !important;
}

.border-bottom-secondary.border-bottom-darken-3 {
    border-bottom: 1px solid #2b3a4a !important;
}

.border-left-secondary.border-left-darken-3 {
    border-left: 1px solid #2b3a4a !important;
}

.border-right-secondary.border-right-darken-3 {
    border-right: 1px solid #2b3a4a !important;
}

.overlay-secondary.overlay-darken-3 {
    background: #2b3a4a;
    background: rgba(43, 58, 74, 0.6);
}

.secondary.darken-4 {
    color: #222d3a !important;
}

.bg-secondary.bg-darken-4 {
    background-color: #222d3a !important;
}

.btn-secondary.btn-darken-4 {
    border-color: #34465b !important;
    background-color: #222d3a !important;
}

    .btn-secondary.btn-darken-4:hover {
        border-color: #34465b !important;
        background-color: #2b3a4a !important;
    }

    .btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active {
        border-color: #2b3a4a !important;
        background-color: #222d3a !important;
    }

.btn-outline-secondary.btn-outline-darken-4 {
    border-color: #222d3a !important;
    color: #222d3a !important;
}

    .btn-outline-secondary.btn-outline-darken-4:hover {
        background-color: #222d3a !important;
    }

input:focus ~ .bg-secondary {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #222d3a !important;
}

.border-secondary.border-darken-4 {
    border: 1px solid #222d3a !important;
}

.border-top-secondary.border-top-darken-4 {
    border-top: 1px solid #222d3a !important;
}

.border-bottom-secondary.border-bottom-darken-4 {
    border-bottom: 1px solid #222d3a !important;
}

.border-left-secondary.border-left-darken-4 {
    border-left: 1px solid #222d3a !important;
}

.border-right-secondary.border-right-darken-4 {
    border-right: 1px solid #222d3a !important;
}

.overlay-secondary.overlay-darken-4 {
    background: #222d3a;
    background: rgba(34, 45, 58, 0.6);
}

.success.lighten-5 {
    color: #a4eec9 !important;
}

.bg-success.bg-lighten-5 {
    background-color: #a4eec9 !important;
}

.btn-success.btn-lighten-5 {
    border-color: #23bd70 !important;
    background-color: #a4eec9 !important;
}

    .btn-success.btn-lighten-5:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-lighten-5 {
    border-color: #a4eec9 !important;
    color: #a4eec9 !important;
}

    .btn-outline-success.btn-outline-lighten-5:hover {
        background-color: #a4eec9 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a4eec9 !important;
}

.border-success.border-lighten-5 {
    border: 1px solid #a4eec9 !important;
}

.border-top-success.border-top-lighten-5 {
    border-top: 1px solid #a4eec9 !important;
}

.border-bottom-success.border-bottom-lighten-5 {
    border-bottom: 1px solid #a4eec9 !important;
}

.border-left-success.border-left-lighten-5 {
    border-left: 1px solid #a4eec9 !important;
}

.border-right-success.border-right-lighten-5 {
    border-right: 1px solid #a4eec9 !important;
}

.overlay-success.overlay-lighten-5 {
    background: #a4eec9;
    background: rgba(164, 238, 201, 0.6);
}

.success.lighten-4 {
    color: #8feabd !important;
}

.bg-success.bg-lighten-4 {
    background-color: #8feabd !important;
}

.btn-success.btn-lighten-4 {
    border-color: #23bd70 !important;
    background-color: #8feabd !important;
}

    .btn-success.btn-lighten-4:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-lighten-4 {
    border-color: #8feabd !important;
    color: #8feabd !important;
}

    .btn-outline-success.btn-outline-lighten-4:hover {
        background-color: #8feabd !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8feabd !important;
}

.border-success.border-lighten-4 {
    border: 1px solid #8feabd !important;
}

.border-top-success.border-top-lighten-4 {
    border-top: 1px solid #8feabd !important;
}

.border-bottom-success.border-bottom-lighten-4 {
    border-bottom: 1px solid #8feabd !important;
}

.border-left-success.border-left-lighten-4 {
    border-left: 1px solid #8feabd !important;
}

.border-right-success.border-right-lighten-4 {
    border-right: 1px solid #8feabd !important;
}

.overlay-success.overlay-lighten-4 {
    background: #8feabd;
    background: rgba(143, 234, 189, 0.6);
}

.success.lighten-3 {
    color: #79e6b0 !important;
}

.bg-success.bg-lighten-3 {
    background-color: #79e6b0 !important;
}

.btn-success.btn-lighten-3 {
    border-color: #23bd70 !important;
    background-color: #79e6b0 !important;
}

    .btn-success.btn-lighten-3:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-lighten-3 {
    border-color: #79e6b0 !important;
    color: #79e6b0 !important;
}

    .btn-outline-success.btn-outline-lighten-3:hover {
        background-color: #79e6b0 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #79e6b0 !important;
}

.border-success.border-lighten-3 {
    border: 1px solid #79e6b0 !important;
}

.border-top-success.border-top-lighten-3 {
    border-top: 1px solid #79e6b0 !important;
}

.border-bottom-success.border-bottom-lighten-3 {
    border-bottom: 1px solid #79e6b0 !important;
}

.border-left-success.border-left-lighten-3 {
    border-left: 1px solid #79e6b0 !important;
}

.border-right-success.border-right-lighten-3 {
    border-right: 1px solid #79e6b0 !important;
}

.overlay-success.overlay-lighten-3 {
    background: #79e6b0;
    background: rgba(121, 230, 176, 0.6);
}

.success.lighten-2 {
    color: #64e2a3 !important;
}

.bg-success.bg-lighten-2 {
    background-color: #64e2a3 !important;
}

.btn-success.btn-lighten-2 {
    border-color: #23bd70 !important;
    background-color: #64e2a3 !important;
}

    .btn-success.btn-lighten-2:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-lighten-2 {
    border-color: #64e2a3 !important;
    color: #64e2a3 !important;
}

    .btn-outline-success.btn-outline-lighten-2:hover {
        background-color: #64e2a3 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64e2a3 !important;
}

.border-success.border-lighten-2 {
    border: 1px solid #64e2a3 !important;
}

.border-top-success.border-top-lighten-2 {
    border-top: 1px solid #64e2a3 !important;
}

.border-bottom-success.border-bottom-lighten-2 {
    border-bottom: 1px solid #64e2a3 !important;
}

.border-left-success.border-left-lighten-2 {
    border-left: 1px solid #64e2a3 !important;
}

.border-right-success.border-right-lighten-2 {
    border-right: 1px solid #64e2a3 !important;
}

.overlay-success.overlay-lighten-2 {
    background: #64e2a3;
    background: rgba(100, 226, 163, 0.6);
}

.success.lighten-1 {
    color: #4ede97 !important;
}

.bg-success.bg-lighten-1 {
    background-color: #4ede97 !important;
}

.btn-success.btn-lighten-1 {
    border-color: #23bd70 !important;
    background-color: #4ede97 !important;
}

    .btn-success.btn-lighten-1:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-lighten-1 {
    border-color: #4ede97 !important;
    color: #4ede97 !important;
}

    .btn-outline-success.btn-outline-lighten-1:hover {
        background-color: #4ede97 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4ede97 !important;
}

.border-success.border-lighten-1 {
    border: 1px solid #4ede97 !important;
}

.border-top-success.border-top-lighten-1 {
    border-top: 1px solid #4ede97 !important;
}

.border-bottom-success.border-bottom-lighten-1 {
    border-bottom: 1px solid #4ede97 !important;
}

.border-left-success.border-left-lighten-1 {
    border-left: 1px solid #4ede97 !important;
}

.border-right-success.border-right-lighten-1 {
    border-right: 1px solid #4ede97 !important;
}

.overlay-success.overlay-lighten-1 {
    background: #4ede97;
    background: rgba(78, 222, 151, 0.6);
}

/* success Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.success {
    color: #39DA8A !important;
}

/* text with light success */
.text-light-success {
    color: rgba(57, 218, 138, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-success {
    background-color: #39DA8A !important;
}

    .bg-success .card-header,
    .bg-success .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-success {
    background: rgba(57, 218, 138, 0.2) !important;
}

    .bg-rgba-success.alert {
        color: #39DA8A;
    }

        .bg-rgba-success.alert.alert-dismissible .close {
            color: #39DA8A;
        }

        .bg-rgba-success.alert .alert-link {
            color: #39DA8A;
        }

/* Alert success */
/* ---------------- */
.alert.alert-success {
    background: #39DA8A !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(57, 218, 138, 0.4);
    border: none;
}

/* Border success */
/* ---------------- */
.border-success {
    border: 1px solid #39DA8A !important;
}

    .border-success .select2-selection__arrow b {
        border-color: #23bd70 !important;
    }

    .border-success.alert {
        color: #39DA8A;
    }

        .border-success.alert.alert-dismissible .close {
            color: #39DA8A;
        }

        .border-success.alert .alert-link {
            color: #39DA8A;
        }

.border-top-success {
    border-top: 1px solid #39DA8A;
}

.border-bottom-success {
    border-bottom: 1px solid #39DA8A;
}

.border-left-success {
    border-left: 1px solid #39DA8A;
}

.border-right-success {
    border-right: 1px solid #39DA8A;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-success .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #39DA8A !important;
}

/* Badges */
/* ------ */
.badge.badge-success {
    background-color: #39DA8A;
}

.badge.badge-light-success {
    background-color: rgba(57, 218, 138, 0.17);
    color: #39DA8A !important;
}

.badge.bg-success.badge-glow, .badge.border-success.badge-glow, .badge.badge-success.badge-glow {
    box-shadow: 0px 0px 10px #39DA8A;
}

.badge-circle-success {
    background-color: #39DA8A;
}

.badge-circle-light-success {
    background-color: rgba(57, 218, 138, 0.17);
    color: #39DA8A;
}

.overlay-success {
    background: #39DA8A;
    background: rgba(57, 218, 138, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-success {
    border-color: #23bd70 !important;
    background-color: #39DA8A !important;
    color: #fff;
}

    .btn-success:hover, .btn-success.hover {
        background-color: #4ede97 !important;
        color: #fff;
    }

        .btn-success:hover.glow, .btn-success.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(57, 218, 138, 0.6) !important;
        }

    .btn-success:focus, .btn-success:active, .btn-success.active {
        background-color: #27d27d !important;
        color: #fff !important;
    }

    .btn-success.glow {
        box-shadow: 0 2px 4px 0 rgba(57, 218, 138, 0.5) !important;
    }

    .btn-success:disabled, .btn-success.disabled {
        color: #fff !important;
    }

.btn-light-success {
    background-color: rgba(57, 218, 138, 0.17);
    color: #39DA8A !important;
}

    .btn-light-success:hover, .btn-light-success.hover {
        background-color: #4ede97 !important;
        color: #fff !important;
    }

    .btn-light-success:active, .btn-light-success.active {
        background-color: #27d27d !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-success {
    border: 1px solid #39DA8A;
    background-color: transparent;
    color: #39DA8A !important;
}

    .btn-outline-success:hover, .btn-outline-success.hover {
        background-color: #4ede97 !important;
        color: #fff !important;
    }

    .btn-outline-success:active, .btn-outline-success.active {
        background-color: #27d27d !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-success ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-success ~ .dropdown-menu .dropdown-item.active {
        background-color: #39DA8A;
        color: #fff;
    }

        .btn-success ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:hover i {
    color: #39DA8A;
}

.dropdown.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-success ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-success ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet success */
.bullet.bullet-success {
    background-color: #39DA8A;
}

/* For Pagination */
/* -------------- */
.pagination-success .page-item.active .page-link,
.pagination-success .page-item.active .page-link:hover {
    background: #39DA8A !important;
    color: #fff;
}

.pagination-success .page-item .page-link:hover {
    background-color: rgba(57, 218, 138, 0.17) !important;
}

.pagination-success .page-item.previous .page-link, .pagination-success .page-item.next .page-link {
    color: #39DA8A !important;
}

    .pagination-success .page-item.previous .page-link:hover, .pagination-success .page-item.next .page-link:hover {
        background: #39DA8A;
    }

    .pagination-success .page-item.previous .page-link span, .pagination-success .page-item.next .page-link span {
        color: #39DA8A;
    }

/* Progress Bars success */
/* ---------------------- */
.progress-bar-success .progress-bar {
    background-color: #39DA8A;
    box-shadow: 0 2px 6px 0 rgba(57, 218, 138, 0.6);
}

/* Chips success */
/* ---------------- */
.chip-success {
    background-color: #39DA8A !important;
}

    .chip-success .chip-body {
        color: #fff !important;
    }

/* Divider success */
/* ---------------*/
.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
    border-color: #39DA8A !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-success:before {
    background: #39DA8A !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-success + .custom-control-label:before, input[type="radio"].bg-success + .custom-control-label:before {
    background-color: #39DA8A !important;
    border-color: #23bd70 !important;
}

.checkbox.checkbox-success input:checked ~ label::before {
    background-color: #39DA8A;
    border-color: #39DA8A;
}

.checkbox.checkbox-success input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-success.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57, 218, 138, 0.7);
}

.checkbox.checkbox-success.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-success label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-success input:checked ~ label::before {
    background-color: #39DA8A;
    border-color: #39DA8A;
}

.radio.radio-success input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-success.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(57, 218, 138, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #39DA8A !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-success.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(57, 218, 138, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-success,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-success {
    box-shadow: 0 0 8px 0 rgba(57, 218, 138, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=success]:before {
    background-color: #39DA8A;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #39DA8A;
}

/* Select2 success */
/* ---------------*/
select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(57, 218, 138, 0.17) !important;
}

select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-success ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #39DA8A !important;
}

.success.darken-1 {
    color: #27d27d !important;
}

.bg-success.bg-darken-1 {
    background-color: #27d27d !important;
}

.btn-success.btn-darken-1 {
    border-color: #23bd70 !important;
    background-color: #27d27d !important;
}

    .btn-success.btn-darken-1:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-darken-1 {
    border-color: #27d27d !important;
    color: #27d27d !important;
}

    .btn-outline-success.btn-outline-darken-1:hover {
        background-color: #27d27d !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #27d27d !important;
}

.border-success.border-darken-1 {
    border: 1px solid #27d27d !important;
}

.border-top-success.border-top-darken-1 {
    border-top: 1px solid #27d27d !important;
}

.border-bottom-success.border-bottom-darken-1 {
    border-bottom: 1px solid #27d27d !important;
}

.border-left-success.border-left-darken-1 {
    border-left: 1px solid #27d27d !important;
}

.border-right-success.border-right-darken-1 {
    border-right: 1px solid #27d27d !important;
}

.overlay-success.overlay-darken-1 {
    background: #27d27d;
    background: rgba(39, 210, 125, 0.6);
}

.success.darken-2 {
    color: #23bd70 !important;
}

.bg-success.bg-darken-2 {
    background-color: #23bd70 !important;
}

.btn-success.btn-darken-2 {
    border-color: #23bd70 !important;
    background-color: #23bd70 !important;
}

    .btn-success.btn-darken-2:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-darken-2 {
    border-color: #23bd70 !important;
    color: #23bd70 !important;
}

    .btn-outline-success.btn-outline-darken-2:hover {
        background-color: #23bd70 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #23bd70 !important;
}

.border-success.border-darken-2 {
    border: 1px solid #23bd70 !important;
}

.border-top-success.border-top-darken-2 {
    border-top: 1px solid #23bd70 !important;
}

.border-bottom-success.border-bottom-darken-2 {
    border-bottom: 1px solid #23bd70 !important;
}

.border-left-success.border-left-darken-2 {
    border-left: 1px solid #23bd70 !important;
}

.border-right-success.border-right-darken-2 {
    border-right: 1px solid #23bd70 !important;
}

.overlay-success.overlay-darken-2 {
    background: #23bd70;
    background: rgba(35, 189, 112, 0.6);
}

.success.darken-3 {
    color: #1fa764 !important;
}

.bg-success.bg-darken-3 {
    background-color: #1fa764 !important;
}

.btn-success.btn-darken-3 {
    border-color: #23bd70 !important;
    background-color: #1fa764 !important;
}

    .btn-success.btn-darken-3:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-darken-3 {
    border-color: #1fa764 !important;
    color: #1fa764 !important;
}

    .btn-outline-success.btn-outline-darken-3:hover {
        background-color: #1fa764 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1fa764 !important;
}

.border-success.border-darken-3 {
    border: 1px solid #1fa764 !important;
}

.border-top-success.border-top-darken-3 {
    border-top: 1px solid #1fa764 !important;
}

.border-bottom-success.border-bottom-darken-3 {
    border-bottom: 1px solid #1fa764 !important;
}

.border-left-success.border-left-darken-3 {
    border-left: 1px solid #1fa764 !important;
}

.border-right-success.border-right-darken-3 {
    border-right: 1px solid #1fa764 !important;
}

.overlay-success.overlay-darken-3 {
    background: #1fa764;
    background: rgba(31, 167, 100, 0.6);
}

.success.darken-4 {
    color: #1b9257 !important;
}

.bg-success.bg-darken-4 {
    background-color: #1b9257 !important;
}

.btn-success.btn-darken-4 {
    border-color: #23bd70 !important;
    background-color: #1b9257 !important;
}

    .btn-success.btn-darken-4:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-darken-4 {
    border-color: #1b9257 !important;
    color: #1b9257 !important;
}

    .btn-outline-success.btn-outline-darken-4:hover {
        background-color: #1b9257 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b9257 !important;
}

.border-success.border-darken-4 {
    border: 1px solid #1b9257 !important;
}

.border-top-success.border-top-darken-4 {
    border-top: 1px solid #1b9257 !important;
}

.border-bottom-success.border-bottom-darken-4 {
    border-bottom: 1px solid #1b9257 !important;
}

.border-left-success.border-left-darken-4 {
    border-left: 1px solid #1b9257 !important;
}

.border-right-success.border-right-darken-4 {
    border-right: 1px solid #1b9257 !important;
}

.overlay-success.overlay-darken-4 {
    background: #1b9257;
    background: rgba(27, 146, 87, 0.6);
}

.success.accent-1 {
    color: #e1fff1 !important;
}

.bg-success.bg-accent-1 {
    background-color: #e1fff1 !important;
}

.btn-success.btn-accent-1 {
    border-color: #23bd70 !important;
    background-color: #e1fff1 !important;
}

    .btn-success.btn-accent-1:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-accent-1 {
    border-color: #e1fff1 !important;
    color: #e1fff1 !important;
}

    .btn-outline-success.btn-outline-accent-1:hover {
        background-color: #e1fff1 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1fff1 !important;
}

.border-success.border-accent-1 {
    border: 1px solid #e1fff1 !important;
}

.border-top-success.border-top-accent-1 {
    border-top: 1px solid #e1fff1 !important;
}

.border-bottom-success.border-bottom-accent-1 {
    border-bottom: 1px solid #e1fff1 !important;
}

.border-left-success.border-left-accent-1 {
    border-left: 1px solid #e1fff1 !important;
}

.border-right-success.border-right-accent-1 {
    border-right: 1px solid #e1fff1 !important;
}

.overlay-success.overlay-accent-1 {
    background: #e1fff1;
    background: rgba(225, 255, 241, 0.6);
}

.success.accent-2 {
    color: #aeffd9 !important;
}

.bg-success.bg-accent-2 {
    background-color: #aeffd9 !important;
}

.btn-success.btn-accent-2 {
    border-color: #23bd70 !important;
    background-color: #aeffd9 !important;
}

    .btn-success.btn-accent-2:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-accent-2 {
    border-color: #aeffd9 !important;
    color: #aeffd9 !important;
}

    .btn-outline-success.btn-outline-accent-2:hover {
        background-color: #aeffd9 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #aeffd9 !important;
}

.border-success.border-accent-2 {
    border: 1px solid #aeffd9 !important;
}

.border-top-success.border-top-accent-2 {
    border-top: 1px solid #aeffd9 !important;
}

.border-bottom-success.border-bottom-accent-2 {
    border-bottom: 1px solid #aeffd9 !important;
}

.border-left-success.border-left-accent-2 {
    border-left: 1px solid #aeffd9 !important;
}

.border-right-success.border-right-accent-2 {
    border-right: 1px solid #aeffd9 !important;
}

.overlay-success.overlay-accent-2 {
    background: #aeffd9;
    background: rgba(174, 255, 217, 0.6);
}

.success.accent-3 {
    color: #7bffc1 !important;
}

.bg-success.bg-accent-3 {
    background-color: #7bffc1 !important;
}

.btn-success.btn-accent-3 {
    border-color: #23bd70 !important;
    background-color: #7bffc1 !important;
}

    .btn-success.btn-accent-3:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-accent-3 {
    border-color: #7bffc1 !important;
    color: #7bffc1 !important;
}

    .btn-outline-success.btn-outline-accent-3:hover {
        background-color: #7bffc1 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7bffc1 !important;
}

.border-success.border-accent-3 {
    border: 1px solid #7bffc1 !important;
}

.border-top-success.border-top-accent-3 {
    border-top: 1px solid #7bffc1 !important;
}

.border-bottom-success.border-bottom-accent-3 {
    border-bottom: 1px solid #7bffc1 !important;
}

.border-left-success.border-left-accent-3 {
    border-left: 1px solid #7bffc1 !important;
}

.border-right-success.border-right-accent-3 {
    border-right: 1px solid #7bffc1 !important;
}

.overlay-success.overlay-accent-3 {
    background: #7bffc1;
    background: rgba(123, 255, 193, 0.6);
}

.success.accent-4 {
    color: #62ffb5 !important;
}

.bg-success.bg-accent-4 {
    background-color: #62ffb5 !important;
}

.btn-success.btn-accent-4 {
    border-color: #23bd70 !important;
    background-color: #62ffb5 !important;
}

    .btn-success.btn-accent-4:hover {
        border-color: #23bd70 !important;
        background-color: #1fa764 !important;
    }

    .btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active {
        border-color: #1fa764 !important;
        background-color: #1b9257 !important;
    }

.btn-outline-success.btn-outline-accent-4 {
    border-color: #62ffb5 !important;
    color: #62ffb5 !important;
}

    .btn-outline-success.btn-outline-accent-4:hover {
        background-color: #62ffb5 !important;
    }

input:focus ~ .bg-success {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62ffb5 !important;
}

.border-success.border-accent-4 {
    border: 1px solid #62ffb5 !important;
}

.border-top-success.border-top-accent-4 {
    border-top: 1px solid #62ffb5 !important;
}

.border-bottom-success.border-bottom-accent-4 {
    border-bottom: 1px solid #62ffb5 !important;
}

.border-left-success.border-left-accent-4 {
    border-left: 1px solid #62ffb5 !important;
}

.border-right-success.border-right-accent-4 {
    border-right: 1px solid #62ffb5 !important;
}

.overlay-success.overlay-accent-4 {
    background: #62ffb5;
    background: rgba(98, 255, 181, 0.6);
}

.info.lighten-5 {
    color: #5ef5ff !important;
}

.bg-info.bg-lighten-5 {
    background-color: #5ef5ff !important;
}

.btn-info.btn-lighten-5 {
    border-color: #009faa !important;
    background-color: #5ef5ff !important;
}

    .btn-info.btn-lighten-5:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-lighten-5 {
    border-color: #5ef5ff !important;
    color: #5ef5ff !important;
}

    .btn-outline-info.btn-outline-lighten-5:hover {
        background-color: #5ef5ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5ef5ff !important;
}

.border-info.border-lighten-5 {
    border: 1px solid #5ef5ff !important;
}

.border-top-info.border-top-lighten-5 {
    border-top: 1px solid #5ef5ff !important;
}

.border-bottom-info.border-bottom-lighten-5 {
    border-bottom: 1px solid #5ef5ff !important;
}

.border-left-info.border-left-lighten-5 {
    border-left: 1px solid #5ef5ff !important;
}

.border-right-info.border-right-lighten-5 {
    border-right: 1px solid #5ef5ff !important;
}

.overlay-info.overlay-lighten-5 {
    background: #5ef5ff;
    background: rgba(94, 245, 255, 0.6);
}

.info.lighten-4 {
    color: #44f3ff !important;
}

.bg-info.bg-lighten-4 {
    background-color: #44f3ff !important;
}

.btn-info.btn-lighten-4 {
    border-color: #009faa !important;
    background-color: #44f3ff !important;
}

    .btn-info.btn-lighten-4:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-lighten-4 {
    border-color: #44f3ff !important;
    color: #44f3ff !important;
}

    .btn-outline-info.btn-outline-lighten-4:hover {
        background-color: #44f3ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #44f3ff !important;
}

.border-info.border-lighten-4 {
    border: 1px solid #44f3ff !important;
}

.border-top-info.border-top-lighten-4 {
    border-top: 1px solid #44f3ff !important;
}

.border-bottom-info.border-bottom-lighten-4 {
    border-bottom: 1px solid #44f3ff !important;
}

.border-left-info.border-left-lighten-4 {
    border-left: 1px solid #44f3ff !important;
}

.border-right-info.border-right-lighten-4 {
    border-right: 1px solid #44f3ff !important;
}

.overlay-info.overlay-lighten-4 {
    background: #44f3ff;
    background: rgba(68, 243, 255, 0.6);
}

.info.lighten-3 {
    color: #2bf2ff !important;
}

.bg-info.bg-lighten-3 {
    background-color: #2bf2ff !important;
}

.btn-info.btn-lighten-3 {
    border-color: #009faa !important;
    background-color: #2bf2ff !important;
}

    .btn-info.btn-lighten-3:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-lighten-3 {
    border-color: #2bf2ff !important;
    color: #2bf2ff !important;
}

    .btn-outline-info.btn-outline-lighten-3:hover {
        background-color: #2bf2ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2bf2ff !important;
}

.border-info.border-lighten-3 {
    border: 1px solid #2bf2ff !important;
}

.border-top-info.border-top-lighten-3 {
    border-top: 1px solid #2bf2ff !important;
}

.border-bottom-info.border-bottom-lighten-3 {
    border-bottom: 1px solid #2bf2ff !important;
}

.border-left-info.border-left-lighten-3 {
    border-left: 1px solid #2bf2ff !important;
}

.border-right-info.border-right-lighten-3 {
    border-right: 1px solid #2bf2ff !important;
}

.overlay-info.overlay-lighten-3 {
    background: #2bf2ff;
    background: rgba(43, 242, 255, 0.6);
}

.info.lighten-2 {
    color: #11f0ff !important;
}

.bg-info.bg-lighten-2 {
    background-color: #11f0ff !important;
}

.btn-info.btn-lighten-2 {
    border-color: #009faa !important;
    background-color: #11f0ff !important;
}

    .btn-info.btn-lighten-2:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-lighten-2 {
    border-color: #11f0ff !important;
    color: #11f0ff !important;
}

    .btn-outline-info.btn-outline-lighten-2:hover {
        background-color: #11f0ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #11f0ff !important;
}

.border-info.border-lighten-2 {
    border: 1px solid #11f0ff !important;
}

.border-top-info.border-top-lighten-2 {
    border-top: 1px solid #11f0ff !important;
}

.border-bottom-info.border-bottom-lighten-2 {
    border-bottom: 1px solid #11f0ff !important;
}

.border-left-info.border-left-lighten-2 {
    border-left: 1px solid #11f0ff !important;
}

.border-right-info.border-right-lighten-2 {
    border-right: 1px solid #11f0ff !important;
}

.overlay-info.overlay-lighten-2 {
    background: #11f0ff;
    background: rgba(17, 240, 255, 0.6);
}

.info.lighten-1 {
    color: #00e7f7 !important;
}

.bg-info.bg-lighten-1 {
    background-color: #00e7f7 !important;
}

.btn-info.btn-lighten-1 {
    border-color: #009faa !important;
    background-color: #00e7f7 !important;
}

    .btn-info.btn-lighten-1:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-lighten-1 {
    border-color: #00e7f7 !important;
    color: #00e7f7 !important;
}

    .btn-outline-info.btn-outline-lighten-1:hover {
        background-color: #00e7f7 !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e7f7 !important;
}

.border-info.border-lighten-1 {
    border: 1px solid #00e7f7 !important;
}

.border-top-info.border-top-lighten-1 {
    border-top: 1px solid #00e7f7 !important;
}

.border-bottom-info.border-bottom-lighten-1 {
    border-bottom: 1px solid #00e7f7 !important;
}

.border-left-info.border-left-lighten-1 {
    border-left: 1px solid #00e7f7 !important;
}

.border-right-info.border-right-lighten-1 {
    border-right: 1px solid #00e7f7 !important;
}

.overlay-info.overlay-lighten-1 {
    background: #00e7f7;
    background: rgba(0, 231, 247, 0.6);
}

/* info Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.info {
    color: #00CFDD !important;
}

/* text with light info */
.text-light-info {
    color: rgba(0, 207, 221, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-info {
    background-color: #00CFDD !important;
}

    .bg-info .card-header,
    .bg-info .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-info {
    background: rgba(0, 207, 221, 0.2) !important;
}

    .bg-rgba-info.alert {
        color: #00CFDD;
    }

        .bg-rgba-info.alert.alert-dismissible .close {
            color: #00CFDD;
        }

        .bg-rgba-info.alert .alert-link {
            color: #00CFDD;
        }

/* Alert info */
/* ---------------- */
.alert.alert-info {
    background: #00CFDD !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(0, 207, 221, 0.4);
    border: none;
}

/* Border info */
/* ---------------- */
.border-info {
    border: 1px solid #00CFDD !important;
}

    .border-info .select2-selection__arrow b {
        border-color: #009faa !important;
    }

    .border-info.alert {
        color: #00CFDD;
    }

        .border-info.alert.alert-dismissible .close {
            color: #00CFDD;
        }

        .border-info.alert .alert-link {
            color: #00CFDD;
        }

.border-top-info {
    border-top: 1px solid #00CFDD;
}

.border-bottom-info {
    border-bottom: 1px solid #00CFDD;
}

.border-left-info {
    border-left: 1px solid #00CFDD;
}

.border-right-info {
    border-right: 1px solid #00CFDD;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-info .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #00CFDD !important;
}

/* Badges */
/* ------ */
.badge.badge-info {
    background-color: #00CFDD;
}

.badge.badge-light-info {
    background-color: rgba(0, 207, 221, 0.17);
    color: #00CFDD !important;
}

.badge.bg-info.badge-glow, .badge.border-info.badge-glow, .badge.badge-info.badge-glow {
    box-shadow: 0px 0px 10px #00CFDD;
}

.badge-circle-info {
    background-color: #00CFDD;
}

.badge-circle-light-info {
    background-color: rgba(0, 207, 221, 0.17);
    color: #00CFDD;
}

.overlay-info {
    background: #00CFDD;
    background: rgba(0, 207, 221, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-info {
    border-color: #009faa !important;
    background-color: #00CFDD !important;
    color: #fff;
}

    .btn-info:hover, .btn-info.hover {
        background-color: #00e7f7 !important;
        color: #fff;
    }

        .btn-info:hover.glow, .btn-info.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(0, 207, 221, 0.6) !important;
        }

    .btn-info:focus, .btn-info:active, .btn-info.active {
        background-color: #00b7c4 !important;
        color: #fff !important;
    }

    .btn-info.glow {
        box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.5) !important;
    }

    .btn-info:disabled, .btn-info.disabled {
        color: #fff !important;
    }

.btn-light-info {
    background-color: rgba(0, 207, 221, 0.17);
    color: #00CFDD !important;
}

    .btn-light-info:hover, .btn-light-info.hover {
        background-color: #00e7f7 !important;
        color: #fff !important;
    }

    .btn-light-info:active, .btn-light-info.active {
        background-color: #00b7c4 !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-info {
    border: 1px solid #00CFDD;
    background-color: transparent;
    color: #00CFDD !important;
}

    .btn-outline-info:hover, .btn-outline-info.hover {
        background-color: #00e7f7 !important;
        color: #fff !important;
    }

    .btn-outline-info:active, .btn-outline-info.active {
        background-color: #00b7c4 !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-info ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-info ~ .dropdown-menu .dropdown-item.active {
        background-color: #00CFDD;
        color: #fff;
    }

        .btn-info ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:hover i {
    color: #00CFDD;
}

.dropdown.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-info ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-info ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet info */
.bullet.bullet-info {
    background-color: #00CFDD;
}

/* For Pagination */
/* -------------- */
.pagination-info .page-item.active .page-link,
.pagination-info .page-item.active .page-link:hover {
    background: #00CFDD !important;
    color: #fff;
}

.pagination-info .page-item .page-link:hover {
    background-color: rgba(0, 207, 221, 0.17) !important;
}

.pagination-info .page-item.previous .page-link, .pagination-info .page-item.next .page-link {
    color: #00CFDD !important;
}

    .pagination-info .page-item.previous .page-link:hover, .pagination-info .page-item.next .page-link:hover {
        background: #00CFDD;
    }

    .pagination-info .page-item.previous .page-link span, .pagination-info .page-item.next .page-link span {
        color: #00CFDD;
    }

/* Progress Bars info */
/* ---------------------- */
.progress-bar-info .progress-bar {
    background-color: #00CFDD;
    box-shadow: 0 2px 6px 0 rgba(0, 207, 221, 0.6);
}

/* Chips info */
/* ---------------- */
.chip-info {
    background-color: #00CFDD !important;
}

    .chip-info .chip-body {
        color: #fff !important;
    }

/* Divider info */
/* ---------------*/
.divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
    border-color: #00CFDD !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-info:before {
    background: #00CFDD !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-info + .custom-control-label:before, input[type="radio"].bg-info + .custom-control-label:before {
    background-color: #00CFDD !important;
    border-color: #009faa !important;
}

.checkbox.checkbox-info input:checked ~ label::before {
    background-color: #00CFDD;
    border-color: #00CFDD;
}

.checkbox.checkbox-info input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-info.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0, 207, 221, 0.7);
}

.checkbox.checkbox-info.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-info label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-info input:checked ~ label::before {
    background-color: #00CFDD;
    border-color: #00CFDD;
}

.radio.radio-info input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-info.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(0, 207, 221, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00CFDD !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-info.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(0, 207, 221, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-info,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-info {
    box-shadow: 0 0 8px 0 rgba(0, 207, 221, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=info]:before {
    background-color: #00CFDD;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #00CFDD;
}

/* Select2 info */
/* ---------------*/
select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(0, 207, 221, 0.17) !important;
}

select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-info ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #00CFDD !important;
}

.info.darken-1 {
    color: #00b7c4 !important;
}

.bg-info.bg-darken-1 {
    background-color: #00b7c4 !important;
}

.btn-info.btn-darken-1 {
    border-color: #009faa !important;
    background-color: #00b7c4 !important;
}

    .btn-info.btn-darken-1:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-darken-1 {
    border-color: #00b7c4 !important;
    color: #00b7c4 !important;
}

    .btn-outline-info.btn-outline-darken-1:hover {
        background-color: #00b7c4 !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b7c4 !important;
}

.border-info.border-darken-1 {
    border: 1px solid #00b7c4 !important;
}

.border-top-info.border-top-darken-1 {
    border-top: 1px solid #00b7c4 !important;
}

.border-bottom-info.border-bottom-darken-1 {
    border-bottom: 1px solid #00b7c4 !important;
}

.border-left-info.border-left-darken-1 {
    border-left: 1px solid #00b7c4 !important;
}

.border-right-info.border-right-darken-1 {
    border-right: 1px solid #00b7c4 !important;
}

.overlay-info.overlay-darken-1 {
    background: #00b7c4;
    background: rgba(0, 183, 196, 0.6);
}

.info.darken-2 {
    color: #009faa !important;
}

.bg-info.bg-darken-2 {
    background-color: #009faa !important;
}

.btn-info.btn-darken-2 {
    border-color: #009faa !important;
    background-color: #009faa !important;
}

    .btn-info.btn-darken-2:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-darken-2 {
    border-color: #009faa !important;
    color: #009faa !important;
}

    .btn-outline-info.btn-outline-darken-2:hover {
        background-color: #009faa !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #009faa !important;
}

.border-info.border-darken-2 {
    border: 1px solid #009faa !important;
}

.border-top-info.border-top-darken-2 {
    border-top: 1px solid #009faa !important;
}

.border-bottom-info.border-bottom-darken-2 {
    border-bottom: 1px solid #009faa !important;
}

.border-left-info.border-left-darken-2 {
    border-left: 1px solid #009faa !important;
}

.border-right-info.border-right-darken-2 {
    border-right: 1px solid #009faa !important;
}

.overlay-info.overlay-darken-2 {
    background: #009faa;
    background: rgba(0, 159, 170, 0.6);
}

.info.darken-3 {
    color: #008791 !important;
}

.bg-info.bg-darken-3 {
    background-color: #008791 !important;
}

.btn-info.btn-darken-3 {
    border-color: #009faa !important;
    background-color: #008791 !important;
}

    .btn-info.btn-darken-3:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-darken-3 {
    border-color: #008791 !important;
    color: #008791 !important;
}

    .btn-outline-info.btn-outline-darken-3:hover {
        background-color: #008791 !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #008791 !important;
}

.border-info.border-darken-3 {
    border: 1px solid #008791 !important;
}

.border-top-info.border-top-darken-3 {
    border-top: 1px solid #008791 !important;
}

.border-bottom-info.border-bottom-darken-3 {
    border-bottom: 1px solid #008791 !important;
}

.border-left-info.border-left-darken-3 {
    border-left: 1px solid #008791 !important;
}

.border-right-info.border-right-darken-3 {
    border-right: 1px solid #008791 !important;
}

.overlay-info.overlay-darken-3 {
    background: #008791;
    background: rgba(0, 135, 145, 0.6);
}

.info.darken-4 {
    color: #006f77 !important;
}

.bg-info.bg-darken-4 {
    background-color: #006f77 !important;
}

.btn-info.btn-darken-4 {
    border-color: #009faa !important;
    background-color: #006f77 !important;
}

    .btn-info.btn-darken-4:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-darken-4 {
    border-color: #006f77 !important;
    color: #006f77 !important;
}

    .btn-outline-info.btn-outline-darken-4:hover {
        background-color: #006f77 !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #006f77 !important;
}

.border-info.border-darken-4 {
    border: 1px solid #006f77 !important;
}

.border-top-info.border-top-darken-4 {
    border-top: 1px solid #006f77 !important;
}

.border-bottom-info.border-bottom-darken-4 {
    border-bottom: 1px solid #006f77 !important;
}

.border-left-info.border-left-darken-4 {
    border-left: 1px solid #006f77 !important;
}

.border-right-info.border-right-darken-4 {
    border-right: 1px solid #006f77 !important;
}

.overlay-info.overlay-darken-4 {
    background: #006f77;
    background: rgba(0, 111, 119, 0.6);
}

.info.accent-1 {
    color: #feffff !important;
}

.bg-info.bg-accent-1 {
    background-color: #feffff !important;
}

.btn-info.btn-accent-1 {
    border-color: #009faa !important;
    background-color: #feffff !important;
}

    .btn-info.btn-accent-1:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-accent-1 {
    border-color: #feffff !important;
    color: #feffff !important;
}

    .btn-outline-info.btn-outline-accent-1:hover {
        background-color: #feffff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #feffff !important;
}

.border-info.border-accent-1 {
    border: 1px solid #feffff !important;
}

.border-top-info.border-top-accent-1 {
    border-top: 1px solid #feffff !important;
}

.border-bottom-info.border-bottom-accent-1 {
    border-bottom: 1px solid #feffff !important;
}

.border-left-info.border-left-accent-1 {
    border-left: 1px solid #feffff !important;
}

.border-right-info.border-right-accent-1 {
    border-right: 1px solid #feffff !important;
}

.overlay-info.overlay-accent-1 {
    background: #feffff;
    background: rgba(254, 255, 255, 0.6);
}

.info.accent-2 {
    color: #cbf5ff !important;
}

.bg-info.bg-accent-2 {
    background-color: #cbf5ff !important;
}

.btn-info.btn-accent-2 {
    border-color: #009faa !important;
    background-color: #cbf5ff !important;
}

    .btn-info.btn-accent-2:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-accent-2 {
    border-color: #cbf5ff !important;
    color: #cbf5ff !important;
}

    .btn-outline-info.btn-outline-accent-2:hover {
        background-color: #cbf5ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cbf5ff !important;
}

.border-info.border-accent-2 {
    border: 1px solid #cbf5ff !important;
}

.border-top-info.border-top-accent-2 {
    border-top: 1px solid #cbf5ff !important;
}

.border-bottom-info.border-bottom-accent-2 {
    border-bottom: 1px solid #cbf5ff !important;
}

.border-left-info.border-left-accent-2 {
    border-left: 1px solid #cbf5ff !important;
}

.border-right-info.border-right-accent-2 {
    border-right: 1px solid #cbf5ff !important;
}

.overlay-info.overlay-accent-2 {
    background: #cbf5ff;
    background: rgba(203, 245, 255, 0.6);
}

.info.accent-3 {
    color: #98ecff !important;
}

.bg-info.bg-accent-3 {
    background-color: #98ecff !important;
}

.btn-info.btn-accent-3 {
    border-color: #009faa !important;
    background-color: #98ecff !important;
}

    .btn-info.btn-accent-3:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-accent-3 {
    border-color: #98ecff !important;
    color: #98ecff !important;
}

    .btn-outline-info.btn-outline-accent-3:hover {
        background-color: #98ecff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #98ecff !important;
}

.border-info.border-accent-3 {
    border: 1px solid #98ecff !important;
}

.border-top-info.border-top-accent-3 {
    border-top: 1px solid #98ecff !important;
}

.border-bottom-info.border-bottom-accent-3 {
    border-bottom: 1px solid #98ecff !important;
}

.border-left-info.border-left-accent-3 {
    border-left: 1px solid #98ecff !important;
}

.border-right-info.border-right-accent-3 {
    border-right: 1px solid #98ecff !important;
}

.overlay-info.overlay-accent-3 {
    background: #98ecff;
    background: rgba(152, 236, 255, 0.6);
}

.info.accent-4 {
    color: #7fe7ff !important;
}

.bg-info.bg-accent-4 {
    background-color: #7fe7ff !important;
}

.btn-info.btn-accent-4 {
    border-color: #009faa !important;
    background-color: #7fe7ff !important;
}

    .btn-info.btn-accent-4:hover {
        border-color: #009faa !important;
        background-color: #008791 !important;
    }

    .btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active {
        border-color: #008791 !important;
        background-color: #006f77 !important;
    }

.btn-outline-info.btn-outline-accent-4 {
    border-color: #7fe7ff !important;
    color: #7fe7ff !important;
}

    .btn-outline-info.btn-outline-accent-4:hover {
        background-color: #7fe7ff !important;
    }

input:focus ~ .bg-info {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7fe7ff !important;
}

.border-info.border-accent-4 {
    border: 1px solid #7fe7ff !important;
}

.border-top-info.border-top-accent-4 {
    border-top: 1px solid #7fe7ff !important;
}

.border-bottom-info.border-bottom-accent-4 {
    border-bottom: 1px solid #7fe7ff !important;
}

.border-left-info.border-left-accent-4 {
    border-left: 1px solid #7fe7ff !important;
}

.border-right-info.border-right-accent-4 {
    border-right: 1px solid #7fe7ff !important;
}

.overlay-info.overlay-accent-4 {
    background: #7fe7ff;
    background: rgba(127, 231, 255, 0.6);
}

.warning.lighten-5 {
    color: #fee3bf !important;
}

.bg-warning.bg-lighten-5 {
    background-color: #fee3bf !important;
}

.btn-warning.btn-lighten-5 {
    border-color: #fc960f !important;
    background-color: #fee3bf !important;
}

    .btn-warning.btn-lighten-5:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-lighten-5 {
    border-color: #fee3bf !important;
    color: #fee3bf !important;
}

    .btn-outline-warning.btn-outline-lighten-5:hover {
        background-color: #fee3bf !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fee3bf !important;
}

.border-warning.border-lighten-5 {
    border: 1px solid #fee3bf !important;
}

.border-top-warning.border-top-lighten-5 {
    border-top: 1px solid #fee3bf !important;
}

.border-bottom-warning.border-bottom-lighten-5 {
    border-bottom: 1px solid #fee3bf !important;
}

.border-left-warning.border-left-lighten-5 {
    border-left: 1px solid #fee3bf !important;
}

.border-right-warning.border-right-lighten-5 {
    border-right: 1px solid #fee3bf !important;
}

.overlay-warning.overlay-lighten-5 {
    background: #fee3bf;
    background: rgba(254, 227, 191, 0.6);
}

.warning.lighten-4 {
    color: #fed8a6 !important;
}

.bg-warning.bg-lighten-4 {
    background-color: #fed8a6 !important;
}

.btn-warning.btn-lighten-4 {
    border-color: #fc960f !important;
    background-color: #fed8a6 !important;
}

    .btn-warning.btn-lighten-4:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-lighten-4 {
    border-color: #fed8a6 !important;
    color: #fed8a6 !important;
}

    .btn-outline-warning.btn-outline-lighten-4:hover {
        background-color: #fed8a6 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fed8a6 !important;
}

.border-warning.border-lighten-4 {
    border: 1px solid #fed8a6 !important;
}

.border-top-warning.border-top-lighten-4 {
    border-top: 1px solid #fed8a6 !important;
}

.border-bottom-warning.border-bottom-lighten-4 {
    border-bottom: 1px solid #fed8a6 !important;
}

.border-left-warning.border-left-lighten-4 {
    border-left: 1px solid #fed8a6 !important;
}

.border-right-warning.border-right-lighten-4 {
    border-right: 1px solid #fed8a6 !important;
}

.overlay-warning.overlay-lighten-4 {
    background: #fed8a6;
    background: rgba(254, 216, 166, 0.6);
}

.warning.lighten-3 {
    color: #fecd8d !important;
}

.bg-warning.bg-lighten-3 {
    background-color: #fecd8d !important;
}

.btn-warning.btn-lighten-3 {
    border-color: #fc960f !important;
    background-color: #fecd8d !important;
}

    .btn-warning.btn-lighten-3:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-lighten-3 {
    border-color: #fecd8d !important;
    color: #fecd8d !important;
}

    .btn-outline-warning.btn-outline-lighten-3:hover {
        background-color: #fecd8d !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fecd8d !important;
}

.border-warning.border-lighten-3 {
    border: 1px solid #fecd8d !important;
}

.border-top-warning.border-top-lighten-3 {
    border-top: 1px solid #fecd8d !important;
}

.border-bottom-warning.border-bottom-lighten-3 {
    border-bottom: 1px solid #fecd8d !important;
}

.border-left-warning.border-left-lighten-3 {
    border-left: 1px solid #fecd8d !important;
}

.border-right-warning.border-right-lighten-3 {
    border-right: 1px solid #fecd8d !important;
}

.overlay-warning.overlay-lighten-3 {
    background: #fecd8d;
    background: rgba(254, 205, 141, 0.6);
}

.warning.lighten-2 {
    color: #fec273 !important;
}

.bg-warning.bg-lighten-2 {
    background-color: #fec273 !important;
}

.btn-warning.btn-lighten-2 {
    border-color: #fc960f !important;
    background-color: #fec273 !important;
}

    .btn-warning.btn-lighten-2:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-lighten-2 {
    border-color: #fec273 !important;
    color: #fec273 !important;
}

    .btn-outline-warning.btn-outline-lighten-2:hover {
        background-color: #fec273 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fec273 !important;
}

.border-warning.border-lighten-2 {
    border: 1px solid #fec273 !important;
}

.border-top-warning.border-top-lighten-2 {
    border-top: 1px solid #fec273 !important;
}

.border-bottom-warning.border-bottom-lighten-2 {
    border-bottom: 1px solid #fec273 !important;
}

.border-left-warning.border-left-lighten-2 {
    border-left: 1px solid #fec273 !important;
}

.border-right-warning.border-right-lighten-2 {
    border-right: 1px solid #fec273 !important;
}

.overlay-warning.overlay-lighten-2 {
    background: #fec273;
    background: rgba(254, 194, 115, 0.6);
}

.warning.lighten-1 {
    color: #fdb75a !important;
}

.bg-warning.bg-lighten-1 {
    background-color: #fdb75a !important;
}

.btn-warning.btn-lighten-1 {
    border-color: #fc960f !important;
    background-color: #fdb75a !important;
}

    .btn-warning.btn-lighten-1:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-lighten-1 {
    border-color: #fdb75a !important;
    color: #fdb75a !important;
}

    .btn-outline-warning.btn-outline-lighten-1:hover {
        background-color: #fdb75a !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fdb75a !important;
}

.border-warning.border-lighten-1 {
    border: 1px solid #fdb75a !important;
}

.border-top-warning.border-top-lighten-1 {
    border-top: 1px solid #fdb75a !important;
}

.border-bottom-warning.border-bottom-lighten-1 {
    border-bottom: 1px solid #fdb75a !important;
}

.border-left-warning.border-left-lighten-1 {
    border-left: 1px solid #fdb75a !important;
}

.border-right-warning.border-right-lighten-1 {
    border-right: 1px solid #fdb75a !important;
}

.overlay-warning.overlay-lighten-1 {
    background: #fdb75a;
    background: rgba(253, 183, 90, 0.6);
}

/* warning Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.warning {
    color: #FDAC41 !important;
}

/* text with light warning */
.text-light-warning {
    color: rgba(253, 172, 65, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-warning {
    background-color: #FDAC41 !important;
}

    .bg-warning .card-header,
    .bg-warning .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-warning {
    background: rgba(253, 172, 65, 0.2) !important;
}

    .bg-rgba-warning.alert {
        color: #FDAC41;
    }

        .bg-rgba-warning.alert.alert-dismissible .close {
            color: #FDAC41;
        }

        .bg-rgba-warning.alert .alert-link {
            color: #FDAC41;
        }

/* Alert warning */
/* ---------------- */
.alert.alert-warning {
    background: #FDAC41 !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(253, 172, 65, 0.4);
    border: none;
}

/* Border warning */
/* ---------------- */
.border-warning {
    border: 1px solid #FDAC41 !important;
}

    .border-warning .select2-selection__arrow b {
        border-color: #fc960f !important;
    }

    .border-warning.alert {
        color: #FDAC41;
    }

        .border-warning.alert.alert-dismissible .close {
            color: #FDAC41;
        }

        .border-warning.alert .alert-link {
            color: #FDAC41;
        }

.border-top-warning {
    border-top: 1px solid #FDAC41;
}

.border-bottom-warning {
    border-bottom: 1px solid #FDAC41;
}

.border-left-warning {
    border-left: 1px solid #FDAC41;
}

.border-right-warning {
    border-right: 1px solid #FDAC41;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-warning .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #FDAC41 !important;
}

/* Badges */
/* ------ */
.badge.badge-warning {
    background-color: #FDAC41;
}

.badge.badge-light-warning {
    background-color: rgba(253, 172, 65, 0.17);
    color: #FDAC41 !important;
}

.badge.bg-warning.badge-glow, .badge.border-warning.badge-glow, .badge.badge-warning.badge-glow {
    box-shadow: 0px 0px 10px #FDAC41;
}

.badge-circle-warning {
    background-color: #FDAC41;
}

.badge-circle-light-warning {
    background-color: rgba(253, 172, 65, 0.17);
    color: #FDAC41;
}

.overlay-warning {
    background: #FDAC41;
    background: rgba(253, 172, 65, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-warning {
    border-color: #fc960f !important;
    background-color: #FDAC41 !important;
    color: #fff;
}

    .btn-warning:hover, .btn-warning.hover {
        background-color: #fdb75a !important;
        color: #fff;
    }

        .btn-warning:hover.glow, .btn-warning.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(253, 172, 65, 0.6) !important;
        }

    .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        background-color: #fda128 !important;
        color: #fff !important;
    }

    .btn-warning.glow {
        box-shadow: 0 2px 4px 0 rgba(253, 172, 65, 0.5) !important;
    }

    .btn-warning:disabled, .btn-warning.disabled {
        color: #fff !important;
    }

.btn-light-warning {
    background-color: rgba(253, 172, 65, 0.17);
    color: #FDAC41 !important;
}

    .btn-light-warning:hover, .btn-light-warning.hover {
        background-color: #fdb75a !important;
        color: #fff !important;
    }

    .btn-light-warning:active, .btn-light-warning.active {
        background-color: #fda128 !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-warning {
    border: 1px solid #FDAC41;
    background-color: transparent;
    color: #FDAC41 !important;
}

    .btn-outline-warning:hover, .btn-outline-warning.hover {
        background-color: #fdb75a !important;
        color: #fff !important;
    }

    .btn-outline-warning:active, .btn-outline-warning.active {
        background-color: #fda128 !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-warning ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-warning ~ .dropdown-menu .dropdown-item.active {
        background-color: #FDAC41;
        color: #fff;
    }

        .btn-warning ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:hover i {
    color: #FDAC41;
}

.dropdown.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-warning ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-warning ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet warning */
.bullet.bullet-warning {
    background-color: #FDAC41;
}

/* For Pagination */
/* -------------- */
.pagination-warning .page-item.active .page-link,
.pagination-warning .page-item.active .page-link:hover {
    background: #FDAC41 !important;
    color: #fff;
}

.pagination-warning .page-item .page-link:hover {
    background-color: rgba(253, 172, 65, 0.17) !important;
}

.pagination-warning .page-item.previous .page-link, .pagination-warning .page-item.next .page-link {
    color: #FDAC41 !important;
}

    .pagination-warning .page-item.previous .page-link:hover, .pagination-warning .page-item.next .page-link:hover {
        background: #FDAC41;
    }

    .pagination-warning .page-item.previous .page-link span, .pagination-warning .page-item.next .page-link span {
        color: #FDAC41;
    }

/* Progress Bars warning */
/* ---------------------- */
.progress-bar-warning .progress-bar {
    background-color: #FDAC41;
    box-shadow: 0 2px 6px 0 rgba(253, 172, 65, 0.6);
}

/* Chips warning */
/* ---------------- */
.chip-warning {
    background-color: #FDAC41 !important;
}

    .chip-warning .chip-body {
        color: #fff !important;
    }

/* Divider warning */
/* ---------------*/
.divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
    border-color: #FDAC41 !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-warning:before {
    background: #FDAC41 !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-warning + .custom-control-label:before, input[type="radio"].bg-warning + .custom-control-label:before {
    background-color: #FDAC41 !important;
    border-color: #fc960f !important;
}

.checkbox.checkbox-warning input:checked ~ label::before {
    background-color: #FDAC41;
    border-color: #FDAC41;
}

.checkbox.checkbox-warning input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-warning.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(253, 172, 65, 0.7);
}

.checkbox.checkbox-warning.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-warning label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-warning input:checked ~ label::before {
    background-color: #FDAC41;
    border-color: #FDAC41;
}

.radio.radio-warning input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-warning.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(253, 172, 65, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FDAC41 !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-warning.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(253, 172, 65, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-warning,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-warning {
    box-shadow: 0 0 8px 0 rgba(253, 172, 65, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=warning]:before {
    background-color: #FDAC41;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #FDAC41;
}

/* Select2 warning */
/* ---------------*/
select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(253, 172, 65, 0.17) !important;
}

select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-warning ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FDAC41 !important;
}

.warning.darken-1 {
    color: #fda128 !important;
}

.bg-warning.bg-darken-1 {
    background-color: #fda128 !important;
}

.btn-warning.btn-darken-1 {
    border-color: #fc960f !important;
    background-color: #fda128 !important;
}

    .btn-warning.btn-darken-1:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-darken-1 {
    border-color: #fda128 !important;
    color: #fda128 !important;
}

    .btn-outline-warning.btn-outline-darken-1:hover {
        background-color: #fda128 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fda128 !important;
}

.border-warning.border-darken-1 {
    border: 1px solid #fda128 !important;
}

.border-top-warning.border-top-darken-1 {
    border-top: 1px solid #fda128 !important;
}

.border-bottom-warning.border-bottom-darken-1 {
    border-bottom: 1px solid #fda128 !important;
}

.border-left-warning.border-left-darken-1 {
    border-left: 1px solid #fda128 !important;
}

.border-right-warning.border-right-darken-1 {
    border-right: 1px solid #fda128 !important;
}

.overlay-warning.overlay-darken-1 {
    background: #fda128;
    background: rgba(253, 161, 40, 0.6);
}

.warning.darken-2 {
    color: #fc960f !important;
}

.bg-warning.bg-darken-2 {
    background-color: #fc960f !important;
}

.btn-warning.btn-darken-2 {
    border-color: #fc960f !important;
    background-color: #fc960f !important;
}

    .btn-warning.btn-darken-2:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-darken-2 {
    border-color: #fc960f !important;
    color: #fc960f !important;
}

    .btn-outline-warning.btn-outline-darken-2:hover {
        background-color: #fc960f !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fc960f !important;
}

.border-warning.border-darken-2 {
    border: 1px solid #fc960f !important;
}

.border-top-warning.border-top-darken-2 {
    border-top: 1px solid #fc960f !important;
}

.border-bottom-warning.border-bottom-darken-2 {
    border-bottom: 1px solid #fc960f !important;
}

.border-left-warning.border-left-darken-2 {
    border-left: 1px solid #fc960f !important;
}

.border-right-warning.border-right-darken-2 {
    border-right: 1px solid #fc960f !important;
}

.overlay-warning.overlay-darken-2 {
    background: #fc960f;
    background: rgba(252, 150, 15, 0.6);
}

.warning.darken-3 {
    color: #ef8903 !important;
}

.bg-warning.bg-darken-3 {
    background-color: #ef8903 !important;
}

.btn-warning.btn-darken-3 {
    border-color: #fc960f !important;
    background-color: #ef8903 !important;
}

    .btn-warning.btn-darken-3:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-darken-3 {
    border-color: #ef8903 !important;
    color: #ef8903 !important;
}

    .btn-outline-warning.btn-outline-darken-3:hover {
        background-color: #ef8903 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef8903 !important;
}

.border-warning.border-darken-3 {
    border: 1px solid #ef8903 !important;
}

.border-top-warning.border-top-darken-3 {
    border-top: 1px solid #ef8903 !important;
}

.border-bottom-warning.border-bottom-darken-3 {
    border-bottom: 1px solid #ef8903 !important;
}

.border-left-warning.border-left-darken-3 {
    border-left: 1px solid #ef8903 !important;
}

.border-right-warning.border-right-darken-3 {
    border-right: 1px solid #ef8903 !important;
}

.overlay-warning.overlay-darken-3 {
    background: #ef8903;
    background: rgba(239, 137, 3, 0.6);
}

.warning.darken-4 {
    color: #d67b02 !important;
}

.bg-warning.bg-darken-4 {
    background-color: #d67b02 !important;
}

.btn-warning.btn-darken-4 {
    border-color: #fc960f !important;
    background-color: #d67b02 !important;
}

    .btn-warning.btn-darken-4:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-darken-4 {
    border-color: #d67b02 !important;
    color: #d67b02 !important;
}

    .btn-outline-warning.btn-outline-darken-4:hover {
        background-color: #d67b02 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d67b02 !important;
}

.border-warning.border-darken-4 {
    border: 1px solid #d67b02 !important;
}

.border-top-warning.border-top-darken-4 {
    border-top: 1px solid #d67b02 !important;
}

.border-bottom-warning.border-bottom-darken-4 {
    border-bottom: 1px solid #d67b02 !important;
}

.border-left-warning.border-left-darken-4 {
    border-left: 1px solid #d67b02 !important;
}

.border-right-warning.border-right-darken-4 {
    border-right: 1px solid #d67b02 !important;
}

.overlay-warning.overlay-darken-4 {
    background: #d67b02;
    background: rgba(214, 123, 2, 0.6);
}

.warning.accent-1 {
    color: #fff5ef !important;
}

.bg-warning.bg-accent-1 {
    background-color: #fff5ef !important;
}

.btn-warning.btn-accent-1 {
    border-color: #fc960f !important;
    background-color: #fff5ef !important;
}

    .btn-warning.btn-accent-1:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-accent-1 {
    border-color: #fff5ef !important;
    color: #fff5ef !important;
}

    .btn-outline-warning.btn-outline-accent-1:hover {
        background-color: #fff5ef !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff5ef !important;
}

.border-warning.border-accent-1 {
    border: 1px solid #fff5ef !important;
}

.border-top-warning.border-top-accent-1 {
    border-top: 1px solid #fff5ef !important;
}

.border-bottom-warning.border-bottom-accent-1 {
    border-bottom: 1px solid #fff5ef !important;
}

.border-left-warning.border-left-accent-1 {
    border-left: 1px solid #fff5ef !important;
}

.border-right-warning.border-right-accent-1 {
    border-right: 1px solid #fff5ef !important;
}

.overlay-warning.overlay-accent-1 {
    background: #fff5ef;
    background: rgba(255, 245, 239, 0.6);
}

.warning.accent-2 {
    color: #ffe5d8 !important;
}

.bg-warning.bg-accent-2 {
    background-color: #ffe5d8 !important;
}

.btn-warning.btn-accent-2 {
    border-color: #fc960f !important;
    background-color: #ffe5d8 !important;
}

    .btn-warning.btn-accent-2:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-accent-2 {
    border-color: #ffe5d8 !important;
    color: #ffe5d8 !important;
}

    .btn-outline-warning.btn-outline-accent-2:hover {
        background-color: #ffe5d8 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe5d8 !important;
}

.border-warning.border-accent-2 {
    border: 1px solid #ffe5d8 !important;
}

.border-top-warning.border-top-accent-2 {
    border-top: 1px solid #ffe5d8 !important;
}

.border-bottom-warning.border-bottom-accent-2 {
    border-bottom: 1px solid #ffe5d8 !important;
}

.border-left-warning.border-left-accent-2 {
    border-left: 1px solid #ffe5d8 !important;
}

.border-right-warning.border-right-accent-2 {
    border-right: 1px solid #ffe5d8 !important;
}

.overlay-warning.overlay-accent-2 {
    background: #ffe5d8;
    background: rgba(255, 229, 216, 0.6);
}

.warning.accent-3 {
    color: #fff6f3 !important;
}

.bg-warning.bg-accent-3 {
    background-color: #fff6f3 !important;
}

.btn-warning.btn-accent-3 {
    border-color: #fc960f !important;
    background-color: #fff6f3 !important;
}

    .btn-warning.btn-accent-3:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-accent-3 {
    border-color: #fff6f3 !important;
    color: #fff6f3 !important;
}

    .btn-outline-warning.btn-outline-accent-3:hover {
        background-color: #fff6f3 !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff6f3 !important;
}

.border-warning.border-accent-3 {
    border: 1px solid #fff6f3 !important;
}

.border-top-warning.border-top-accent-3 {
    border-top: 1px solid #fff6f3 !important;
}

.border-bottom-warning.border-bottom-accent-3 {
    border-bottom: 1px solid #fff6f3 !important;
}

.border-left-warning.border-left-accent-3 {
    border-left: 1px solid #fff6f3 !important;
}

.border-right-warning.border-right-accent-3 {
    border-right: 1px solid #fff6f3 !important;
}

.overlay-warning.overlay-accent-3 {
    background: #fff6f3;
    background: rgba(255, 246, 243, 0.6);
}

.warning.accent-4 {
    color: #ffe3da !important;
}

.bg-warning.bg-accent-4 {
    background-color: #ffe3da !important;
}

.btn-warning.btn-accent-4 {
    border-color: #fc960f !important;
    background-color: #ffe3da !important;
}

    .btn-warning.btn-accent-4:hover {
        border-color: #fc960f !important;
        background-color: #ef8903 !important;
    }

    .btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active {
        border-color: #ef8903 !important;
        background-color: #d67b02 !important;
    }

.btn-outline-warning.btn-outline-accent-4 {
    border-color: #ffe3da !important;
    color: #ffe3da !important;
}

    .btn-outline-warning.btn-outline-accent-4:hover {
        background-color: #ffe3da !important;
    }

input:focus ~ .bg-warning {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe3da !important;
}

.border-warning.border-accent-4 {
    border: 1px solid #ffe3da !important;
}

.border-top-warning.border-top-accent-4 {
    border-top: 1px solid #ffe3da !important;
}

.border-bottom-warning.border-bottom-accent-4 {
    border-bottom: 1px solid #ffe3da !important;
}

.border-left-warning.border-left-accent-4 {
    border-left: 1px solid #ffe3da !important;
}

.border-right-warning.border-right-accent-4 {
    border-right: 1px solid #ffe3da !important;
}

.overlay-warning.overlay-accent-4 {
    background: #ffe3da;
    background: rgba(255, 227, 218, 0.6);
}

.danger.lighten-5 {
    color: #ffdbdb !important;
}

.bg-danger.bg-lighten-5 {
    background-color: #ffdbdb !important;
}

.btn-danger.btn-lighten-5 {
    border-color: #ff2829 !important;
    background-color: #ffdbdb !important;
}

    .btn-danger.btn-lighten-5:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-lighten-5 {
    border-color: #ffdbdb !important;
    color: #ffdbdb !important;
}

    .btn-outline-danger.btn-outline-lighten-5:hover {
        background-color: #ffdbdb !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffdbdb !important;
}

.border-danger.border-lighten-5 {
    border: 1px solid #ffdbdb !important;
}

.border-top-danger.border-top-lighten-5 {
    border-top: 1px solid #ffdbdb !important;
}

.border-bottom-danger.border-bottom-lighten-5 {
    border-bottom: 1px solid #ffdbdb !important;
}

.border-left-danger.border-left-lighten-5 {
    border-left: 1px solid #ffdbdb !important;
}

.border-right-danger.border-right-lighten-5 {
    border-right: 1px solid #ffdbdb !important;
}

.overlay-danger.overlay-lighten-5 {
    background: #ffdbdb;
    background: rgba(255, 219, 219, 0.6);
}

.danger.lighten-4 {
    color: #ffc1c1 !important;
}

.bg-danger.bg-lighten-4 {
    background-color: #ffc1c1 !important;
}

.btn-danger.btn-lighten-4 {
    border-color: #ff2829 !important;
    background-color: #ffc1c1 !important;
}

    .btn-danger.btn-lighten-4:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-lighten-4 {
    border-color: #ffc1c1 !important;
    color: #ffc1c1 !important;
}

    .btn-outline-danger.btn-outline-lighten-4:hover {
        background-color: #ffc1c1 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc1c1 !important;
}

.border-danger.border-lighten-4 {
    border: 1px solid #ffc1c1 !important;
}

.border-top-danger.border-top-lighten-4 {
    border-top: 1px solid #ffc1c1 !important;
}

.border-bottom-danger.border-bottom-lighten-4 {
    border-bottom: 1px solid #ffc1c1 !important;
}

.border-left-danger.border-left-lighten-4 {
    border-left: 1px solid #ffc1c1 !important;
}

.border-right-danger.border-right-lighten-4 {
    border-right: 1px solid #ffc1c1 !important;
}

.overlay-danger.overlay-lighten-4 {
    background: #ffc1c1;
    background: rgba(255, 193, 193, 0.6);
}

.danger.lighten-3 {
    color: #ffa8a8 !important;
}

.bg-danger.bg-lighten-3 {
    background-color: #ffa8a8 !important;
}

.btn-danger.btn-lighten-3 {
    border-color: #ff2829 !important;
    background-color: #ffa8a8 !important;
}

    .btn-danger.btn-lighten-3:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-lighten-3 {
    border-color: #ffa8a8 !important;
    color: #ffa8a8 !important;
}

    .btn-outline-danger.btn-outline-lighten-3:hover {
        background-color: #ffa8a8 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa8a8 !important;
}

.border-danger.border-lighten-3 {
    border: 1px solid #ffa8a8 !important;
}

.border-top-danger.border-top-lighten-3 {
    border-top: 1px solid #ffa8a8 !important;
}

.border-bottom-danger.border-bottom-lighten-3 {
    border-bottom: 1px solid #ffa8a8 !important;
}

.border-left-danger.border-left-lighten-3 {
    border-left: 1px solid #ffa8a8 !important;
}

.border-right-danger.border-right-lighten-3 {
    border-right: 1px solid #ffa8a8 !important;
}

.overlay-danger.overlay-lighten-3 {
    background: #ffa8a8;
    background: rgba(255, 168, 168, 0.6);
}

.danger.lighten-2 {
    color: #ff8e8f !important;
}

.bg-danger.bg-lighten-2 {
    background-color: #ff8e8f !important;
}

.btn-danger.btn-lighten-2 {
    border-color: #ff2829 !important;
    background-color: #ff8e8f !important;
}

    .btn-danger.btn-lighten-2:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-lighten-2 {
    border-color: #ff8e8f !important;
    color: #ff8e8f !important;
}

    .btn-outline-danger.btn-outline-lighten-2:hover {
        background-color: #ff8e8f !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8e8f !important;
}

.border-danger.border-lighten-2 {
    border: 1px solid #ff8e8f !important;
}

.border-top-danger.border-top-lighten-2 {
    border-top: 1px solid #ff8e8f !important;
}

.border-bottom-danger.border-bottom-lighten-2 {
    border-bottom: 1px solid #ff8e8f !important;
}

.border-left-danger.border-left-lighten-2 {
    border-left: 1px solid #ff8e8f !important;
}

.border-right-danger.border-right-lighten-2 {
    border-right: 1px solid #ff8e8f !important;
}

.overlay-danger.overlay-lighten-2 {
    background: #ff8e8f;
    background: rgba(255, 142, 143, 0.6);
}

.danger.lighten-1 {
    color: #ff7575 !important;
}

.bg-danger.bg-lighten-1 {
    background-color: #ff7575 !important;
}

.btn-danger.btn-lighten-1 {
    border-color: #ff2829 !important;
    background-color: #ff7575 !important;
}

    .btn-danger.btn-lighten-1:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-lighten-1 {
    border-color: #ff7575 !important;
    color: #ff7575 !important;
}

    .btn-outline-danger.btn-outline-lighten-1:hover {
        background-color: #ff7575 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff7575 !important;
}

.border-danger.border-lighten-1 {
    border: 1px solid #ff7575 !important;
}

.border-top-danger.border-top-lighten-1 {
    border-top: 1px solid #ff7575 !important;
}

.border-bottom-danger.border-bottom-lighten-1 {
    border-bottom: 1px solid #ff7575 !important;
}

.border-left-danger.border-left-lighten-1 {
    border-left: 1px solid #ff7575 !important;
}

.border-right-danger.border-right-lighten-1 {
    border-right: 1px solid #ff7575 !important;
}

.overlay-danger.overlay-lighten-1 {
    background: #ff7575;
    background: rgba(255, 117, 117, 0.6);
}

/* danger Color Style */
/* ----------------------- */
/* Text color */
/* ---------- */
.danger {
    color: #FF5B5C !important;
}

/* text with light danger */
.text-light-danger {
    color: rgba(255, 91, 92, 0.2) !important;
}

/* Background color */
/* ---------------- */
.bg-danger {
    background-color: #FF5B5C !important;
}

    .bg-danger .card-header,
    .bg-danger .card-footer {
        background-color: transparent;
    }

/* bg color lighten for rgba - opacity set */
.bg-rgba-danger {
    background: rgba(255, 91, 92, 0.2) !important;
}

    .bg-rgba-danger.alert {
        color: #FF5B5C;
    }

        .bg-rgba-danger.alert.alert-dismissible .close {
            color: #FF5B5C;
        }

        .bg-rgba-danger.alert .alert-link {
            color: #FF5B5C;
        }

/* Alert danger */
/* ---------------- */
.alert.alert-danger {
    background: #FF5B5C !important;
    color: #fff !important;
    box-shadow: 0 3px 8px 0 rgba(255, 91, 92, 0.4);
    border: none;
}

/* Border danger */
/* ---------------- */
.border-danger {
    border: 1px solid #FF5B5C !important;
}

    .border-danger .select2-selection__arrow b {
        border-color: #ff2829 !important;
    }

    .border-danger.alert {
        color: #FF5B5C;
    }

        .border-danger.alert.alert-dismissible .close {
            color: #FF5B5C;
        }

        .border-danger.alert .alert-link {
            color: #FF5B5C;
        }

.border-top-danger {
    border-top: 1px solid #FF5B5C;
}

.border-bottom-danger {
    border-bottom: 1px solid #FF5B5C;
}

.border-left-danger {
    border-left: 1px solid #FF5B5C;
}

.border-right-danger {
    border-right: 1px solid #FF5B5C;
}

/* Navbar icon stroke color according to bg color */
.header-navbar.bg-danger .navbar-nav .nav-item > a i {
    -webkit-text-stroke: 0.2px #FF5B5C !important;
}

/* Badges */
/* ------ */
.badge.badge-danger {
    background-color: #FF5B5C;
}

.badge.badge-light-danger {
    background-color: rgba(255, 91, 92, 0.17);
    color: #FF5B5C !important;
}

.badge.bg-danger.badge-glow, .badge.border-danger.badge-glow, .badge.badge-danger.badge-glow {
    box-shadow: 0px 0px 10px #FF5B5C;
}

.badge-circle-danger {
    background-color: #FF5B5C;
}

.badge-circle-light-danger {
    background-color: rgba(255, 91, 92, 0.17);
    color: #FF5B5C;
}

.overlay-danger {
    background: #FF5B5C;
    background: rgba(255, 91, 92, 0.6);
}

/* Basic buttons */
/* ------------- */
.btn-danger {
    border-color: #ff2829 !important;
    background-color: #FF5B5C !important;
    color: #fff;
}

    .btn-danger:hover, .btn-danger.hover {
        background-color: #ff7575 !important;
        color: #fff;
    }

        .btn-danger:hover.glow, .btn-danger.hover.glow {
            box-shadow: 0 4px 12px 0 rgba(255, 91, 92, 0.6) !important;
        }

    .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        background-color: #ff4243 !important;
        color: #fff !important;
    }

    .btn-danger.glow {
        box-shadow: 0 2px 4px 0 rgba(255, 91, 92, 0.5) !important;
    }

    .btn-danger:disabled, .btn-danger.disabled {
        color: #fff !important;
    }

.btn-light-danger {
    background-color: rgba(255, 91, 92, 0.17);
    color: #FF5B5C !important;
}

    .btn-light-danger:hover, .btn-light-danger.hover {
        background-color: #ff7575 !important;
        color: #fff !important;
    }

    .btn-light-danger:active, .btn-light-danger.active {
        background-color: #ff4243 !important;
        color: #fff !important;
    }

/* Outline buttons */
.btn-outline-danger {
    border: 1px solid #FF5B5C;
    background-color: transparent;
    color: #FF5B5C !important;
}

    .btn-outline-danger:hover, .btn-outline-danger.hover {
        background-color: #ff7575 !important;
        color: #fff !important;
    }

    .btn-outline-danger:active, .btn-outline-danger.active {
        background-color: #ff4243 !important;
        color: #fff !important;
    }

    /* Dropdowns */
    /* --------- */
    .btn-danger ~ .dropdown-menu .dropdown-item.active,
    .btn-outline-danger ~ .dropdown-menu .dropdown-item.active {
        background-color: #FF5B5C;
        color: #fff;
    }

        .btn-danger ~ .dropdown-menu .dropdown-item.active:hover,
        .btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover {
            color: #fff;
        }

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:hover i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:hover i {
    color: #FF5B5C;
}

.dropdown.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropdown.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropup.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropright.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-danger ~ .dropdown-menu .dropdown-item:active i,
.dropleft.dropdown-icon-wrapper .btn-outline-danger ~ .dropdown-menu .dropdown-item:active i {
    color: #fff;
}

/* Bullet danger */
.bullet.bullet-danger {
    background-color: #FF5B5C;
}

/* For Pagination */
/* -------------- */
.pagination-danger .page-item.active .page-link,
.pagination-danger .page-item.active .page-link:hover {
    background: #FF5B5C !important;
    color: #fff;
}

.pagination-danger .page-item .page-link:hover {
    background-color: rgba(255, 91, 92, 0.17) !important;
}

.pagination-danger .page-item.previous .page-link, .pagination-danger .page-item.next .page-link {
    color: #FF5B5C !important;
}

    .pagination-danger .page-item.previous .page-link:hover, .pagination-danger .page-item.next .page-link:hover {
        background: #FF5B5C;
    }

    .pagination-danger .page-item.previous .page-link span, .pagination-danger .page-item.next .page-link span {
        color: #FF5B5C;
    }

/* Progress Bars danger */
/* ---------------------- */
.progress-bar-danger .progress-bar {
    background-color: #FF5B5C;
    box-shadow: 0 2px 6px 0 rgba(255, 91, 92, 0.6);
}

/* Chips danger */
/* ---------------- */
.chip-danger {
    background-color: #FF5B5C !important;
}

    .chip-danger .chip-body {
        color: #fff !important;
    }

/* Divider danger */
/* ---------------*/
.divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
    border-color: #FF5B5C !important;
}

/* timeline */
.timeline li.timeline-item.timeline-icon-danger:before {
    background: #FF5B5C !important;
}

/* Custom Checkbox & Radio - Colored */
/* --------------------------------- */
input[type="checkbox"].bg-danger + .custom-control-label:before, input[type="radio"].bg-danger + .custom-control-label:before {
    background-color: #FF5B5C !important;
    border-color: #ff2829 !important;
}

.checkbox.checkbox-danger input:checked ~ label::before {
    background-color: #FF5B5C;
    border-color: #FF5B5C;
}

.checkbox.checkbox-danger input:checked ~ label::after {
    border-color: #fff;
}

.checkbox.checkbox-danger.checkbox-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255, 91, 92, 0.7);
}

.checkbox.checkbox-danger.checkbox-icon label i {
    color: #fff;
}

.checkbox.checkbox-danger label:after {
    transition: 250ms ease-in-out;
}

.radio.radio-danger input:checked ~ label::before {
    background-color: #FF5B5C;
    border-color: #FF5B5C;
}

.radio.radio-danger input:checked ~ label::after {
    border-color: #fff;
    background-color: #fff;
    transition: all 0.15s cubic-bezier(0.35, 0.9, 0.4, 0.9);
}

.radio.radio-danger.radio-glow input:checked ~ label::before {
    box-shadow: 0 0 6px 0 rgba(255, 91, 92, 0.7);
}

/* Bootstrap Custom Switches */
/* ------------------------- */
.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF5B5C !important;
    color: #fff;
    transition: all .2s ease-out;
}

.custom-switch-danger.custom-switch-glow .custom-control-input:not(:disabled):checked ~ .custom-control-label::before {
    box-shadow: 0 0 8px 0 rgba(255, 91, 92, 0.8) !important;
}

/* Touchspin Glow */
/* -------------- */
.input-group.touchspin-glow .bootstrap-touchspin-down.btn-danger,
.input-group.touchspin-glow .bootstrap-touchspin-up.btn-danger {
    box-shadow: 0 0 8px 0 rgba(255, 91, 92, 0.8);
}

/* Scrumboard Application - kanban-item with coloured border */
/* --------------------------------------------------------- */
.kanban-container .kanban-board .kanban-item[data-border=danger]:before {
    background-color: #FF5B5C;
}

.edit-kanban-item select option.bg-color_name {
    background-color: #FF5B5C;
}

/* Select2 danger */
/* ---------------*/
select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: rgba(255, 91, 92, 0.17) !important;
}

select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
select.select-light-danger ~ .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    color: #FF5B5C !important;
}

.danger.darken-1 {
    color: #ff4243 !important;
}

.bg-danger.bg-darken-1 {
    background-color: #ff4243 !important;
}

.btn-danger.btn-darken-1 {
    border-color: #ff2829 !important;
    background-color: #ff4243 !important;
}

    .btn-danger.btn-darken-1:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-darken-1 {
    border-color: #ff4243 !important;
    color: #ff4243 !important;
}

    .btn-outline-danger.btn-outline-darken-1:hover {
        background-color: #ff4243 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4243 !important;
}

.border-danger.border-darken-1 {
    border: 1px solid #ff4243 !important;
}

.border-top-danger.border-top-darken-1 {
    border-top: 1px solid #ff4243 !important;
}

.border-bottom-danger.border-bottom-darken-1 {
    border-bottom: 1px solid #ff4243 !important;
}

.border-left-danger.border-left-darken-1 {
    border-left: 1px solid #ff4243 !important;
}

.border-right-danger.border-right-darken-1 {
    border-right: 1px solid #ff4243 !important;
}

.overlay-danger.overlay-darken-1 {
    background: #ff4243;
    background: rgba(255, 66, 67, 0.6);
}

.danger.darken-2 {
    color: #ff2829 !important;
}

.bg-danger.bg-darken-2 {
    background-color: #ff2829 !important;
}

.btn-danger.btn-darken-2 {
    border-color: #ff2829 !important;
    background-color: #ff2829 !important;
}

    .btn-danger.btn-darken-2:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-darken-2 {
    border-color: #ff2829 !important;
    color: #ff2829 !important;
}

    .btn-outline-danger.btn-outline-darken-2:hover {
        background-color: #ff2829 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff2829 !important;
}

.border-danger.border-darken-2 {
    border: 1px solid #ff2829 !important;
}

.border-top-danger.border-top-darken-2 {
    border-top: 1px solid #ff2829 !important;
}

.border-bottom-danger.border-bottom-darken-2 {
    border-bottom: 1px solid #ff2829 !important;
}

.border-left-danger.border-left-darken-2 {
    border-left: 1px solid #ff2829 !important;
}

.border-right-danger.border-right-darken-2 {
    border-right: 1px solid #ff2829 !important;
}

.overlay-danger.overlay-darken-2 {
    background: #ff2829;
    background: rgba(255, 40, 41, 0.6);
}

.danger.darken-3 {
    color: #ff0f10 !important;
}

.bg-danger.bg-darken-3 {
    background-color: #ff0f10 !important;
}

.btn-danger.btn-darken-3 {
    border-color: #ff2829 !important;
    background-color: #ff0f10 !important;
}

    .btn-danger.btn-darken-3:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-darken-3 {
    border-color: #ff0f10 !important;
    color: #ff0f10 !important;
}

    .btn-outline-danger.btn-outline-darken-3:hover {
        background-color: #ff0f10 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff0f10 !important;
}

.border-danger.border-darken-3 {
    border: 1px solid #ff0f10 !important;
}

.border-top-danger.border-top-darken-3 {
    border-top: 1px solid #ff0f10 !important;
}

.border-bottom-danger.border-bottom-darken-3 {
    border-bottom: 1px solid #ff0f10 !important;
}

.border-left-danger.border-left-darken-3 {
    border-left: 1px solid #ff0f10 !important;
}

.border-right-danger.border-right-darken-3 {
    border-right: 1px solid #ff0f10 !important;
}

.overlay-danger.overlay-darken-3 {
    background: #ff0f10;
    background: rgba(255, 15, 16, 0.6);
}

.danger.darken-4 {
    color: #f40001 !important;
}

.bg-danger.bg-darken-4 {
    background-color: #f40001 !important;
}

.btn-danger.btn-darken-4 {
    border-color: #ff2829 !important;
    background-color: #f40001 !important;
}

    .btn-danger.btn-darken-4:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-darken-4 {
    border-color: #f40001 !important;
    color: #f40001 !important;
}

    .btn-outline-danger.btn-outline-darken-4:hover {
        background-color: #f40001 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f40001 !important;
}

.border-danger.border-darken-4 {
    border: 1px solid #f40001 !important;
}

.border-top-danger.border-top-darken-4 {
    border-top: 1px solid #f40001 !important;
}

.border-bottom-danger.border-bottom-darken-4 {
    border-bottom: 1px solid #f40001 !important;
}

.border-left-danger.border-left-darken-4 {
    border-left: 1px solid #f40001 !important;
}

.border-right-danger.border-right-darken-4 {
    border-right: 1px solid #f40001 !important;
}

.overlay-danger.overlay-darken-4 {
    background: #f40001;
    background: rgba(244, 0, 1, 0.6);
}

.danger.accent-1 {
    color: #ffeef1 !important;
}

.bg-danger.bg-accent-1 {
    background-color: #ffeef1 !important;
}

.btn-danger.btn-accent-1 {
    border-color: #ff2829 !important;
    background-color: #ffeef1 !important;
}

    .btn-danger.btn-accent-1:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-accent-1 {
    border-color: #ffeef1 !important;
    color: #ffeef1 !important;
}

    .btn-outline-danger.btn-outline-accent-1:hover {
        background-color: #ffeef1 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeef1 !important;
}

.border-danger.border-accent-1 {
    border: 1px solid #ffeef1 !important;
}

.border-top-danger.border-top-accent-1 {
    border-top: 1px solid #ffeef1 !important;
}

.border-bottom-danger.border-bottom-accent-1 {
    border-bottom: 1px solid #ffeef1 !important;
}

.border-left-danger.border-left-accent-1 {
    border-left: 1px solid #ffeef1 !important;
}

.border-right-danger.border-right-accent-1 {
    border-right: 1px solid #ffeef1 !important;
}

.overlay-danger.overlay-accent-1 {
    background: #ffeef1;
    background: rgba(255, 238, 241, 0.6);
}

.danger.accent-2 {
    color: #ffd6db !important;
}

.bg-danger.bg-accent-2 {
    background-color: #ffd6db !important;
}

.btn-danger.btn-accent-2 {
    border-color: #ff2829 !important;
    background-color: #ffd6db !important;
}

    .btn-danger.btn-accent-2:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-accent-2 {
    border-color: #ffd6db !important;
    color: #ffd6db !important;
}

    .btn-outline-danger.btn-outline-accent-2:hover {
        background-color: #ffd6db !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd6db !important;
}

.border-danger.border-accent-2 {
    border: 1px solid #ffd6db !important;
}

.border-top-danger.border-top-accent-2 {
    border-top: 1px solid #ffd6db !important;
}

.border-bottom-danger.border-bottom-accent-2 {
    border-bottom: 1px solid #ffd6db !important;
}

.border-left-danger.border-left-accent-2 {
    border-left: 1px solid #ffd6db !important;
}

.border-right-danger.border-right-accent-2 {
    border-right: 1px solid #ffd6db !important;
}

.overlay-danger.overlay-accent-2 {
    background: #ffd6db;
    background: rgba(255, 214, 219, 0.6);
}

.danger.accent-3 {
    color: #ffecee !important;
}

.bg-danger.bg-accent-3 {
    background-color: #ffecee !important;
}

.btn-danger.btn-accent-3 {
    border-color: #ff2829 !important;
    background-color: #ffecee !important;
}

    .btn-danger.btn-accent-3:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-accent-3 {
    border-color: #ffecee !important;
    color: #ffecee !important;
}

    .btn-outline-danger.btn-outline-accent-3:hover {
        background-color: #ffecee !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecee !important;
}

.border-danger.border-accent-3 {
    border: 1px solid #ffecee !important;
}

.border-top-danger.border-top-accent-3 {
    border-top: 1px solid #ffecee !important;
}

.border-bottom-danger.border-bottom-accent-3 {
    border-bottom: 1px solid #ffecee !important;
}

.border-left-danger.border-left-accent-3 {
    border-left: 1px solid #ffecee !important;
}

.border-right-danger.border-right-accent-3 {
    border-right: 1px solid #ffecee !important;
}

.overlay-danger.overlay-accent-3 {
    background: #ffecee;
    background: rgba(255, 236, 238, 0.6);
}

.danger.accent-4 {
    color: #ffd3d7 !important;
}

.bg-danger.bg-accent-4 {
    background-color: #ffd3d7 !important;
}

.btn-danger.btn-accent-4 {
    border-color: #ff2829 !important;
    background-color: #ffd3d7 !important;
}

    .btn-danger.btn-accent-4:hover {
        border-color: #ff2829 !important;
        background-color: #ff0f10 !important;
    }

    .btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active {
        border-color: #ff0f10 !important;
        background-color: #f40001 !important;
    }

.btn-outline-danger.btn-outline-accent-4 {
    border-color: #ffd3d7 !important;
    color: #ffd3d7 !important;
}

    .btn-outline-danger.btn-outline-accent-4:hover {
        background-color: #ffd3d7 !important;
    }

input:focus ~ .bg-danger {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd3d7 !important;
}

.border-danger.border-accent-4 {
    border: 1px solid #ffd3d7 !important;
}

.border-top-danger.border-top-accent-4 {
    border-top: 1px solid #ffd3d7 !important;
}

.border-bottom-danger.border-bottom-accent-4 {
    border-bottom: 1px solid #ffd3d7 !important;
}

.border-left-danger.border-left-accent-4 {
    border-left: 1px solid #ffd3d7 !important;
}

.border-right-danger.border-right-accent-4 {
    border-right: 1px solid #ffd3d7 !important;
}

.overlay-danger.overlay-accent-4 {
    background: #ffd3d7;
    background: rgba(255, 211, 215, 0.6);
}
/*------------------------------------------------------------------

[Table of contents]
- Layout CSS
- Responsive Layout CSS
- Sidebar
- Footer CSS
- Main Menu
- Content Helpers
-   Display
-   Borders
-   Box Shadow
-   Width
-   Height
-   Line Height
-   Transformations
- Image
- Bullets
- Avatar CSS
- Search
- Apex Chart CSS
- Bootstrap Social
- Demo CSS
- Customizer CSS
- Chips CSS
- Divider CSS
- Error CSS
- widget chat
- Timeline
- CSS Breakpoints
- Basic Input CSS
- Font Sizing
- Select2 CSS
- Datatables CSS
- Pick A Date CSS
- Daterange CSS
-------------------------------------------------------------------*/
/* Template Css */
/* ----------- */
html {
    font-size: 15px;
    height: 100%;
    letter-spacing: 0.01rem;
}

    html body {
        height: 100%;
        background-color: #F2F4F4;
        direction: ltr;
    }

    html .content {
        padding: 0;
        position: relative;
        transition: 300ms ease all;
        backface-visibility: hidden;
        min-height: calc(100% - 3.5rem);
        margin-left: 260px;
    }

        html .content.app-content {
            overflow-y: visible;
        }

            html .content.app-content.show-overlay .content-overlay {
                z-index: 10;
                opacity: 1;
            }

                html .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
                    background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0));
                }

            html .content.app-content .content-overlay {
                position: fixed;
                opacity: 0;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.5);
                cursor: pointer;
                transition: all 0.7s;
                z-index: -1;
            }

            html .content.app-content .content-area-wrapper {
                height: calc(100% - 5rem);
                margin: calc(5rem) 2.2rem 0;
                display: flex;
                position: relative;
            }

                html .content.app-content .content-area-wrapper .content-wrapper {
                    margin-top: 0;
                    height: calc(100vh - 9rem);
                }

        html .content .content-wrapper {
            padding: calc(2.2rem - 0.4rem) 2.2rem 0;
            margin-top: 0;
        }

            html .content .content-wrapper .content-header-title {
                color: #475F7B;
            }

            html .content .content-wrapper .breadcrumb-wrapper .breadcrumb {
                border-left: 1px solid #828D99;
                border-radius: 0;
            }

                html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a,
                html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i {
                    color: #828D99;
                }

                    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover,
                    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i:hover {
                        color: #5A8DEE;
                    }

                html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item {
                    padding-left: 9px;
                }

                    html .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
                        color: #828D99;
                        padding-right: 9px;
                    }

    html .navbar-hidden .app-content .content-wrapper {
        padding: 2.2rem 2.2rem 0;
        margin-top: 0;
    }

    html .navbar-hidden .app-content .content-area-wrapper {
        padding: 0;
        margin-top: 2.5rem;
    }

    html .navbar-static .app-content .navbar-container {
        padding-left: 2.2rem;
        padding-right: 1.2rem;
    }

    html .navbar-static .app-content .content-wrapper {
        padding: 1.8rem 2.2rem 0;
        margin-top: 3px;
    }

    html .navbar-static .app-content .content-area-wrapper {
        margin-top: 1rem;
    }

    html .navbar-static .content {
        min-height: calc(100% - 12.5rem);
    }

    html .navbar-sticky.navbar-scrolled:not(.horizontal-layout) .header-navbar {
        background-color: #FFFFFF;
        box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    }

    html .navbar-sticky .app-content .navbar-container {
        padding-left: 1.8rem;
        padding-right: 1rem;
    }

        html .navbar-sticky .app-content .navbar-container .search-input .search-list.show {
            width: 98%;
            left: 1%;
        }

    html .navbar-sticky .app-content .content-wrapper {
        padding: 1.8rem 2.2rem 0;
        margin-top: 3rem;
    }

    html .navbar-static .navbar-container,
    html .navbar-sticky .navbar-container {
        padding-left: 1.8rem;
        padding-right: 1rem;
    }

        html .navbar-static .navbar-container .search-input .search-list.show,
        html .navbar-sticky .navbar-container .search-input .search-list.show {
            width: 98%;
            left: 1%;
        }

    html .fixed-footer .content.app-content {
        padding-bottom: 3.5rem;
    }

    html p {
        line-height: 1.5rem;
    }

    html .bg-full-screen-image {
        height: 100vh;
        background: url(../../img/login_bg.jpg) no-repeat center center;
        background-size: cover;
    }

    html .blank-page .content {
        margin-left: 0;
    }

        html .blank-page .content.app-content {
            overflow: scroll;
            overflow-x: hidden;
        }

    html .blank-page .content-wrapper {
        padding: 0 !important;
        margin-top: 0 !important;
    }

        html .blank-page .content-wrapper .flexbox-container {
            display: flex;
            align-items: center;
            height: 100vh;
            justify-content: center;
        }

    html [data-col="1-column"] .content,
    html [data-col="1-column"] .footer {
        margin-left: 0px !important;
    }

    html [data-col="1-column"] .header-navbar.fixed-top {
        left: 0 !important;
    }

    html .horizontal-layout.vertical-overlay-menu .navbar-container.main-menu-content {
        padding: 0;
    }

    html .pace .pace-progress {
        background: #5A8DEE;
    }

.app-content.center-layout {
    overflow: hidden;
}

i.livicon-evo,
span.livicon-evo {
    display: inline-block;
}

/* Responsive Layout Css */
/* --------------------- */
@media (min-width: 992px) {
    body .content-right {
        width: calc(100% - 260px);
        float: right;
    }

    body .content-left {
        width: calc(100% - 260px);
        float: left;
    }

    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 + 2.2rem);
            }

        body .content-detached.content-left {
            float: left;
            margin-right: -260px;
        }

            body .content-detached.content-left .content-body {
                margin-right: calc(260px + 2.2rem);
            }

    .sidebar-right.sidebar-sticky {
        float: right !important;
        margin-left: -260px;
        width: 260px !important;
        margin-top: 6rem;
    }

    [data-col="content-left-sidebar"] .sticky-wrapper {
        float: left;
    }
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 575.98px) {
    html body .content .content-wrapper {
        padding: calc(2.2rem - 0.4rem) calc(2.2rem - 1rem) 0;
    }
}

@media (max-width: 575.98px) {
    .navbar-static .app-content .header-navbar .navbar-container,
    .navbar-sticky .app-content .header-navbar .navbar-container {
        padding-left: 1rem;
        padding-right: 0.5rem;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html.full-screen {
        width: 100%;
    }

        html.full-screen .content.app-content {
            height: 100%;
            overflow: scroll;
            overflow-x: hidden;
        }
}

/* Sidebar */
/* ------ */
.sidebar {
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .sidebar {
        vertical-align: top;
    }
}

/* Sidebar Fixed */
.sidebar-fixed {
    position: fixed;
    height: 100%;
    overflow: scroll;
}

/* Sidenav Overlay */
.sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 997;
    display: none;
}

/* Drag Target */
.drag-target {
    height: 100%;
    width: 30px;
    position: fixed;
    top: 0;
    left: -10px;
    z-index: 1036;
}

@media (min-width: 992px) {
    .sidebar-left {
        float: left;
    }

    .sidebar-right {
        float: right;
    }
}

/* Footer Css */
/* ---------- */
footer.footer {
    padding: 1rem 2.2rem;
}

    footer.footer a {
        margin-left: 0.3rem;
        color: #727E8C;
    }

    footer.footer span i {
        color: #FF5B5C;
        position: relative;
        top: 1px;
    }

/* Fixed Footer */
.fixed-footer footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

    .fixed-footer footer.footer-light {
        background: #FFFFFF;
        box-shadow: 0px 8px 12px 12px rgba(25, 42, 70, 0.12);
    }

/* Footer Hidden */
.footer-hidden footer {
    display: none;
}

.scroll-top {
    position: fixed;
    bottom: 5%;
    padding: 0.5rem 0.83rem !important;
    right: 30px;
    display: none;
    z-index: 99;
}

/* Main Menu Base */
/* -------------- */
.main-menu {
    z-index: 1031;
    position: absolute;
    display: table-cell;
    height: 100%;
    overflow: hidden;
}

.navbar-header-menu {
    color: #FFF !important;
    background: #292929 !important;
}

.main-menu .ps__thumb-y {
    background-color: #d1d7de;
}

.main-menu.menu-light {
    color: #FFF;
    background: #292929;
    border: #DFE3E7;
}

    .main-menu.menu-light .navigation {
        background: #292929;
    }

        .main-menu.menu-light .navigation .navigation-header {
            color: #bac0c7;
            margin: calc(2.2rem - 0.5rem) 1.8rem 0.5rem;
            padding: 0;
            letter-spacing: 1px;
            height: 1rem;
        }

        .main-menu.menu-light .navigation li.has-sub ul {
            padding: 7px 0 0;
            margin: -7px 0 0;
        }

            .main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a {
                padding: 10px 20px !important;
                transition: all 0.35s ease !important;
            }

                .main-menu.menu-light .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {
                    padding-left: 25px !important;
                }

        .main-menu.menu-light .navigation li a {
            display: flex;
            align-items: center;
            color: #FFF;
            padding: 10px 1.5rem 10px 12px;
        }

        .main-menu.menu-light .navigation > li {
            margin: 0 1rem;
            transition: background-color 0.5s ease;
        }

            .main-menu.menu-light .navigation > li.nav-item:not(.has-sub) a {
                padding: 10px 1.5rem 10px 12px;
            }

            .main-menu.menu-light .navigation > li.open.sidebar-group-active > a {
                padding: 10px 15px;
            }

            .main-menu.menu-light .navigation > li.nav-item.open > a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a {
                transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
            }

                .main-menu.menu-light .navigation > li.nav-item.open > a i, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active > a i {
                    color: #FFF !important;
                }

            .main-menu.menu-light .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
                border-radius: 0.267rem;
                border: 1px solid #DFE3E7;
                background-color: #fafbfb;
                transition: none;
            }

            .main-menu.menu-light .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {
                right: 7px !important;
            }

            .main-menu.menu-light .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li a {
                padding: 10px 18px;
            }

            .main-menu.menu-light .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-light .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {
                padding-left: 15px !important;
            }

            .main-menu.menu-light .navigation > li:not(.open) > ul {
                display: none;
            }

            .main-menu.menu-light .navigation > li.active:not(.sidebar-group-active) > a {
                background: rgba(11, 91, 185, 1);
                color: #FFFFFF;
                border-radius: 0.267rem;
            }

            .main-menu.menu-light .navigation > li .active > a {
                margin-bottom: 0;
            }

            .main-menu.menu-light .navigation > li .active .hover {
                background: #e7ebeb;
            }

            .main-menu.menu-light .navigation > li ul li > a {
                padding: 10px 9px !important;
                margin: 0 11px;
            }

            .main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {
                display: none;
            }

            .main-menu.menu-light .navigation > li ul .open > a,
            .main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
                color: #727E8C;
            }

            .main-menu.menu-light .navigation > li ul .open > ul,
            .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {
                display: block;
            }

                .main-menu.menu-light .navigation > li ul .open > ul .open > ul,
                .main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
                    display: block;
                }

            .main-menu.menu-light .navigation > li ul .open.active,
            .main-menu.menu-light .navigation > li ul .sidebar-group-active.active {
                background-color: inherit;
            }

            .main-menu.menu-light .navigation > li ul .active {
                background: rgba(90, 141, 238, 0.15);
            }

                .main-menu.menu-light .navigation > li ul .active > a {
                    color: #5A8DEE;
                }

            .main-menu.menu-light .navigation > li > ul > li:first-child > a {
                border-top: 1px solid #DFE3E7;
            }

            .main-menu.menu-light .navigation > li > ul > li.active:first-child > a {
                border-top: none;
            }

.main-menu.menu-dark {
    color: #8a99b5;
    background: #1a233a;
    border: #464d5c;
}

    .main-menu.menu-dark .navigation {
        background: #1a233a;
    }

        .main-menu.menu-dark .navigation .navigation-header {
            color: #bac0c7;
            margin: calc(2.2rem - 0.5rem) 1.8rem 0.5rem;
            padding: 0;
            letter-spacing: 1px;
        }

        .main-menu.menu-dark .navigation li.has-sub ul {
            padding: 7px 0 0;
            margin: -7px 0 0;
        }

            .main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a {
                padding: 10px 20px !important;
                transition: all 0.35s ease !important;
            }

                .main-menu.menu-dark .navigation li.has-sub ul li.has-sub ul.menu-content > li a:hover {
                    padding-left: 25px !important;
                }

        .main-menu.menu-dark .navigation li a {
            display: flex;
            align-items: center;
            color: #8494a7;
            padding: 10px 1.5rem 10px 12px;
        }

        .main-menu.menu-dark .navigation > li {
            margin: 0 1rem;
            transition: background-color 0.5s ease;
        }

            .main-menu.menu-dark .navigation > li.nav-item:not(.has-sub) a {
                padding: 10px 1.5rem 10px 12px;
            }

            .main-menu.menu-dark .navigation > li.open.sidebar-group-active > a {
                padding: 10px 15px;
            }

            .main-menu.menu-dark .navigation > li.nav-item.open > a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a {
                margin: 0 11px 0;
                padding: 9px 10px 9px 0;
                transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
            }

                .main-menu.menu-dark .navigation > li.nav-item.open > a i, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active > a i {
                    color: #FFF !important;
                }

            .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.open.has-sub.sidebar-group-active, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.open, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub.sidebar-group-active {
                border-radius: 0.267rem;
                border: 1px solid #464d5c;
                background-color: #1a233a;
                transition: none;
            }

            .main-menu.menu-dark .navigation > li.nav-item.open.has-sub > a:not(.mm-next):after, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active.has-sub > a:not(.mm-next):after {
                right: 7px !important;
            }

            .main-menu.menu-dark .navigation > li.nav-item.open .menu-content li a, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li a {
                padding: 10px 18px;
            }

            .main-menu.menu-dark .navigation > li.nav-item.open .menu-content li > a:hover, .main-menu.menu-dark .navigation > li.nav-item.sidebar-group-active .menu-content li > a:hover {
                padding-left: 15px !important;
            }

            .main-menu.menu-dark .navigation > li:not(.open) > ul {
                display: none;
            }

            .main-menu.menu-dark .navigation > li.active:not(.sidebar-group-active) > a {
                background: rgba(90, 141, 238, 0.15);
                color: #5A8DEE;
                border-radius: 0.267rem;
            }

            .main-menu.menu-dark .navigation > li .active > a {
                margin-bottom: 0;
            }

            .main-menu.menu-dark .navigation > li .active .hover {
                background: #141b2c;
            }

            .main-menu.menu-dark .navigation > li ul li > a {
                padding: 10px 9px !important;
                margin: 0 11px;
            }

            .main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
                display: none;
            }

            .main-menu.menu-dark .navigation > li ul .open > a,
            .main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
                color: #8a99b5;
            }

            .main-menu.menu-dark .navigation > li ul .open > ul,
            .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {
                display: block;
            }

                .main-menu.menu-dark .navigation > li ul .open > ul .open > ul,
                .main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
                    display: block;
                }

            .main-menu.menu-dark .navigation > li ul .open.active,
            .main-menu.menu-dark .navigation > li ul .sidebar-group-active.active {
                background-color: inherit;
            }

            .main-menu.menu-dark .navigation > li ul .active {
                background: rgba(90, 141, 238, 0.15);
            }

                .main-menu.menu-dark .navigation > li ul .active > a {
                    color: #5A8DEE;
                }

            .main-menu.menu-dark .navigation > li > ul > li:first-child > a {
                border-top: 1px solid #464d5c;
            }

            .main-menu.menu-dark .navigation > li > ul > li.active:first-child > a {
                border-top: none;
            }

.main-menu.menu-fixed {
    position: fixed;
    top: 0;
}

.main-menu.menu-static {
    height: auto;
    top: 0;
    padding-bottom: calc(100% - 40rem);
}

    .main-menu.menu-static .main-menu-content {
        height: unset !important;
    }

.main-menu .shadow-bottom {
    /* Menu Scroll Shadow */
    display: none;
    position: absolute;
    z-index: 2;
    height: 60px;
    width: 100%;
    pointer-events: none;
    margin-top: -1.3rem;
}

.main-menu .navbar-header {
    height: 100%;
    width: 282px;
    height: 4.6rem;
    position: relative;
    padding: 0.35rem 1.45rem 0.3rem 1.3rem;
    transition: 300ms ease all, background 0s;
    cursor: pointer;
    z-index: 3;
}

    .main-menu .navbar-header .navbar-brand {
        margin-top: 0.75rem;
        display: flex;
        align-items: center;
    }

        .main-menu .navbar-header .navbar-brand .brand-logo {
            height: 27px;
            width: 35px;
            float: left;
            margin-top: 0.2rem;
            margin-left: 3px;
        }

            .main-menu .navbar-header .navbar-brand .brand-logo .logo {
                height: 26px;
                display: flex;
                position: relative;
                left: 6px;
            }

        .main-menu .navbar-header .navbar-brand .brand-text {
            color: #5A8DEE;
            padding-left: 0.7rem;
            font-weight: 500;
            letter-spacing: 0.04rem;
            font-size: 1.5rem;
            float: left;
            animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
        }

    .main-menu .navbar-header .modern-nav-toggle {
        animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
        margin: 0.75rem 0 0;
    }

.main-menu .main-menu-content {
    height: calc(100% - 6rem) !important;
    position: relative;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .main-menu ul.navigation-main {
        overflow-x: hidden;
    }

/* Main Navigation */
.navigation {
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    overflow-y: hidden;
    padding-bottom: 20px;
}

    .navigation .navigation-header {
        padding: 12px 22px;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .navigation li {
        position: relative;
        white-space: nowrap;
    }

        .navigation li a {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .navigation li.disabled a {
            cursor: not-allowed;
        }

.dropdown-notification {
    padding: 13px 0;
}

    .dropdown-notification .nav-link-label {
        position: relative;
    }

    .dropdown-notification .media-heading {
        margin-bottom: 0.2rem;
        font-size: 0.8rem;
    }

    .dropdown-notification .notification-text {
        margin-bottom: 0.5rem;
        font-size: smaller;
        color: #828D99;
    }

    .dropdown-notification .notification-tag {
        position: relative;
        top: -4px;
    }

    .dropdown-notification .dropdown-menu.dropdown-menu-right {
        right: -2px;
        padding: 0;
    }

        .dropdown-notification .dropdown-menu.dropdown-menu-right::before {
            background: #5A8DEE;
            border-color: #5A8DEE;
        }

        .dropdown-notification .dropdown-menu.dropdown-menu-right .scrollable-container .read-notification {
            background-color: #f2f4f4;
        }

    .dropdown-notification .dropdown-menu-header {
        border-top-left-radius: 0.267rem;
        border-top-right-radius: 0.267rem;
        background: #5A8DEE;
    }

        .dropdown-notification .dropdown-menu-header .dropdown-header {
            color: #FFFFFF;
        }

.menu-collapsed .menu-static {
    padding-bottom: calc(100% - 14rem);
}

@media (max-width: 767.98px) {
    .menu-hide .main-menu,
    .menu-open .main-menu {
        transition: transform 0.25s, top 0.35s, height 0.35s;
    }

    .main-menu {
        transform: translate3d(-240px, 0, 0);
        backface-visibility: hidden;
        perspective: 1000;
    }

    .menu-open .main-menu {
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 1110px) {
    .drag-target {
        z-index: 0;
    }
}

.fixed-footer .main-menu.menu-fixed {
    height: 100%;
}

@media (max-width: 992px) {
    body .main-menu.menu-static {
        padding-bottom: 100%;
    }
}

/* Content Helpers */
/* --------------- */
/* Display */
.display-inline {
    display: inline !important;
}

.display-block {
    display: block !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-hidden {
    display: none !important;
}

.display-table-cell {
    display: table-cell !important;
}

.position-top-0 {
    top: 0;
}

.position-right-0 {
    right: 0;
}

.position-bottom-0 {
    bottom: 0;
}

.position-left-0 {
    left: 0;
}

.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;
}

.no-edge-top {
    top: 0 !important;
}

.no-edge-bottom {
    bottom: 0 !important;
}

.no-edge-left {
    left: 0 !important;
}

.no-edge-right {
    right: 0 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.cursor-default {
    cursor: default;
}

.cursor-progress {
    cursor: progress;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-auto {
    overflow: auto;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-x-scroll {
    overflow: scroll;
}

.overflow-y-scroll {
    overflow: scroll;
}

.bullets-inside {
    list-style: inside;
}

.list-style-circle {
    list-style: circle;
}

.list-style-square {
    list-style: square;
}

.list-style-icons {
    padding-left: 10px;
    margin-left: 0;
    list-style: none;
}

    .list-style-icons > li i {
        float: left;
        width: 1em;
        margin: 0 6px 0 0;
    }

/* Borders */
.border {
    border: 1px solid;
}

.border-top {
    border-top: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-left {
    border-left: 1px solid;
}

.border-right {
    border-right: 1px solid;
}

/* Border Widths */
.border-2 {
    border-width: 2px !important;
}

.border-top-2 {
    border-top-width: 2px !important;
}

.border-bottom-2 {
    border-bottom-width: 2px !important;
}

.border-left-2 {
    border-left-width: 2px !important;
}

.border-right-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-left-3 {
    border-left-width: 3px !important;
}

.border-right-3 {
    border-right-width: 3px !important;
}

/* No Border Radius */
.no-border-top-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.no-border-bottom-radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no-border-top-left-radius {
    border-top-left-radius: 0 !important;
}

.no-border-top-right-radius {
    border-top-right-radius: 0 !important;
}

.no-border-bottom-left-radius {
    border-bottom-left-radius: 0 !important;
}

.no-border-bottom-right-radius {
    border-bottom-right-radius: 0 !important;
}

/* Box Shadow */
.box-shadow-0 {
    box-shadow: none !important;
}

.box-shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.box-shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.box-shadow-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.box-shadow-6 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.fit {
    max-width: 100% !important;
}

.half-width {
    width: 50% !important;
}

.full-width {
    width: 100% !important;
}

.full-height {
    height: 100% !important;
}

/* Fixed Widths */
.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-350 {
    width: 350px !important;
}

.width-400 {
    width: 400px !important;
}

.width-450 {
    width: 450px !important;
}

.width-500 {
    width: 500px !important;
}

.width-550 {
    width: 550px !important;
}

.width-600 {
    width: 600px !important;
}

.width-650 {
    width: 650px !important;
}

.width-700 {
    width: 700px !important;
}

.width-750 {
    width: 750px !important;
}

.width-800 {
    width: 800px !important;
}

/* Width In % */
.width-5-per {
    width: 5% !important;
}

.width-10-per {
    width: 10% !important;
}

.width-15-per {
    width: 15% !important;
}

.width-20-per {
    width: 20% !important;
}

.width-25-per {
    width: 25% !important;
}

.width-30-per {
    width: 30% !important;
}

.width-35-per {
    width: 35% !important;
}

.width-40-per {
    width: 40% !important;
}

.width-45-per {
    width: 45% !important;
}

.width-50-per {
    width: 50% !important;
}

.width-55-per {
    width: 55% !important;
}

.width-60-per {
    width: 60% !important;
}

.width-65-per {
    width: 65% !important;
}

.width-70-per {
    width: 70% !important;
}

.width-75-per {
    width: 75% !important;
}

.width-80-per {
    width: 80% !important;
}

.width-90-per {
    width: 90% !important;
}

.width-95-per {
    width: 95% !important;
}

/*Fixed Height In Px */
.height-50 {
    height: 50px !important;
}

.height-75 {
    height: 75px !important;
}

.height-100 {
    height: 100px !important;
}

.height-150 {
    height: 150px !important;
}

.height-200 {
    height: 200px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-350 {
    height: 350px !important;
}

.height-400 {
    height: 400px !important;
}

.height-450 {
    height: 450px !important;
}

.height-500 {
    height: 500px !important;
}

.height-550 {
    height: 550px !important;
}

.height-600 {
    height: 600px !important;
}

.height-650 {
    height: 650px !important;
}

.height-700 {
    height: 700px !important;
}

.height-750 {
    height: 750px !important;
}

.height-800 {
    height: 800px !important;
}

/*Fixed Height In % */
.height-5-per {
    height: 5% !important;
}

.height-10-per {
    height: 10% !important;
}

.height-15-per {
    height: 15% !important;
}

.height-20-per {
    height: 20% !important;
}

.height-25-per {
    height: 25% !important;
}

.height-30-per {
    height: 30% !important;
}

.height-35-per {
    height: 35% !important;
}

.height-40-per {
    height: 40% !important;
}

.height-45-per {
    height: 45% !important;
}

.height-50-per {
    height: 50% !important;
}

.height-55-per {
    height: 55% !important;
}

.height-60-per {
    height: 60% !important;
}

.height-65-per {
    height: 65% !important;
}

.height-70-per {
    height: 70% !important;
}

.height-75-per {
    height: 75% !important;
}

.height-80-per {
    height: 80% !important;
}

/* Vh Height */
.full-height-vh-with-nav {
    height: calc(100vh - 5rem - 4rem);
}

.full-height-vh {
    height: 100vh;
}

/* Line Height */
.line-height-1 {
    line-height: 1 !important;
}

.line-height-2 {
    line-height: 2 !important;
}

/* Transformations */
.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);
}

/* Pull The Element */
.pull-up {
    transition: all 0.25s ease;
}

    .pull-up:hover {
        transform: translateY(-4px) scale(1.02);
        box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
        z-index: 30;
    }

/* Image */
/* ----- */
/*Background Image */
.bg-cover {
    background-size: cover !important;
}

.background-repeat {
    background-repeat: repeat !important;
}

.background-no-repeat {
    background-repeat: no-repeat !important;
}

.img-xl {
    width: 64px !important;
    height: 64px !important;
}

.img-lg {
    width: 44px !important;
    height: 44px !important;
}

.img-sm {
    width: 36px !important;
    height: 36px !important;
}

.img-xs {
    width: 32px !important;
    height: 32px !important;
}

/* Bullets */
.bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
}

    .bullet.bullet-xs {
        width: 8px;
        height: 8px;
        position: relative;
        top: -1px;
    }

    .bullet.bullet-sm {
        width: 10px;
        height: 10px;
    }

    .bullet.bullet-lg {
        width: 18px;
        height: 18rem;
    }

/* Font Sizing */
.font-size-large {
    font-size: 1.2rem;
}

.font-size-base {
    font-size: 1rem;
}

.font-size-small {
    font-size: 0.8rem;
}

.font-size-xsmall {
    font-size: 0.75rem;
}

/* Avatar Css */
/* ---------- */
.avatar {
    white-space: nowrap;
    background-color: #c3c3c3;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-flex;
    font-size: 0.8rem;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
}

    .avatar .avatar-content {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .avatar .avatar-content .avatar-icon {
            font-size: 1.2rem;
        }

    .avatar [class*="avatar-status-"] {
        border-radius: 50%;
        width: 11px;
        height: 11px;
        position: absolute;
        right: 0;
        bottom: 0;
        border: 1px solid #FFFFFF;
    }

        .avatar [class*="avatar-status-"].avatar-status-lg {
            width: 17px;
            height: 17px;
            border-width: 2px;
        }

    .avatar .avatar-status-online {
        background-color: #39DA8A;
    }

    .avatar .avatar-status-busy {
        background-color: #FF5B5C;
    }

    .avatar .avatar-status-away {
        background-color: #FDAC41;
    }

    .avatar .avatar-status-offline {
        background-color: #475F7B;
    }

    .avatar img {
        border-radius: 50%;
    }

    .avatar.avatar-xl {
        font-size: 1.5rem;
    }

        .avatar.avatar-xl img {
            width: 70px;
            height: 70px;
        }

        .avatar.avatar-xl .avatar-content {
            height: 70px;
            width: 70px;
        }

            .avatar.avatar-xl .avatar-content .avatar-icon {
                font-size: 3rem;
            }

    .avatar.avatar-lg {
        font-size: 1.2rem;
    }

        .avatar.avatar-lg img {
            width: 50px;
            height: 50px;
        }

        .avatar.avatar-lg .avatar-content {
            width: 50px;
            height: 50px;
        }

            .avatar.avatar-lg .avatar-content .avatar-icon {
                font-size: 2rem;
            }

    .avatar.avatar-sm .avatar-content {
        width: 24px;
        height: 24px;
    }

        .avatar.avatar-sm .avatar-content .avatar-icon {
            font-size: 1rem;
        }

    .avatar.avatar-sm img {
        width: 24px;
        height: 24px;
    }

/* Search */
/* ------ */
.navbar-container a.nav-link-search {
    float: left;
}

.navbar-container .search-input {
    float: left;
    width: 0;
}

    .navbar-container .search-input input {
        width: 0;
        border: none;
        background: none;
        line-height: 16px;
        padding: 1.7rem 3.6rem;
    }

    .navbar-container .search-input.open {
        position: absolute;
        left: 0;
        background: #FFFFFF;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1001;
        margin-top: -1px;
        box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
    }

        .navbar-container .search-input.open .search-input-close,
        .navbar-container .search-input.open .search-input-icon {
            display: block;
        }

        .navbar-container .search-input.open input {
            width: 100%;
            outline: none;
            background: none;
        }

    .navbar-container .search-input .search-list {
        position: absolute;
        top: 100%;
        left: 0;
        background: #FFFFFF;
        width: 100%;
        margin-top: 0.5rem;
        padding-left: 0;
        border-radius: 0.267rem;
        display: none;
    }

        .navbar-container .search-input .search-list.show {
            display: block;
        }

        .navbar-container .search-input .search-list li a {
            padding: 0.9rem 1rem;
            color: #727E8C;
        }

            .navbar-container .search-input .search-list li a span[class*="bx bx-"] {
                font-size: 1.25rem;
            }

        .navbar-container .search-input .search-list li:first-child {
            border-top-left-radius: 0.267rem;
            border-top-right-radius: 0.267rem;
        }

        .navbar-container .search-input .search-list li:last-child {
            border-bottom-left-radius: 0.267rem;
            border-bottom-right-radius: 0.267rem;
        }

        .navbar-container .search-input .search-list li:hover, .navbar-container .search-input .search-list li.current_item {
            background-color: #f2f4f4;
        }

    .navbar-container .search-input .search-input-icon {
        z-index: 2;
        z-index: 1002;
        display: none;
        position: absolute;
        left: 1.5rem;
        top: 37%;
        cursor: pointer;
    }

        .navbar-container .search-input .search-input-icon i {
            font-size: 1.25rem;
        }

    .navbar-container .search-input .search-input-close {
        z-index: 1001;
        display: none;
        position: absolute;
        right: 2rem;
        top: 32%;
        cursor: pointer;
    }

        .navbar-container .search-input .search-input-close i {
            font-size: 1.75rem;
        }

.navbar-container .bookmark-input {
    position: absolute;
    width: 25%;
    display: none;
}

    .navbar-container .bookmark-input.show {
        display: block;
    }

    .navbar-container .bookmark-input .bookmark-input-icon {
        position: absolute;
        z-index: 1001;
        top: 0.65rem;
        left: 1rem;
    }

    .navbar-container .bookmark-input input {
        padding: 0.7rem 0.7rem 0.7rem 2.5rem;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }

        .navbar-container .bookmark-input input:focus {
            border: 1px solid #5A8DEE;
        }

    .navbar-container .bookmark-input .search-list {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
    }

.navbar-container .bookmark-icon {
    cursor: pointer;
}

.navbar-container .dropdown.bookmark-dropdown {
    padding: 1.4rem 0.5rem 1.35rem;
}

    .navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
        display: none;
    }

.navbar-dark .search-input .input,
.navbar-semi-light .search-input .input {
    color: #f5f7fa;
    border-radius: 0.5rem;
}

.navbar-dark .search-input.open .input,
.navbar-semi-light .search-input.open .input {
    color: #f5f7fa;
    border: 1px solid #f5f7fa;
}

@media (max-width: 767.98px) {
    #navbar-mobile .search-input.open .input {
        color: #475F7B;
    }
}

/* static navbar search */
.navbar-static .navbar-container .search-input.open {
    border-radius: 0;
}

/* Apex chart css */
/* -------------- */
.apexcharts-canvas .apexcharts-tooltip {
    color: #727E8C !important;
}

    .apexcharts-canvas .apexcharts-tooltip.dark, .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
        color: #FFFFFF !important;
    }

.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
    color: #727E8C;
}

.apexcharts-xaxistooltip {
    color: #727E8C !important;
}

#client-retention-chart .apexcharts-canvas .apexcharts-legend {
    left: -14px !important;
}

/* Bootstrap Social */
/* ---------------- */
.btn-social, .btn-social-icon {
    position: relative;
    padding-left: 3rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social > :first-child, .btn-social-icon > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3rem;
        line-height: 2.5rem;
        font-size: 1rem;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

.btn-social-icon {
    height: 3rem;
    width: 3rem;
    padding: 0;
}

    .btn-social-icon > :first-child {
        border: none;
        text-align: center;
        width: 100% !important;
    }

/* Social Button */
.btn-adn {
    background-color: #d87a68;
    color: #FFFFFF;
    background-color: #d87a68;
    border-color: #FFFFFF;
}

    .btn-adn:hover {
        color: #FFFFFF;
        background-color: #d87a68;
        border-color: #d87a68;
    }

    .btn-adn:focus, .btn-adn.focus {
        color: #FFFFFF;
        background-color: #d87a68;
        border-color: #d87a68;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-adn.disabled, .btn-adn:disabled {
        color: #FFFFFF;
        background-color: #d87a68;
        border-color: #FFFFFF;
    }

    .btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active,
    .show > .btn-adn.dropdown-toggle {
        color: #FFFFFF;
        background-color: #ce563f;
        border-color: #dfdfdf;
    }

        .btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus,
        .show > .btn-adn.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-bitbucket {
    background-color: #205081;
    color: #FFFFFF;
    background-color: #205081;
    border-color: #FFFFFF;
}

    .btn-bitbucket:hover {
        color: #FFFFFF;
        background-color: #205081;
        border-color: #205081;
    }

    .btn-bitbucket:focus, .btn-bitbucket.focus {
        color: #FFFFFF;
        background-color: #205081;
        border-color: #205081;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-bitbucket.disabled, .btn-bitbucket:disabled {
        color: #FFFFFF;
        background-color: #205081;
        border-color: #FFFFFF;
    }

    .btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active,
    .show > .btn-bitbucket.dropdown-toggle {
        color: #FFFFFF;
        background-color: #163758;
        border-color: #dfdfdf;
    }

        .btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
        .show > .btn-bitbucket.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-dropbox {
    background-color: #1087dd;
    color: #FFFFFF;
    background-color: #1087dd;
    border-color: #FFFFFF;
}

    .btn-dropbox:hover {
        color: #FFFFFF;
        background-color: #1087dd;
        border-color: #1087dd;
    }

    .btn-dropbox:focus, .btn-dropbox.focus {
        color: #FFFFFF;
        background-color: #1087dd;
        border-color: #1087dd;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-dropbox.disabled, .btn-dropbox:disabled {
        color: #FFFFFF;
        background-color: #1087dd;
        border-color: #FFFFFF;
    }

    .btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active,
    .show > .btn-dropbox.dropdown-toggle {
        color: #FFFFFF;
        background-color: #0d6aad;
        border-color: #dfdfdf;
    }

        .btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dropbox.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-facebook {
    background-color: #3b5998;
    color: #FFFFFF;
    background-color: #3b5998;
    border-color: #FFFFFF;
}

    .btn-facebook:hover {
        color: #FFFFFF;
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .btn-facebook:focus, .btn-facebook.focus {
        color: #FFFFFF;
        background-color: #3b5998;
        border-color: #3b5998;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #FFFFFF;
        background-color: #3b5998;
        border-color: #FFFFFF;
    }

    .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
    .show > .btn-facebook.dropdown-toggle {
        color: #FFFFFF;
        background-color: #2d4373;
        border-color: #dfdfdf;
    }

        .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
        .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-flickr {
    background-color: #ff0084;
    color: #FFFFFF;
    background-color: #ff0084;
    border-color: #FFFFFF;
}

    .btn-flickr:hover {
        color: #FFFFFF;
        background-color: #ff0084;
        border-color: #ff0084;
    }

    .btn-flickr:focus, .btn-flickr.focus {
        color: #FFFFFF;
        background-color: #ff0084;
        border-color: #ff0084;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-flickr.disabled, .btn-flickr:disabled {
        color: #FFFFFF;
        background-color: #ff0084;
        border-color: #FFFFFF;
    }

    .btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active,
    .show > .btn-flickr.dropdown-toggle {
        color: #FFFFFF;
        background-color: #cc006a;
        border-color: #dfdfdf;
    }

        .btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus,
        .show > .btn-flickr.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-foursquare {
    background-color: #f94877;
    color: #FFFFFF;
    background-color: #f94877;
    border-color: #FFFFFF;
}

    .btn-foursquare:hover {
        color: #FFFFFF;
        background-color: #f94877;
        border-color: #f94877;
    }

    .btn-foursquare:focus, .btn-foursquare.focus {
        color: #FFFFFF;
        background-color: #f94877;
        border-color: #f94877;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-foursquare.disabled, .btn-foursquare:disabled {
        color: #FFFFFF;
        background-color: #f94877;
        border-color: #FFFFFF;
    }

    .btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active,
    .show > .btn-foursquare.dropdown-toggle {
        color: #FFFFFF;
        background-color: #f71752;
        border-color: #dfdfdf;
    }

        .btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus,
        .show > .btn-foursquare.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-github {
    background-color: #444444;
    color: #FFFFFF;
    background-color: #444444;
    border-color: #FFFFFF;
}

    .btn-github:hover {
        color: #FFFFFF;
        background-color: #444444;
        border-color: #444444;
    }

    .btn-github:focus, .btn-github.focus {
        color: #FFFFFF;
        background-color: #444444;
        border-color: #444444;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-github.disabled, .btn-github:disabled {
        color: #FFFFFF;
        background-color: #444444;
        border-color: #FFFFFF;
    }

    .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
    .show > .btn-github.dropdown-toggle {
        color: #FFFFFF;
        background-color: #2b2b2b;
        border-color: #dfdfdf;
    }

        .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
        .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-google {
    background-color: #dd4b39;
    color: #FFFFFF;
    background-color: #dd4b39;
    border-color: #FFFFFF;
}

    .btn-google:hover {
        color: #FFFFFF;
        background-color: #dd4b39;
        border-color: #dd4b39;
    }

    .btn-google:focus, .btn-google.focus {
        color: #FFFFFF;
        background-color: #dd4b39;
        border-color: #dd4b39;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-google.disabled, .btn-google:disabled {
        color: #FFFFFF;
        background-color: #dd4b39;
        border-color: #FFFFFF;
    }

    .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
    .show > .btn-google.dropdown-toggle {
        color: #FFFFFF;
        background-color: #c23321;
        border-color: #dfdfdf;
    }

        .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
        .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-instagram {
    background-color: #3f729b;
    color: #FFFFFF;
    background-color: #3f729b;
    border-color: #FFFFFF;
}

    .btn-instagram:hover {
        color: #FFFFFF;
        background-color: #3f729b;
        border-color: #3f729b;
    }

    .btn-instagram:focus, .btn-instagram.focus {
        color: #FFFFFF;
        background-color: #3f729b;
        border-color: #3f729b;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #FFFFFF;
        background-color: #3f729b;
        border-color: #FFFFFF;
    }

    .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
    .show > .btn-instagram.dropdown-toggle {
        color: #FFFFFF;
        background-color: #305777;
        border-color: #dfdfdf;
    }

        .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
        .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-linkedin {
    background-color: #007bb6;
    color: #FFFFFF;
    background-color: #007bb6;
    border-color: #FFFFFF;
}

    .btn-linkedin:hover {
        color: #FFFFFF;
        background-color: #007bb6;
        border-color: #007bb6;
    }

    .btn-linkedin:focus, .btn-linkedin.focus {
        color: #FFFFFF;
        background-color: #007bb6;
        border-color: #007bb6;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-linkedin.disabled, .btn-linkedin:disabled {
        color: #FFFFFF;
        background-color: #007bb6;
        border-color: #FFFFFF;
    }

    .btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active,
    .show > .btn-linkedin.dropdown-toggle {
        color: #FFFFFF;
        background-color: #005983;
        border-color: #dfdfdf;
    }

        .btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus,
        .show > .btn-linkedin.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-microsoft {
    background-color: #2672ec;
    color: #FFFFFF;
    background-color: #2672ec;
    border-color: #FFFFFF;
}

    .btn-microsoft:hover {
        color: #FFFFFF;
        background-color: #2672ec;
        border-color: #2672ec;
    }

    .btn-microsoft:focus, .btn-microsoft.focus {
        color: #FFFFFF;
        background-color: #2672ec;
        border-color: #2672ec;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-microsoft.disabled, .btn-microsoft:disabled {
        color: #FFFFFF;
        background-color: #2672ec;
        border-color: #FFFFFF;
    }

    .btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active,
    .show > .btn-microsoft.dropdown-toggle {
        color: #FFFFFF;
        background-color: #125acd;
        border-color: #dfdfdf;
    }

        .btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus,
        .show > .btn-microsoft.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-odnoklassniki {
    background-color: #f4731c;
    color: #FFFFFF;
    background-color: #f4731c;
    border-color: #FFFFFF;
}

    .btn-odnoklassniki:hover {
        color: #FFFFFF;
        background-color: #f4731c;
        border-color: #f4731c;
    }

    .btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
        color: #FFFFFF;
        background-color: #f4731c;
        border-color: #f4731c;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
        color: #FFFFFF;
        background-color: #f4731c;
        border-color: #FFFFFF;
    }

    .btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active,
    .show > .btn-odnoklassniki.dropdown-toggle {
        color: #FFFFFF;
        background-color: #d35b0a;
        border-color: #dfdfdf;
    }

        .btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus,
        .show > .btn-odnoklassniki.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-openid {
    background-color: #f7931e;
    color: #324356;
    background-color: #f7931e;
    border-color: #FFFFFF;
}

    .btn-openid:hover {
        color: #324356;
        background-color: #f7931e;
        border-color: #f7931e;
    }

    .btn-openid:focus, .btn-openid.focus {
        color: #324356;
        background-color: #f7931e;
        border-color: #f7931e;
        box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);
    }

    .btn-openid.disabled, .btn-openid:disabled {
        color: #324356;
        background-color: #f7931e;
        border-color: #FFFFFF;
    }

    .btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active,
    .show > .btn-openid.dropdown-toggle {
        color: #FFFFFF;
        background-color: #da7908;
        border-color: #dfdfdf;
    }

        .btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus,
        .show > .btn-openid.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);
        }

.btn-pinterest {
    background-color: #cb2027;
    color: #FFFFFF;
    background-color: #cb2027;
    border-color: #FFFFFF;
}

    .btn-pinterest:hover {
        color: #FFFFFF;
        background-color: #cb2027;
        border-color: #cb2027;
    }

    .btn-pinterest:focus, .btn-pinterest.focus {
        color: #FFFFFF;
        background-color: #cb2027;
        border-color: #cb2027;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        color: #FFFFFF;
        background-color: #cb2027;
        border-color: #FFFFFF;
    }

    .btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active,
    .show > .btn-pinterest.dropdown-toggle {
        color: #FFFFFF;
        background-color: #9f191f;
        border-color: #dfdfdf;
    }

        .btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus,
        .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-youtube {
    background-color: #eff7ff;
    color: #324356;
    background-color: #eff7ff;
    border-color: #000;
}

    .btn-youtube:hover {
        color: #FFFFFF;
        background-color: #000;
        border-color: #000;
    }

    .btn-youtube:focus, .btn-youtube.focus {
        color: #FFFFFF;
        background-color: #000;
        border-color: #000;
        box-shadow: 0 0 0 0.2rem rgba(8, 10, 13, 0.5);
    }

    .btn-youtube.disabled, .btn-youtube:disabled {
        color: #324356;
        background-color: #eff7ff;
        border-color: #000;
    }

    .btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active,
    .show > .btn-youtube.dropdown-toggle {
        color: #324356;
        background-color: #bcdeff;
        border-color: black;
    }

        .btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus,
        .show > .btn-youtube.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(8, 10, 13, 0.5);
        }

.btn-soundcloud {
    background-color: #ff5500;
    color: #FFFFFF;
    background-color: #ff5500;
    border-color: #FFFFFF;
}

    .btn-soundcloud:hover {
        color: #FFFFFF;
        background-color: #ff5500;
        border-color: #ff5500;
    }

    .btn-soundcloud:focus, .btn-soundcloud.focus {
        color: #FFFFFF;
        background-color: #ff5500;
        border-color: #ff5500;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-soundcloud.disabled, .btn-soundcloud:disabled {
        color: #FFFFFF;
        background-color: #ff5500;
        border-color: #FFFFFF;
    }

    .btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active,
    .show > .btn-soundcloud.dropdown-toggle {
        color: #FFFFFF;
        background-color: #cc4400;
        border-color: #dfdfdf;
    }

        .btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus,
        .show > .btn-soundcloud.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-tumblr {
    background-color: #2c4762;
    color: #FFFFFF;
    background-color: #2c4762;
    border-color: #FFFFFF;
}

    .btn-tumblr:hover {
        color: #FFFFFF;
        background-color: #2c4762;
        border-color: #2c4762;
    }

    .btn-tumblr:focus, .btn-tumblr.focus {
        color: #FFFFFF;
        background-color: #2c4762;
        border-color: #2c4762;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-tumblr.disabled, .btn-tumblr:disabled {
        color: #FFFFFF;
        background-color: #2c4762;
        border-color: #FFFFFF;
    }

    .btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active,
    .show > .btn-tumblr.dropdown-toggle {
        color: #FFFFFF;
        background-color: #1c2e3f;
        border-color: #dfdfdf;
    }

        .btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus,
        .show > .btn-tumblr.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-twitter {
    background-color: #55acee;
    color: #324356;
    background-color: #55acee;
    border-color: #FFFFFF;
}

    .btn-twitter:hover {
        color: #324356;
        background-color: #55acee;
        border-color: #55acee;
    }

    .btn-twitter:focus, .btn-twitter.focus {
        color: #324356;
        background-color: #55acee;
        border-color: #55acee;
        box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #324356;
        background-color: #55acee;
        border-color: #FFFFFF;
    }

    .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
    .show > .btn-twitter.dropdown-toggle {
        color: #FFFFFF;
        background-color: #2795e9;
        border-color: #dfdfdf;
    }

        .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
        .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(224, 227, 230, 0.5);
        }

.btn-vimeo {
    background-color: #1ab7ea;
    color: #FFFFFF;
    background-color: #1ab7ea;
    border-color: #FFFFFF;
}

    .btn-vimeo:hover {
        color: #FFFFFF;
        background-color: #1ab7ea;
        border-color: #1ab7ea;
    }

    .btn-vimeo:focus, .btn-vimeo.focus {
        color: #FFFFFF;
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        color: #FFFFFF;
        background-color: #1ab7ea;
        border-color: #FFFFFF;
    }

    .btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active,
    .show > .btn-vimeo.dropdown-toggle {
        color: #FFFFFF;
        background-color: #1295bf;
        border-color: #dfdfdf;
    }

        .btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus,
        .show > .btn-vimeo.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-vk {
    background-color: #587ea3;
    color: #FFFFFF;
    background-color: #587ea3;
    border-color: #FFFFFF;
}

    .btn-vk:hover {
        color: #FFFFFF;
        background-color: #587ea3;
        border-color: #587ea3;
    }

    .btn-vk:focus, .btn-vk.focus {
        color: #FFFFFF;
        background-color: #587ea3;
        border-color: #587ea3;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-vk.disabled, .btn-vk:disabled {
        color: #FFFFFF;
        background-color: #587ea3;
        border-color: #FFFFFF;
    }

    .btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active,
    .show > .btn-vk.dropdown-toggle {
        color: #FFFFFF;
        background-color: #466482;
        border-color: #dfdfdf;
    }

        .btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus,
        .show > .btn-vk.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

.btn-yahoo {
    background-color: #720e9e;
    color: #FFFFFF;
    background-color: #720e9e;
    border-color: #FFFFFF;
}

    .btn-yahoo:hover {
        color: #FFFFFF;
        background-color: #720e9e;
        border-color: #720e9e;
    }

    .btn-yahoo:focus, .btn-yahoo.focus {
        color: #FFFFFF;
        background-color: #720e9e;
        border-color: #720e9e;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-yahoo.disabled, .btn-yahoo:disabled {
        color: #FFFFFF;
        background-color: #720e9e;
        border-color: #FFFFFF;
    }

    .btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active,
    .show > .btn-yahoo.dropdown-toggle {
        color: #FFFFFF;
        background-color: #500a6f;
        border-color: #dfdfdf;
    }

        .btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus,
        .show > .btn-yahoo.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }

/* Social Outline Button */
.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 #444444 !important;
    color: #444444;
}

.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-youtube {
    border: 1px solid #ff4500 !important;
    color: #ff4500;
}

.btn-outline-soundcloud {
    border: 1px solid #ff5500 !important;
    color: #ff5500;
}

.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;
}

/* Social Outline Hover Button */
.btn-outline-adn:hover {
    color: #ad412d;
    border: 1px solid #ad412d !important;
}

.btn-outline-bitbucket:hover {
    color: #0c1d2f;
    border: 1px solid #0c1d2f !important;
}

.btn-outline-dropbox:hover {
    color: #094d7e;
    border: 1px solid #094d7e !important;
}

.btn-outline-facebook:hover {
    color: #1e2e4f;
    border: 1px solid #1e2e4f !important;
}

.btn-outline-flickr:hover {
    color: #99004f;
    border: 1px solid #99004f !important;
}

.btn-outline-foursquare:hover {
    color: #d4073d;
    border: 1px solid #d4073d !important;
}

.btn-outline-github:hover {
    color: #111111;
    border: 1px solid #111111 !important;
}

.btn-outline-google:hover {
    color: #96271a;
    border: 1px solid #96271a !important;
}

.btn-outline-instagram:hover {
    color: #223d52;
    border: 1px solid #223d52 !important;
}

.btn-outline-linkedin:hover {
    color: #003650;
    border: 1px solid #003650 !important;
}

.btn-outline-microsoft:hover {
    color: #0e459e;
    border: 1px solid #0e459e !important;
}

.btn-outline-odnoklassniki:hover {
    color: #a24608;
    border: 1px solid #a24608 !important;
}

.btn-outline-openid:hover {
    color: #a95e06;
    border: 1px solid #a95e06 !important;
}

.btn-outline-pinterest:hover {
    color: #731216;
    border: 1px solid #731216 !important;
}

.btn-outline-youtube:hover {
    color: #992900;
    border: 1px solid #992900 !important;
}

.btn-outline-soundcloud:hover {
    color: #993300;
    border: 1px solid #993300 !important;
}

.btn-outline-tumblr:hover {
    color: #0c141c;
    border: 1px solid #0c141c !important;
}

.btn-outline-twitter:hover {
    color: #147bc9;
    border: 1px solid #147bc9 !important;
}

.btn-outline-vimeo:hover {
    color: #0d7091;
    border: 1px solid #0d7091 !important;
}

.btn-outline-vk:hover {
    color: #344b61;
    border: 1px solid #344b61 !important;
}

.btn-outline-yahoo:hover {
    color: #2e0640;
    border: 1px solid #2e0640 !important;
}

/* Social Background Colors */
.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: #444444;
}

.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-youtube {
    background-color: #ff4500;
}

.bg-soundcloud {
    background-color: #ff5500;
}

.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;
}

/* Social Text Colors */
.adn {
    color: #d87a68;
}

.bitbucket {
    color: #205081;
}

.dropbox {
    color: #1087dd;
}

.facebook {
    color: #3b5998;
}

.flickr {
    color: #ff0084;
}

.foursquare {
    color: #f94877;
}

.github {
    color: #444444;
}

.google {
    color: #dd4b39;
}

.instagram {
    color: #3f729b;
}

.linkedin {
    color: #007bb6;
}

.microsoft {
    color: #2672ec;
}

.odnoklassniki {
    color: #f4731c;
}

.openid {
    color: #f7931e;
}

.pinterest {
    color: #cb2027;
}

.youtube {
    color: #ff4500;
}

.soundcloud {
    color: #ff5500;
}

.tumblr {
    color: #2c4762;
}

.twitter {
    color: #55acee;
}

.vimeo {
    color: #1ab7ea;
}

.vk {
    color: #587ea3;
}

.yahoo {
    color: #720e9e;
}

/* Demo Css */
/* -------- */
.fonticon-container > .fonticon-wrap {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-bottom: 1rem;
}

    .fonticon-container > .fonticon-wrap > i {
        font-size: 2.28rem;
        transition: all 0.2s ease-in-out;
    }

.fonticon-container:hover i {
    color: #5A8DEE;
    font-size: 2.9rem;
    transform: scale(1.1);
}

.fonticon-container > .fonticon-classname,
.fonticon-container > .fonticon-unit {
    display: block;
    font-size: 1.2rem;
    text-transform: lowercase;
    margin-top: 0.3rem;
    font-weight: 400;
}

.font-animated .fonticon-classname {
    text-transform: lowercase;
    font-weight: 400;
}

.browser {
    background: #e0e0e0;
    border: 4px solid #e0e0e0;
    width: 100%;
    height: 12rem;
    padding-top: 20px;
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .browser iframe {
        border: 0;
        background: #FFFFFF;
        height: 100%;
        width: 100%;
    }

.loader-wrapper {
    height: 8em;
}

.maintenance-icon {
    font-size: 4rem;
}

.animation-icon {
    right: 30px;
    bottom: 10px;
}

.header-navbar.navbar-demo {
    background-color: #F2F4F4;
}

/* Customizer Css */
/* -------------- */
.customizer {
    width: 400px;
    right: -400px;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 1051;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
    backface-visibility: hidden;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}

    .customizer.open {
        right: 0;
    }

    .customizer .customizer-content {
        position: relative;
        height: 100%;
    }

    .customizer .customizer-close {
        position: absolute;
        right: 30px;
        top: 20px;
        padding: 7px;
        width: auto;
        z-index: 10;
        color: #727E8C;
    }

        .customizer .customizer-close i {
            font-size: 1.71rem;
        }

    .customizer .customizer-toggle {
        background: #5A8DEE;
        color: #FFFFFF;
        display: block;
        box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        position: absolute;
        top: 50%;
        width: 38px;
        height: 38px;
        left: -39px;
        text-align: center;
        line-height: 44px;
        cursor: pointer;
    }

    .customizer .color-box {
        height: 35px;
        width: 35px;
        margin: 0.5rem;
        border-radius: 0.5rem;
        cursor: pointer;
    }

        .customizer .color-box.selected {
            box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5);
        }

.buy-now {
    position: fixed;
    bottom: 5%;
    right: 142px;
    z-index: 1031;
}

    .buy-now .btn {
        box-shadow: 0 1px 20px 1px #FF5B5C !important;
    }

        .buy-now .btn:hover {
            box-shadow: none !important;
        }

/* Chips Css */
/* --------- */
.chip {
    background-color: #f0f0f0;
    font-size: 0.8rem;
    border-radius: 1.428rem;
    display: inline-flex;
    padding: 0 10px;
    margin-bottom: 5px;
    vertical-align: middle;
    justify-content: center;
}

    .chip .chip-body {
        color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: space-between;
        min-height: 1.857rem;
        min-width: 1.857rem;
    }

        .chip .chip-body .avatar {
            background-color: #c3c3c3;
            display: flex;
            width: 24px;
            height: 24px;
            margin: 2px 0;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            color: #FFFFFF;
            transform: translate(-8px);
        }

            .chip .chip-body .avatar .avatar-content {
                top: 0;
            }

            .chip .chip-body .avatar img {
                border-radius: 50%;
                height: 24px;
                width: 24px;
            }

        .chip .chip-body .chip-text {
            vertical-align: middle;
            align-self: center;
        }

        .chip .chip-body i {
            font-size: 1rem;
        }

        .chip .chip-body .chip-closeable {
            min-height: 24px;
            min-width: 24px;
            margin: 0 4px;
            display: flex;
            justify-content: center;
            align-items: center;
            align-self: center;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.15);
            color: #FFFFFF;
            transform: translate(10px);
            cursor: pointer;
        }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .chip .chip-closeable i {
        position: relative;
        top: 3px;
    }
}

/* Divider Css */
/* --------- */
.divider {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 1rem 0;
}

    .divider .divider-text {
        position: relative;
        display: inline-block;
        font-size: 1rem;
        padding: 0 1rem;
    }

        .divider .divider-text i {
            font-size: 1rem;
        }

        .divider .divider-text:before, .divider .divider-text:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            border-top: 1px solid #DFE3E7;
        }

        .divider .divider-text:before {
            right: 100%;
        }

        .divider .divider-text:after {
            left: 100%;
        }

    .divider.divider-left .divider-text {
        float: left;
        padding-left: 0;
    }

        .divider.divider-left .divider-text:before {
            display: none;
        }

    .divider.divider-left-center .divider-text {
        left: -25%;
    }

    .divider.divider-right .divider-text {
        float: right;
        padding-right: 0;
    }

        .divider.divider-right .divider-text:after {
            display: none;
        }

    .divider.divider-right-center .divider-text {
        right: -25%;
    }

    .divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
        border-style: dotted;
        border-width: 1px;
        border-top-width: 0;
        border-color: #DFE3E7;
    }

    .divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
        border-style: dashed;
        border-width: 1px;
        border-top-width: 0;
        border-color: #DFE3E7;
    }

/* Error Css */
/* --------- */
.error-title {
    font-size: 3rem;
}

@media only screen and (max-width: 575px) {
    .error-title {
        font-size: 2rem;
    }
}

/* widget chat */
/* ----------- */
.widget-chat .widget-chat-container {
    position: relative;
    height: 420px;
    text-align: center;
    padding: 1.4rem;
}

.widget-chat .chat-content .chat-body {
    overflow: hidden !important;
    margin: 0.67rem 0 0 0 !important;
}

    .widget-chat .chat-content .chat-body .chat-message {
        position: relative !important;
        float: right !important;
        text-align: left;
        padding: 0.75rem 1rem !important;
        margin: 0.2rem 0.2rem 1.8rem 0 !important;
        max-width: calc(100% - 5rem) !important;
        clear: both !important;
        word-break: break-word !important;
        color: #FFFFFF !important;
        background: #5A8DEE !important;
        border-radius: 0.267rem !important;
        box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.6) !important;
    }

        .widget-chat .chat-content .chat-body .chat-message p {
            margin-bottom: 0 !important;
        }

        .widget-chat .chat-content .chat-body .chat-message .chat-time {
            position: absolute !important;
            bottom: -20px !important;
            right: 0px !important;
            color: #828D99 !important;
            font-size: 0.8rem !important;
            white-space: nowrap !important;
        }

.widget-chat .chat-content .chat-left .chat-message {
    float: left !important;
    margin: 0.2rem 0 1.8rem 0.2rem !important;
    color: #727E8C !important;
    background-color: #fafbfb !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
}

.widget-chat.widget-chat-demo {
    position: fixed;
    z-index: 1031;
    bottom: 11.5%;
    right: 80px;
    width: 350px;
}

    .widget-chat.widget-chat-demo .widget-chat-container {
        height: 27rem;
    }

    .widget-chat.widget-chat-demo .chat-content .chat-message {
        max-width: calc(100% - 3rem);
    }

    .widget-chat.widget-chat-demo .card {
        box-shadow: 0px 0px 22px 0 rgba(25, 42, 70, 0.25);
    }

.chat-demo-button {
    position: fixed;
    bottom: 5%;
    right: 80px;
    z-index: 1031;
}

    .chat-demo-button i {
        top: 0;
    }

@media (max-width: 575.98px) {
    .widget-chat.widget-chat-demo {
        right: 0;
        padding: 0 1.2rem;
        width: 100%;
    }

        .widget-chat.widget-chat-demo .widget-chat-container {
            height: 21rem;
        }
}

/* Timeline */
/* ---------------- */
.timeline li {
    padding: 1.1rem 0;
    list-style: none;
    position: relative;
}

    .timeline li.timeline-item:before {
        position: absolute;
        content: "";
        left: -37px;
        top: 17px;
        border: 3px solid #FFFFFF;
        box-shadow: 1px 2px 6px 0 rgba(25, 42, 70, 0.3);
        border-radius: 50%;
        background: #5A8DEE;
        height: 13px;
        width: 13px;
        z-index: 2;
    }

    .timeline li.timeline-item.active:not(:last-child):after {
        position: absolute;
        content: "";
        width: 1px;
        background: #dfe3e7;
        left: -31px;
        top: 22px;
        height: 100%;
        z-index: 1;
    }

    .timeline li.timeline-item .timeline-content {
        padding: 0.5rem 1rem;
        border-radius: 0.267rem;
        display: flex;
        align-items: center;
    }

    .timeline li .timeline-time {
        float: right;
        color: #828D99;
        font-size: 0.9rem;
    }

    .timeline li .timeline-title {
        margin-bottom: 0.25rem;
    }

    .timeline li .timeline-text {
        margin-bottom: 0.5rem;
    }

/* Breakpoints Css */
/* ------------- */
@media screen and (min-width: 0px) {
    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: 1110px) {
    head {
        font-family: "md 1110px";
    }

    body:after {
        content: "md - min-width: 1110px";
    }
}

@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 1110px, lg 992px, xl 1200px";
    }

body:after {
    display: none;
}

*[data-usn-if] {
    display: none;
}

/* Select2 Css */
/* ----------- */
.select2-container--classic .select2-selection--single {
    min-height: 40px !important;
}

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        margin-left: -4px !important;
        border-color: #828D99 !important;
    }

.select2-container--classic:focus,
.select2-container--default:focus {
    outline: none;
}

.select2-container--classic .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
}

.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single {
    min-height: 40px;
    padding: 7px;
    border: 1px solid #DFE3E7;
}

.paginationjs-size-changer .select2-container--classic .select2-selection--single,
.paginationjs-size-changer .select2-container--default .select2-selection--single {
    min-width: 72px !important;
    min-height: 36px;
    padding: 7px;
    border: 1px solid #DFE3E7;
}

.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: #5A8DEE !important;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1) !important;
    outline: none;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered i,
.select2-container--default .select2-selection--single .select2-selection__rendered i {
    margin-right: 0.5rem;
    position: relative;
    top: 2px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 38px;
}

    .select2-container--classic .select2-selection--single .select2-selection__arrow b,
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 6px;
        height: 6px;
        margin-left: -10px;
        margin-top: -5px;
        border-width: 0 2px 2px 0;
        border-color: #b3c0ce;
        transform: rotate(45deg);
    }

.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #5A8DEE !important;
    outline: 0;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b,
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 2px 0 0 2px;
        border-color: #b3c0ce transparent transparent #b3c0ce;
        margin-top: -2px;
    }

    .select2-container--classic.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b,
    .select2-container--default.select2-container--open .select2-selection--single.select-lg .select2-selection__arrow b {
        margin-top: 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: #5A8DEE !important;
        outline: 0;
    }

.select2-container--classic .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    min-height: 38px !important;
    border: 1px solid #DFE3E7;
}

    .select2-container--classic .select2-selection--multiple:focus,
    .select2-container--default .select2-selection--multiple:focus {
        outline: 0;
        border-color: #5A8DEE !important;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1) !important;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        margin-right: 0;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #5a8dee !important;
        border-color: transparent !important;
        color: #FFFFFF !important;
        padding: 0.2rem 0.6rem 0.2rem 0.6rem;
    }

    .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: 6px;
        padding-left: 8px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #FFFFFF !important;
        float: right;
        margin-left: 0.3rem;
    }

    .select2-container--classic .select2-selection--multiple i,
    .select2-container--default .select2-selection--multiple i {
        position: relative;
        top: 1px;
        margin-right: 0.5rem;
        padding-left: 1px;
    }

    .select2-container--classic .select2-selection--multiple[class*="bg-"] .select2-selection__choice,
    .select2-container--default .select2-selection--multiple[class*="bg-"] .select2-selection__choice {
        background-color: rgba(0, 0, 0, 0.15) !important;
        border-color: rgba(0, 0, 0, 0.2) !important;
    }

.select2-container--classic .select2-results__options .select2-results__option i,
.select2-container--default .select2-results__options .select2-results__option i {
    margin-right: 0.5rem;
    position: relative;
    top: 2px;
}

.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 {
    min-height: calc(1.4em + 1.334rem + 3.7px) !important;
    font-size: 1.2rem;
    margin-bottom: 0 !important;
    padding: 0.6rem 0.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: -0.233rem;
        padding-left: 0;
        padding-right: 0;
    }

    .select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow,
    .select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
        min-height: calc(1.4em + 1.334rem + 3.7px) !important;
    }

    .select2-container--classic .select-lg.select2-selection--multiple,
    .select2-container--default .select-lg.select2-selection--multiple {
        padding: 0 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 .select2-selection__choice,
            .select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
                margin-top: 6.5px;
            }

.select2-container--classic .select-sm,
.select2-container--default .select-sm {
    min-height: 1.58rem !important;
    padding: 0 0.2rem;
    font-size: 0.75rem;
    margin-bottom: 0 !important;
    line-height: 1.5;
}

    .select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow,
    .select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
        top: -0.3rem !important;
    }

    .select2-container--classic .select-sm.select2-selection--multiple,
    .select2-container--default .select-sm.select2-selection--multiple {
        line-height: 1.2;
    }

        .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: 0.75rem;
                margin-top: 2px;
            }

        .select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice,
        .select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
            padding: 0.2rem 0.3rem;
        }

        .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: 3px;
        }

.select2 .form-control:focus {
    border-color: #5A8DEE !important;
}

/* Datatables Css */
/* ------------- */
.table.dataTable {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 2px;
}

    .table.dataTable colgroup {
    }

table.dataTable thead th {
    background: transparent !important;
    white-space: nowrap;
    margin-right: 10px;
}

table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 15px;
    padding-top: 10px;
    width: 16px;
    height: 16px;
}

.dt-column-order {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    content: '';
}

table.dataTable > thead > tr > th.dt-ordering-asc > .dt-column-order {
    background: url(../../img/datatables/sort_asc.png) no-repeat center right;
}

table.dataTable > thead > tr > th.dt-ordering-desc > .dt-column-order {
    background: url(../../img/datatables/sort_desc.png) no-repeat center right;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    content: "";
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
    content: "";
}

div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_length {
    margin: 1rem 0;
}

    div.dataTables_wrapper div.dataTables_filter select,
    div.dataTables_wrapper div.dataTables_length select {
        background-position: calc(100% - 4px) 7px, calc(100% - 20px) 13px, 100% 0 !important;
        padding: 0 0.8rem;
    }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 1rem;
}

@media only screen and (max-width: 1110px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}

@media only screen and (max-width: 576px) {
    div.dataTables_wrapper div.dataTables_paginate,
    div.dataTables_wrapper div.dataTables_info {
        text-align: left;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination,
        div.dataTables_wrapper div.dataTables_info ul.pagination {
            justify-content: left;
        }
}

/* Pick A Date Css */
/* ------------- */
.picker__input.form-control {
    background-color: #FFFFFF;
}

.picker {
    z-index: 10;
}

    .picker.picker--opened:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 1.5rem;
        width: 0.75rem;
        height: 0.75rem;
        display: block;
        background: #FFFFFF;
        transform: rotate(45deg) translate(-7px);
        z-index: 10;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    .picker .picker__holder {
        margin-top: 0.6rem;
        border-radius: 0.267rem;
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    }

    .picker .picker__day--infocus:hover,
    .picker .picker__day--outfocus:hover,
    .picker .picker__day--highlighted,
    .picker .picker__day--selected,
    .picker .picker__day--today {
        border-radius: 50%;
    }

        .picker .picker__day--highlighted,
        .picker .picker__day--highlighted:hover,
        .picker .picker--focused .picker__day--highlighted {
            background-color: #5A8DEE;
        }

        .picker .picker__day--today:before,
        .picker .picker__button--today:before {
            border-top-color: #5A8DEE;
        }

    .picker .picker__nav--prev:before,
    .picker .picker__nav--next:before {
        font-family: "boxicons";
    }

    .picker .picker__nav--next:before {
        content: "\eb43";
    }

    .picker .picker__nav--prev:before {
        content: "\ea95";
    }

    .picker .picker__button--close:before {
        font-family: "boxicons";
        content: "\ebe9";
    }

.inlineDatePicker {
    display: none;
}

#inlineDatePicker-container .picker {
    height: 370px;
    width: 280px;
    position: relative;
    z-index: 9;
}

    #inlineDatePicker-container .picker.picker--opened:before {
        display: none;
    }

#inlineDatePicker-container .picker__holder {
    max-height: 480px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    display: block;
}

/* Daterange Css */
/* ------------- */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #5A8DEE;
}

.daterangepicker td.in-range {
    background-color: rgba(90, 141, 238, 0.2);
    color: #000;
}

.daterangepicker .ranges li.active {
    background-color: #5A8DEE;
}

.daterangepicker-container .daterangepicker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: left;
}

/*Disabled Controls*/
/*------------*/
.disabled {
    background-color: white;
}
/* Dark Layout */
/* ----------- */


body.dark-layout {
    background-color: #272e48;
}

    body.dark-layout h1,
    body.dark-layout h2,
    body.dark-layout h3,
    body.dark-layout h4,
    body.dark-layout h5,
    body.dark-layout h6,
    body.dark-layout .h1,
    body.dark-layout .h2,
    body.dark-layout .h3,
    body.dark-layout .h4,
    body.dark-layout .h5,
    body.dark-layout .h6 {
        color: #bdd1f8;
    }

        body.dark-layout h1 i,
        body.dark-layout h2 i,
        body.dark-layout h3 i,
        body.dark-layout h4 i,
        body.dark-layout h5 i,
        body.dark-layout h6 i,
        body.dark-layout .h1 i,
        body.dark-layout .h2 i,
        body.dark-layout .h3 i,
        body.dark-layout .h4 i,
        body.dark-layout .h5 i,
        body.dark-layout .h6 i {
            color: #8a99b5;
        }

    body.dark-layout ul li {
        color: #c1cadb !important;
    }

    body.dark-layout .border,
    body.dark-layout .border-top,
    body.dark-layout .border-right,
    body.dark-layout .border-bottom,
    body.dark-layout .border-left {
        border-color: #464d5c !important;
    }

    body.dark-layout a:hover {
        color: #5A8DEE;
    }

    body.dark-layout hr {
        border-color: #464d5c;
    }

    body.dark-layout pre {
        background-color: #1a233a;
        border: 0;
    }

        body.dark-layout pre code {
            background-color: inherit;
            text-shadow: none;
        }

            body.dark-layout pre code .operator,
            body.dark-layout pre code .url {
                background-color: #1a233a;
            }

            body.dark-layout pre code[class*="language-"] {
                color: #8a99b5 !important;
            }

        body.dark-layout pre .line-highlight:before, body.dark-layout pre .line-highlight:after {
            box-shadow: none !important;
        }

    body.dark-layout .close {
        color: #8a99b5 !important;
        text-shadow: none;
    }

    body.dark-layout code {
        background-color: #1a233a;
    }

    body.dark-layout kbd {
        background-color: #1a233a;
    }

    body.dark-layout .prism-show-language code,
    body.dark-layout .language-javascript code {
        color: #8a99b5;
    }

    body.dark-layout .help-block ul li {
        color: #FF5B5C !important;
    }

    body.dark-layout.bg-full-screen-image {
        background: url(../../img/login_bg.jpg) no-repeat center center;
        background-size: cover;
    }

    body.dark-layout .ps__rail-y,
    body.dark-layout .ps__rail-y:focus {
        background-color: #eeeeee0d !important;
        width: 10px !important;
    }

        body.dark-layout .ps__rail-y .ps__thumb-y,
        body.dark-layout .ps__rail-y:focus .ps__thumb-y {
            width: 6px !important;
            background-color: #d1d7de !important;
        }

    body.dark-layout .text-dark {
        color: #8a99b5 !important;
    }

    body.dark-layout.navbar-sticky.navbar-scrolled .header-navbar {
        background-color: #1a233a !important;
        box-shadow: rgba(26, 35, 59, 0.7) -8px 12px 18px 0px;
    }

    body.dark-layout .header-navbar.fixed-top {
        background-color: #1a233a !important;
    }



    body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
        color: #8a99b5;
        background-color: transparent;
    }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
            color: #8a99b5;
        }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
        background-color: #272e48;
    }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
            border-color: transparent;
        }

            body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
            body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
            body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
                color: #8a99b5;
            }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
        background-color: #272e48;
    }

    body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
        background-color: #1a233a;
    }

        body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .current_item {
            background-color: #272e48;
        }

    body.dark-layout .docinfoTable {
        background-color: #1a233a !important;
        border: 1px solid black !important;
        color: #8a99b5 !important;
    }

    body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
        overflow: hidden;
    }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
            border-color: #464d5c;
        }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text {
                color: #8a99b5;
            }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
                color: #8a99b5;
            }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
                background-color: #304256;
            }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
            border-color: #464d5c !important;
        }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header .dropdown-header span {
                color: #FFFFFF !important;
            }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
            background-color: #272e48;
        }

            body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
                color: #8a99b5;
                border-color: #464d5c;
            }

                body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
                    background-color: #272e48;
                }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .read-notification {
            background-color: #272e48 !important;
        }

        body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .border-left {
            border-color: #464d5c !important;
        }

    body.dark-layout .header-navbar .navbar-container ul.nav li i.ficon {
        -webkit-text-stroke: inherit;
    }

    body.dark-layout .header-navbar[class*="bg-"] .navbar-nav .nav-item .nav-link {
        background-color: inherit;
    }

    body.dark-layout .header-navbar.navbar-demo {
        background-color: transparent !important;
    }

    body.dark-layout .header-navbar .user-name {
        color: #bdd1f8 !important;
    }

    body.dark-layout .main-menu {
        background-color: #1a233a !important;
    }

        body.dark-layout .main-menu .shadow-bottom {
            background: linear-gradient(180deg, #1a233af0 44%, #1a233abf 73%, #2c303c00);
        }

        body.dark-layout .main-menu .navbar-header {
            z-index: 3;
        }

            body.dark-layout .main-menu .navbar-header .modern-nav-toggle {
                background-color: transparent !important;
            }

    body.dark-layout.horizontal-menu .header-navbar {
        background-color: transparent;
        border-color: #464d5c !important;
    }

        body.dark-layout.horizontal-menu .header-navbar.navbar-horizontal {
            background-color: #272e48 !important;
            border-color: #464d5c !important;
        }

            body.dark-layout.horizontal-menu .header-navbar.navbar-horizontal .navbar-container li.nav-item.sidebar-group-active.active a.nav-link {
                background-color: #353d52 !important;
            }

    body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu {
        border-color: #464d5c !important;
    }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu li.dropdown-submenu.active > a {
            background-color: #343b53 !important;
        }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu li.dropdown-submenu .dropdown-item:hover {
            background-color: #304256 !important;
        }

        body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
            color: #8a99b5 !important;
        }

    body.dark-layout.horizontal-menu .navbar-nav .dropdown .dropdown-toggle:after {
        color: #8a99b5 !important;
    }

    body.dark-layout.horizontal-menu .navbar-nav > li li.sidebar-group-active .dropdown-menu li:not(.sidebar-group-active).active a {
        background-color: #353d52 !important;
    }

    body.dark-layout .main-menu-content .navigation-main {
        background-color: transparent;
    }

        body.dark-layout .main-menu-content .navigation-main .nav-item i {
            color: #8a99b5;
        }

        body.dark-layout .main-menu-content .navigation-main .nav-item a:after {
            color: #8a99b5;
        }

        body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
            color: #5A8DEE;
        }

        body.dark-layout .main-menu-content .navigation-main .active .menu-title,
        body.dark-layout .main-menu-content .navigation-main .active i {
            color: #5A8DEE;
        }

        body.dark-layout .main-menu-content .navigation-main .sidebar-group-active {
            background: #272e48 !important;
            border-color: #464d5c !important;
        }

            body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
                background-color: #343b53;
            }

    body.dark-layout .widget-todo .widget-todo-list-wrapper .widget-todo-item:hover {
        background-color: #304256;
    }

    body.dark-layout .timeline li.timeline-item.active:not(:last-child):after {
        background: #464d5c;
    }

    body.dark-layout .widget-chat .chat-content .chat-body .chat-message p,
    body.dark-layout .widget-chat .chat-content .chat-body .chat-message span {
        color: inherit !important;
    }

    body.dark-layout .widget-chat .chat-content .chat-body .chat-message .chat-time {
        color: #8a99b5 !important;
    }

    body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message {
        background-color: #1a233a !important;
    }

        body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message p,
        body.dark-layout .widget-chat .chat-content .chat.chat-left .chat-body .chat-message span {
            color: #8a99b5 !important;
        }

    body.dark-layout .overlay-image-card .btn-white {
        background-color: #394C62 !important;
    }

    body.dark-layout .bd-example .row,
    body.dark-layout .bd-example .d-flex {
        background-color: #1a233a;
        color: #bdd1f8;
    }

        body.dark-layout .bd-example .row .col,
        body.dark-layout .bd-example .row [class*="col-"],
        body.dark-layout .bd-example .row .bd-highlight,
        body.dark-layout .bd-example .d-flex .col,
        body.dark-layout .bd-example .d-flex [class*="col-"],
        body.dark-layout .bd-example .d-flex .bd-highlight {
            background-color: #1a233a;
            border-color: #464d5c;
        }

    body.dark-layout .bd-example .height-example-wrapper {
        background-color: #1a233a !important;
    }

    body.dark-layout .bd-example .width-example,
    body.dark-layout .bd-example .height-example {
        background-color: #1a233a !important;
    }

    body.dark-layout .colors-container span {
        color: #FFFFFF !important;
    }

    body.dark-layout.no-card-shadow .card {
        box-shadow: none !important;
    }

    body.dark-layout .card {
        background-color: #272e48;
        box-shadow: -8px 12px 20px 0 rgba(11, 26, 51, 0.63) !important;
    }

        body.dark-layout .card .card-header,
        body.dark-layout .card .card-footer {
            color: #fff;
            background-color: #272e48;
            border-color: #464d5c !important;
        }

    body.dark-layout .front {
        background-color: #272e48;
    }

    body.dark-layout .card .card-body {
        color: #8a99b5;
        border-color: #464d5c !important;
        background-color: #272e48;
    }

    body.dark-layout #filterButtonDropdown {
        background-color: #1a233a !important;
        border-color: #8494a7 !important
    }

    body.dark-layout input[type="search"] {
        color: #8a99b5;
        background-color: #272e48;
        outline: none;
        box-shadow: none;
        border: 1px solid #8a99b5;
        border-radius: 0.2rem;
    }

    body.dark-layout .card .card-header .heading-elements.visible ul li {
        background-color: #272e48;
    }

    body.dark-layout .card .card-img-overlay h4,
    body.dark-layout .card .card-img-overlay span,
    body.dark-layout .card .card-img-overlay p,
    body.dark-layout .card .card-img-overlay small {
        color: #FFFFFF !important;
    }

    body.dark-layout .card.shadow-none {
        box-shadow: none !important;
    }

    body.dark-layout .card .card {
        box-shadow: none !important;
    }

    body.dark-layout .card.bg-transparent .card-footer,
    body.dark-layout .card.bg-transparent .card-header,
    body.dark-layout .card.bg-transparent > .card-body,
    body.dark-layout .card.bg-transparent > .card-content > .card-body {
        background-color: transparent !important;
    }

    body.dark-layout .alert .alert-heading,
    body.dark-layout .alert p,
    body.dark-layout .alert span {
        color: inherit !important;
    }

    body.dark-layout .btn.btn-outline-dark {
        border-color: #40566F !important;
    }

    body.dark-layout .btn.btn-outline-dark, body.dark-layout .btn.btn-outline-secondary {
        color: #FFFFFF !important;
    }

    body.dark-layout .btn.btn-white {
        color: #727E8C;
    }

    body.dark-layout .btn span {
        color: inherit !important;
    }

    body.dark-layout .btn.btn-light-primary {
        background-color: rgba(90, 141, 238, 0.3);
    }

    body.dark-layout .btn.btn-light-success {
        background-color: rgba(57, 218, 138, 0.3);
    }

    body.dark-layout .btn.btn-light-danger {
        background-color: rgba(255, 91, 92, 0.3);
    }

    body.dark-layout .btn.btn-light-warning {
        background-color: rgba(253, 172, 65, 0.3);
    }

    body.dark-layout .btn.btn-light-info {
        background-color: rgba(0, 207, 221, 0.3);
    }

    body.dark-layout .btn.btn-light-secondary {
        background-color: rgba(71, 95, 123, 0.3);
    }

    body.dark-layout .btn[class*="btn-light-"] {
        color: #FFFFFF !important;
    }

    body.dark-layout .btn-group-toggle .btn {
        color: #FFFFFF !important;
    }

    body.dark-layout .breadcrumb {
        background-color: #1a233a;
    }

        body.dark-layout .breadcrumb .breadcrumb-item a {
            color: #8a99b5 !important;
        }

        body.dark-layout .breadcrumb .breadcrumb-item:before {
            color: #8a99b5;
        }

        body.dark-layout .breadcrumb .breadcrumb-item:not(.active) a:hover {
            color: #5A8DEE;
        }

        body.dark-layout .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
            color: #8a99b5 !important;
        }

    body.dark-layout .collapsible .card,
    body.dark-layout .accordion .card {
        box-shadow: none !important;
    }

        body.dark-layout .collapsible .card .card-header,
        body.dark-layout .accordion .card .card-header {
            border: solid 1px #464d5c;
            background-color: #303a59 !important;
        }

        body.dark-layout .collapsible .card.open,
        body.dark-layout .accordion .card.open {
            box-shadow: 0px 0px 20px 0 rgba(11, 26, 51, 0.63) !important;
        }

            body.dark-layout .collapsible .card.open .card-header,
            body.dark-layout .accordion .card.open .card-header {
                border-bottom: 1px solid #464d5c !important;
                border-top: 0;
                border-left: 0;
                border-right: 0;
            }

    body.dark-layout .dropdown-menu {
        background-color: #1a233a;
        border: 1px solid #464d5c;
    }

        body.dark-layout .dropdown-menu .dropdown-item:hover,
        body.dark-layout .dropdown-menu .dropdown-item:focus {
            background: #304256;
        }

        body.dark-layout .dropdown-menu .dropdown-item {
            color: #8a99b5;
        }

            body.dark-layout .dropdown-menu .dropdown-item.active, body.dark-layout .dropdown-menu .dropdown-item:active {
                background-color: #5A8DEE;
                color: #FFFFFF;
            }

            body.dark-layout .dropdown-menu .dropdown-item i {
                color: #8a99b5 !important;
            }

        body.dark-layout .dropdown-menu .dropdown-divider {
            border-color: #464d5c;
        }

    body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
    body.dark-layout .dropright.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
    body.dark-layout .dropleft.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
        color: #8a99b5;
    }

    /*body.dark-layout .list-group .list-group-item:not([class*="list-group-item-"]), body.dark-layout .list-group .list-group-item.list-group-item-action {
  background-color: #272e48;
  border-color: #464d5c;
  color: #8a99b5;
}*/

    body.dark-layout .list-group .list-group-item.active {
        background-color: #5A8DEE !important;
        color: #FFFFFF !important;
    }

        body.semi-dark-layout .list-group-item.list-group-item-action

        body.dark-layout .list-group .list-group-item.active h4,
        body.dark-layout .list-group .list-group-item.active h5,
        body.dark-layout .list-group .list-group-item.active h6,
        body.dark-layout .list-group .list-group-item.active p,
        body.dark-layout .list-group .list-group-item.active small,
        body.dark-layout .list-group .list-group-item.active span {
            color: #FFFFFF !important;
        }

    body.dark-layout .list-group .list-group-item.disabled {
        background-color: #1a233a;
    }

    body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
        background-color: #304256;
    }

    body.dark-layout .modal .modal-header {
        background-color: #272e48;
        border-bottom: 1px solid #304256;
    }

    body.dark-layout .modal .modal-content,
    body.dark-layout .modal .modal-body,
    body.dark-layout .modal .modal-footer {
        background-color: #1a233a;
    }

    body.dark-layout .modal .modal-footer {
        border-top: 1px solid #304256;
    }

        body.dark-layout .modal .modal-footer span {
            color: inherit;
        }

    body.dark-layout .pagination .page-item:first-child .page-link {
        border-left: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item:last-child .page-link {
        border-right: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item .page-link {
        border: 1px solid #464d5c;
        border-right: 0;
        border-left: 0;
        color: #8a99b5;
    }

    body.dark-layout .pagination .page-item.active .page-link {
        color: #FFFFFF;
    }

    body.dark-layout .pagination .page-item.previous ~ .page-item:nth-child(2) .page-link {
        border-left: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item.previous ~ .page-item:nth-last-child(-n + 2) .page-link {
        border-right: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item.next .page-link {
        border: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item.next.disabled .page-link {
        background-color: #1a233a;
    }

    body.dark-layout .pagination .page-item.previous .page-link {
        border: 1px solid #464d5c;
    }

    body.dark-layout .pagination .page-item.previous.disabled .page-link {
        background-color: #1a233a;
    }

    body.dark-layout .pagination.pagination-borderless .page-item.previous .page-link, body.dark-layout .pagination.pagination-borderless .page-item.next .page-link {
        background-color: #464d5c;
    }

        body.dark-layout .pagination.pagination-borderless .page-item.previous .page-link:hover, body.dark-layout .pagination.pagination-borderless .page-item.next .page-link:hover {
            background-color: #304256 !important;
        }

    body.dark-layout .pagination.pagination-borderless .page-item.previous.disabled .page-link, body.dark-layout .pagination.pagination-borderless .page-item.next.disabled .page-link {
        background-color: #1a233a;
    }

    body.dark-layout .nav .nav-item .nav-link {
        color: #8a99b5;
    }

    body.dark-layout .nav.nav-tabs {
        border-bottom-color: #464d5c;
    }

        body.dark-layout .nav.nav-tabs .nav-link.active:before {
            border-bottom-color: #464d5c;
        }

        body.dark-layout .nav.nav-tabs .nav-link.active:after {
            border-bottom-color: #1a233a;
        }

    body.dark-layout .card .nav.nav-tabs .nav-link.active:after {
        border-bottom-color: #272e48;
    }

    body.dark-layout .nav-tabs .nav-item .nav-link,
    body.dark-layout .nav .nav-item .nav-link,
    body.dark-layout .pills-stacked .nav-item .nav-link {
        background-color: #1a233a;
    }

        body.dark-layout .nav-tabs .nav-item .nav-link.active,
        body.dark-layout .nav .nav-item .nav-link.active,
        body.dark-layout .pills-stacked .nav-item .nav-link.active {
            background-color: #5A8DEE;
            color: #FFFFFF;
        }

            body.dark-layout .nav-tabs .nav-item .nav-link.active span,
            body.dark-layout .nav .nav-item .nav-link.active span,
            body.dark-layout .pills-stacked .nav-item .nav-link.active span {
                color: #FFFFFF !important;
            }

        body.dark-layout .nav-tabs .nav-item .nav-link.disabled,
        body.dark-layout .nav .nav-item .nav-link.disabled,
        body.dark-layout .pills-stacked .nav-item .nav-link.disabled {
            opacity: 0.5;
        }

    body.dark-layout .nav-tabs ~ .tab-content,
    body.dark-layout .nav ~ .tab-content,
    body.dark-layout .pills-stacked ~ .tab-content {
        background-color: #272e48;
        color: #8a99b5;
    }

    body.dark-layout .nav-tabs .tab-content,
    body.dark-layout .nav .tab-content,
    body.dark-layout .pills-stacked .tab-content {
        background-color: #272e48;
        color: #8a99b5;
    }

    body.dark-layout #basic-pills .card-header,
    body.dark-layout #filled-pills .card-header,
    body.dark-layout #stacked-pill .card-header {
        background-color: transparent !important;
    }

    body.dark-layout .progress {
        background-color: #464d5c !important;
    }

        body.dark-layout .progress .progress-bar:before {
            color: #8a99b5;
        }

    body.dark-layout .media-bordered .media {
        border-color: #464d5c;
    }

    body.dark-layout .spinner-border {
        border-color: currentColor !important;
        border-right-color: transparent !important;
    }

    body.dark-layout .badge span {
        color: #FFFFFF !important;
    }

    body.dark-layout .badge.badge-up {
        color: #FFFFFF !important;
    }

    body.dark-layout .badge-pill span {
        color: #FFFFFF !important;
    }

    body.dark-layout .popover {
        border: 1px solid #464d5c;
    }

        body.dark-layout .popover[x-placement="top"] .arrow:after {
            border-top-color: #1a233a;
        }

        body.dark-layout .popover[x-placement="top"] .arrow:before {
            border-top-color: #464d5c;
        }

        body.dark-layout .popover[x-placement="bottom"] .arrow:after {
            border-bottom-color: #1a233a;
        }

        body.dark-layout .popover[x-placement="bottom"] .arrow:before {
            border-bottom-color: #464d5c;
        }

        body.dark-layout .popover[x-placement="left"] .arrow:after {
            border-left-color: #1a233a;
        }

        body.dark-layout .popover[x-placement="left"] .arrow:before {
            border-left-color: #464d5c;
        }

        body.dark-layout .popover[x-placement="right"] .arrow:after {
            border-right-color: #1a233a;
        }

        body.dark-layout .popover[x-placement="right"] .arrow:before {
            border-right-color: #464d5c;
        }

        body.dark-layout .popover .popover-header {
            background-color: #272e48;
            border-bottom: 1px solid #464d5c;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
        }

        body.dark-layout .popover .popover-body {
            background-color: #1a233a;
            color: #8a99b5;
        }

    body.dark-layout .toast {
        background-color: #1a233a;
        box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.3);
        border: 1px solid #464d5c;
    }

        body.dark-layout .toast .toast-header {
            color: #FFFFFF;
            border-color: #464d5c;
        }

            body.dark-layout .toast .toast-header .toast-title {
                color: #FFFFFF !important;
            }

            body.dark-layout .toast .toast-header i,
            body.dark-layout .toast .toast-header small {
                color: #FFFFFF !important;
            }

            body.dark-layout .toast .toast-header button i {
                color: #8a99b5 !important;
            }

        body.dark-layout .toast .toast-body {
            color: #8a99b5;
        }

        body.dark-layout .toast.toast-light .toast-header {
            color: #8a99b5;
        }

            body.dark-layout .toast.toast-light .toast-header .toast-title {
                color: #bdd1f8 !important;
            }

            body.dark-layout .toast.toast-light .toast-header i,
            body.dark-layout .toast.toast-light .toast-header small {
                color: #8a99b5 !important;
            }

    body.dark-layout .avatar {
        background-color: #1a233a;
    }

        body.dark-layout .avatar .avatar-content {
            color: #FFFFFF !important;
        }

        body.dark-layout .avatar [class*="avatar-status-"] {
            border-color: #464d5c;
        }

    body.dark-layout .chip {
        background-color: #1a233a;
    }

        body.dark-layout .chip .avatar {
            background-color: #272e48;
        }

        body.dark-layout .chip .chip-body .chip-text,
        body.dark-layout .chip .chip-body span {
            color: #FFFFFF !important;
        }

    body.dark-layout .divider .divider-text {
        color: #8a99b5;
    }

        body.dark-layout .divider .divider-text::before, body.dark-layout .divider .divider-text::after {
            border-color: #464d5c;
        }

    body.dark-layout .divider.divider-dark .divider-text::before, body.dark-layout .divider.divider-dark .divider-text::after {
        border-color: #40566F !important;
    }

    body.dark-layout input.form-control,
    body.dark-layout .custom-file-label,
    body.dark-layout textarea.form-control {
        background-color: #1a233a;
        color: #8a99b5;
    }

        body.dark-layout input.form-control:not(:focus),
        body.dark-layout .custom-file-label:not(:focus),
        body.dark-layout textarea.form-control:not(:focus) {
            border-color: #464d5c;
        }

        body.dark-layout input.form-control::placeholder,
        body.dark-layout .custom-file-label::placeholder,
        body.dark-layout textarea.form-control::placeholder {
            color: #585d67;
        }

        body.dark-layout input.form-control ~ .form-control-position i,
        body.dark-layout .custom-file-label ~ .form-control-position i,
        body.dark-layout textarea.form-control ~ .form-control-position i {
            color: #8a99b5;
        }

        body.dark-layout input.form-control:focus ~ .form-control-position i,
        body.dark-layout .custom-file-label:focus ~ .form-control-position i,
        body.dark-layout textarea.form-control:focus ~ .form-control-position i {
            color: #5A8DEE;
        }

        body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly="readonly"],
        body.dark-layout .custom-file-label:disabled,
        body.dark-layout .custom-file-label[readonly="readonly"],
        body.dark-layout textarea.form-control:disabled,
        body.dark-layout textarea.form-control[readonly="readonly"] {
            opacity: 0.5;
        }

    body.dark-layout .has-icon-left.input-divider-left .form-control-position i {
        border-right-color: #464d5c;
    }

    body.dark-layout .has-icon-left.input-divider-right .form-control-position i {
        border-left-color: #464d5c;
    }

    body.dark-layout .bootstrap-touchspin .form-control {
        background-color: #1a233a;
    }

    body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,
    body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up,
    body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
        background-color: #475F7B !important;
        opacity: 1;
    }

    body.dark-layout .bootstrap-touchspin.disabled-touchspin input {
        border: 1px solid #464d5c !important;
    }

    body.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min {
        background-color: #475F7B !important;
        opacity: 1;
    }

    body.dark-layout select.form-control,
    body.dark-layout .custom-select {
        background-color: #1a233a;
        color: #8a99b5;
        border-color: #464d5c;
    }

        body.dark-layout select.form-control option:checked,
        body.dark-layout .custom-select option:checked {
            background-color: #272e48;
        }

    body.dark-layout .select2-container .select2-selection {
        background: #1a233a;
        border-color: #464d5c;
    }




        body.dark-layout .select2-container .select2-selection .select2-selection__rendered {
            color: #8a99b5;
        }

            body.dark-layout .select2-container .select2-selection .select2-selection__rendered .select2-search__field {
                color: #FFFFFF;
            }

        body.dark-layout .select2-container .select2-selection .select2-selection__arrow b {
            border-top-color: #8a99b5;
        }

    body.dark-layout .select2-container .select2-dropdown {
        background-color: #272e48;
    }

        body.dark-layout .select2-container .select2-dropdown .select2-search__field {
            background-color: #1a233a;
            color: #8a99b5;
            border-color: #464d5c;
        }




    body.dark-layout .btn-group .btn-outline-primary {
        border-color: #464d5c !important;
        background-color: #1a233a !important;
        color: #8a99b5 !important;
    }


    body.dark-layout .btn-group .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        background-color: #5a8dee !important;
        border-color: #5a8dee !important;
        color: #FFFFFF !important;
    }

    body.dark-layout .btn-group .btn-outline-primary:hover {
        border-color: #FFFFFF !important;
        color: #FFFFFF !important;
    }

    body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__options .select2-results__option {
        color: #FFFFFF !important;
    }

    body.dark-layout .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
        background-color: #5A8DEE;
        color: #FFFFFF !important;
    }

    body.dark-layout .select2-container.select2-container--classic .selection .select2-selection__arrow {
        background-image: none;
        background-color: #1a233a;
        border-color: rgba(255, 255, 255, 0.1);
    }

    body.dark-layout .select2-dropdown {
        border: 1px solid #464d5c;
    }

    body.dark-layout .select2-container--default .select2-results__option--highlighted[aria-selected] {
        color: #FFFFFF !important;
    }

    body.dark-layout .radio label:before,
    body.dark-layout .custom-radio label:before {
        border: 1px solid #464d5c;
    }

    body.dark-layout .radio input[type="radio"]:disabled ~ label:before,
    body.dark-layout .custom-radio input[type="radio"]:disabled ~ label:before {
        background-color: #304256 !important;
    }

    body.dark-layout .checkbox label:after {
        border: 1px solid #464d5c;
    }

    body.dark-layout .checkbox label:before {
        background-color: #304256;
        border: 1px solid #464d5c;
    }

    body.dark-layout .checkbox input:checked ~ label:after {
        border-top-style: none;
        border-right-style: none;
        border-color: #5A8DEE;
        border-radius: 0;
        border-width: 2px;
    }

    body.dark-layout .checkbox input:disabled ~ label:before {
        background-color: #1a233a !important;
        border: 1px solid #1a233a !important;
    }

    body.dark-layout .checkbox input:disabled ~ label:after {
        border-color: #5a627d !important;
    }

    body.dark-layout .checkbox[class*="checkbox-"] input:checked ~ label:after {
        border-color: #FFFFFF;
    }

    body.dark-layout .checkbox.checkbox-icon input[type="checkbox"]:not(:checked) ~ label i {
        color: #304256 !important;
    }

    body.dark-layout .custom-checkbox input:not([class*="bg-"]) + .custom-control-label:before {
        background-color: #304256 !important;
        border-color: #5a627d !important;
    }

    body.dark-layout .custom-checkbox input:not([class*="bg-"]).custom-control-input:checked ~ .custom-control-label:after {
        background-color: #5A8DEE !important;
        border-radius: 0.267rem;
    }

    body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
        opacity: 0.5;
    }

    body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: #5A8DEE;
    }

    body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #5A8DEE;
    }

    body.dark-layout .custom-switch .custom-control-label:before {
        background-color: #353d52;
    }

    body.dark-layout .custom-switch .custom-control-label:after {
        background-color: #d6e3fb !important;
    }

    body.dark-layout .custom-switch .switch-icon-left {
        color: #FFFFFF !important;
    }

    body.dark-layout .was-validated .form-control:invalid,
    body.dark-layout .form-control.is-invalid {
        border-color: #FF5B5C !important;
    }

    body.dark-layout .was-validated .form-control:valid,
    body.dark-layout .form-control.is-valid {
        border-color: #39DA8A !important;
    }

    body.dark-layout .char-textarea.active {
        color: #8a99b5 !important;
    }

    body.dark-layout .char-textarea.max-limit {
        color: #FF5B5C !important;
    }

    body.dark-layout .counter-value {
        color: #FFFFFF !important;
    }

        body.dark-layout .counter-value span {
            color: #FFFFFF !important;
        }

    body.dark-layout .quill-toolbar,
    body.dark-layout .ql-toolbar {
        border-color: #464d5c;
    }

        body.dark-layout .quill-toolbar .ql-picker-label,
        body.dark-layout .ql-toolbar .ql-picker-label {
            color: #8a99b5;
        }

        body.dark-layout .quill-toolbar .ql-stroke,
        body.dark-layout .ql-toolbar .ql-stroke {
            stroke: #8a99b5;
        }

        body.dark-layout .quill-toolbar .ql-fill,
        body.dark-layout .ql-toolbar .ql-fill {
            fill: #8a99b5;
        }

        body.dark-layout .quill-toolbar .ql-picker-options,
        body.dark-layout .ql-toolbar .ql-picker-options {
            background-color: #272e48;
        }

            body.dark-layout .quill-toolbar .ql-picker-options span:not(:hover),
            body.dark-layout .ql-toolbar .ql-picker-options span:not(:hover) {
                color: #8a99b5;
            }

    body.dark-layout .ql-container {
        border-color: #464d5c;
    }

    body.dark-layout .ql-editor .ql-syntax {
        background-color: #1a233a;
    }

    body.dark-layout .ql-editor.ql-blank:before {
        color: #8a99b5;
    }

    body.dark-layout .dropzone {
        background-color: #1a233a;
    }

    body.dark-layout .picker.picker--opened:before {
        background: #1a233a;
        border-top: 1px solid #464d5c;
        border-left: 1px solid #464d5c;
    }

    body.dark-layout .picker__input {
        background-color: #1a233a !important;
    }

    body.dark-layout .picker__holder {
        background-color: #1a233a;
        border: 1px solid #464d5c;
    }

        body.dark-layout .picker__holder .picker__header .picker__month,
        body.dark-layout .picker__holder .picker__header .picker__year {
            color: #8a99b5;
        }

        body.dark-layout .picker__holder .picker__header .picker__select--year,
        body.dark-layout .picker__holder .picker__header .picker__select--month {
            color: #8a99b5;
            background-color: #1a233a;
            border-color: #464d5c;
        }

        body.dark-layout .picker__holder .picker__header .picker__nav--next:hover,
        body.dark-layout .picker__holder .picker__header .picker__nav--prev:hover {
            background-color: #272e48;
        }

        body.dark-layout .picker__holder .picker__table thead tr .picker__weekday {
            color: #8a99b5;
        }

        body.dark-layout .picker__holder .picker__table tbody tr td .picker__day {
            color: #8a99b5;
        }

            body.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover {
                background-color: #304256;
                color: #8a99b5;
            }

            body.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled {
                color: #8a99b5;
                opacity: 0.5;
                background: #272e48;
            }

        body.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today {
            background-color: #272e48;
        }

        body.dark-layout .picker__holder .picker__footer .picker__button--today,
        body.dark-layout .picker__holder .picker__footer .picker__button--clear,
        body.dark-layout .picker__holder .picker__footer .picker__button--close {
            background-color: #1a233a;
            color: #8a99b5;
        }

    body.dark-layout .picker--time .picker__holder .picker__list {
        background-color: #1a233a;
    }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--selected, body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:hover {
            background-color: #272e48;
        }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled {
            background-color: #272e48;
            color: #475F7B;
            opacity: 0.5;
        }

        body.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear {
            background-color: #1a233a;
            color: #8a99b5;
        }

    body.dark-layout .daterangepicker {
        background-color: #1a233a;
        border-color: #464d5c;
    }

        body.dark-layout .daterangepicker .calendar-table {
            background-color: #1a233a;
            border-color: #464d5c;
        }

            body.dark-layout .daterangepicker .calendar-table .prev span,
            body.dark-layout .daterangepicker .calendar-table .next span {
                border-color: #8a99b5 !important;
            }

            body.dark-layout .daterangepicker .calendar-table .prev:hover span,
            body.dark-layout .daterangepicker .calendar-table .next:hover span {
                border-color: #FFFFFF !important;
            }

        body.dark-layout .daterangepicker .off {
            background-color: #1a233a;
        }

        body.dark-layout .daterangepicker .drp-buttons {
            border-color: #464d5c;
        }

            body.dark-layout .daterangepicker .drp-buttons .cancelBtn {
                color: #8a99b5;
            }

                body.dark-layout .daterangepicker .drp-buttons .cancelBtn.btn-danger {
                    color: #FFFFFF;
                }

        body.dark-layout .daterangepicker:after {
            border-bottom: 6px solid #1a233a;
        }

        body.dark-layout .daterangepicker:before {
            border-bottom: 7px solid #464d5c;
        }

        body.dark-layout .daterangepicker th.available:hover,
        body.dark-layout .daterangepicker td.available:hover {
            background-color: #5A8DEE;
            color: #FFFFFF;
        }

        body.dark-layout .daterangepicker th.in-range.available,
        body.dark-layout .daterangepicker td.in-range.available {
            color: #FFFFFF;
        }

        body.dark-layout .daterangepicker th.off,
        body.dark-layout .daterangepicker td.off {
            color: #8a99b5 !important;
        }

        body.dark-layout .daterangepicker .drp-calendar.left {
            border-color: #464d5c !important;
        }

        body.dark-layout .daterangepicker .ranges li:hover {
            background-color: #304256 !important;
        }

        body.dark-layout .daterangepicker .ranges li.active {
            color: #FFFFFF !important;
            background-color: #5A8DEE !important;
        }

    body.dark-layout .wizard .steps ul li.current:after {
        background-color: #353d52 !important;
    }

    body.dark-layout .wizard .steps ul li.current ~ li:before, body.dark-layout .wizard .steps ul li.current ~ li:after {
        background-color: #353d52 !important;
    }

    body.dark-layout .wizard .steps ul li a .step {
        background-color: #353d52 !important;
    }

    body.dark-layout .wizard .steps ul li.done a span {
        color: #39DA8A !important;
    }

    body.dark-layout .wizard.vertical .steps ul li.current {
        background-color: #353d52 !important;
    }

    body.dark-layout .wizard.vertical .content {
        border-color: #464d5c !important;
    }

    body.dark-layout .input-group .input-group-prepend .input-group-text,
    body.dark-layout .input-group .input-group-append .input-group-text {
        background-color: #304256;
        border: 1px solid #464d5c;
    }

    body.dark-layout .input-group .input-group-prepend ~ .form-control {
        border-left: 1px solid #464d5c;
    }

    body.dark-layout .input-group .form-control ~ .input-group-append {
        border-left: 1px solid #464d5c;
    }

    body.dark-layout .custom-file-label:after {
        background-color: #304256;
        border-left: 1px solid #464d5c;
        color: #8a99b5;
    }

    body.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
    body.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
        color: #8a99b5 !important;
    }

    body.dark-layout .table thead th {
        border-color: #464d5c;
        color: #bdd1f8;
    }

        body.dark-layout .table thead th span {
            color: #bdd1f8 !important;
        }

    body.dark-layout .table tbody td,
    body.dark-layout .table tbody th {
        border-color: #464d5c;
        color: #8a99b5;
    }

        body.dark-layout .table tbody td .badge-circle-light-secondary,
        body.dark-layout .table tbody th .badge-circle-light-secondary {
            background-color: #1a233a;
            color: #bdd1f8;
        }

        body.dark-layout .table tbody td a i,
        body.dark-layout .table tbody th a i {
            color: #8a99b5 !important;
        }

    body.dark-layout .table tbody tr.group {
        background-color: #1a233a;
    }

    body.dark-layout .table tfoot tr th {
        border-color: #464d5c;
    }

    body.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
        background-color: #1a233a;
    }

    body.dark-layout .table.table-hover tbody tr:hover {
        background-color: #304256;
    }

    body.dark-layout .table.table-borderless thead tr {
        border-color: #464d5c;
    }

    body.dark-layout .table.table-light th {
        color: inherit;
    }

    body.dark-layout .table.table-bordered th {
        border-color: #464d5c !important;
        color: #bdd1f8;
    }

    body.dark-layout .kb-search #searchbar,
    body.dark-layout .search-bar #searchbar {
        border: 1px solid #464d5c;
    }

    body.dark-layout .kb-search .kb-header input.form-control,
    body.dark-layout .search-bar .kb-header input.form-control {
        background-color: #272e48;
    }

    body.dark-layout .faq-bg {
        box-shadow: none !important;
    }

        body.dark-layout .faq-bg .card-body .card-text {
            color: #bdd1f8 !important;
        }

        body.dark-layout .faq-bg input.form-control {
            background-color: #272e48 !important;
        }

        body.dark-layout .faq-bg.card.bg-transparent .card-body {
            background-color: transparent !important;
        }

    body.dark-layout .users-list li img {
        border-color: #464d5c !important;
    }

    body.dark-layout .users-view h6,
    body.dark-layout .users-view span {
        color: #5A8DEE !important;
    }

    body.dark-layout .users-list-filter {
        background-color: #272e48;
    }

    body.dark-layout .bg-authentication {
        background-color: #1a233a;
    }

    body.dark-layout .getting-started .clockCard p {
        color: #8a99b5 !important;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-gridlines-horizontal .apexcharts-gridline {
        stroke: #464d5c;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light,
    body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip,
    body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip {
        background-color: #212744;
        border-color: #1a233a;
    }

        body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title,
        body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-text,
        body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-title,
        body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-text,
        body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-title,
        body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-text {
            background-color: #212744;
            color: #8a99b5;
        }

    body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-label,
    body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-value {
        color: #FFFFFF;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
        border-bottom-color: transparent;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
        border-bottom-color: #1a233a;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
        border-left-color: transparent;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
        border-left-color: #1a233a;
    }

    body.dark-layout .apexcharts-canvas text {
        fill: #FFFFFF !important;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
        color: #8a99b5 !important;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-radialbar-track path {
        stroke: #464d5c;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-inner polygon {
        stroke: #212744 !important;
        fill: #1a233a !important;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-pie-series path {
        stroke: #1a233a;
    }

    body.dark-layout .apexcharts-canvas .apexcharts-menu {
        background-color: #1a233a;
        border: 0;
    }

        body.dark-layout .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item {
            color: #8a99b5;
        }

            body.dark-layout .apexcharts-canvas .apexcharts-menu .apexcharts-menu-item:hover {
                background-color: #304256;
            }

    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg,
    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg,
    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
    body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg {
        fill: #8a99b5;
    }

    body.dark-layout.email-application .content-area-wrapper {
        border-color: #464d5c !important;
    }

        body.dark-layout.email-application .content-area-wrapper .content-right {
            background-color: #1a233a;
        }

            body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details {
                background-color: #272e48;
            }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header {
                    background-color: #1a233a;
                    border-color: #464d5c;
                }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .email-detail-title {
                        color: #bdd1f8;
                    }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-header .btn i {
                        border-color: #464d5c !important;
                    }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details.show {
                    border-color: #464d5c;
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .email-detail-head .collapse-header .card-header {
                    background-color: #1a233a;
                    border-color: #464d5c;
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .quill-wrapper {
                    background-color: #1a233a;
                }

                body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header {
                    background-color: #1a233a !important;
                }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header ~ .collapse.show .card-body {
                        background-color: #1a233a !important;
                    }

                    body.dark-layout.email-application .content-area-wrapper .content-right .email-app-details .collapse-header.open .card-header ~ .collapse.show .card-footer {
                        border-color: #464d5c !important;
                        background: #1a233a;
                    }

        body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar {
            border-color: #464d5c;
        }

            body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu {
                background-color: #1a233a;
            }

                body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item .badge {
                    color: inherit !important;
                }

                body.dark-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar .email-app-menu .list-group .list-group-item.active {
                    color: #5A8DEE !important;
                    background-color: transparent !important;
                }

        body.dark-layout.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar {
            background-color: #272e48;
        }

            body.dark-layout.email-application .content-area-wrapper .sidebar .compose-new-mail-sidebar .snow-container {
                background-color: #1a233a;
            }

        body.dark-layout.email-application .content-area-wrapper .action-icon {
            border-color: #464d5c !important;
        }

        body.dark-layout.email-application .content-area-wrapper .app-content-overlay.show {
            background-color: rgba(0, 0, 0, 0.5) !important;
        }

    body.dark-layout.email-application .email-action {
        background-color: #1a233a;
        border-color: #464d5c !important;
    }

        body.dark-layout.email-application .email-action .action-icon {
            border-color: #464d5c !important;
        }

        body.dark-layout.email-application .email-action .action-right .email-pagination-prev,
        body.dark-layout.email-application .email-action .action-right .email-pagination-next {
            border-color: #464d5c !important;
        }

        body.dark-layout.email-application .email-action .action-right .email-fixed-search input {
            border-color: #464d5c !important;
        }

        body.dark-layout.email-application .email-action .btn-icon.email-pagination-prev, body.dark-layout.email-application .email-action .btn-icon.email-pagination-next {
            color: #8a99b5 !important;
        }

    body.dark-layout.email-application .users-list-wrapper li.media {
        background-color: #272e48 !important;
        border-color: #464d5c !important;
    }

        body.dark-layout.email-application .users-list-wrapper li.media.mail-read {
            background-color: #1a233a !important;
        }

        body.dark-layout.email-application .users-list-wrapper li.media:hover {
            box-shadow: 0 0 16px 0 rgba(16, 16, 16, 0.45) !important;
        }

        body.dark-layout.email-application .users-list-wrapper li.media.selected-row-bg {
            background-color: #353d52 !important;
        }

    body.dark-layout.email-application .users-list-wrapper li .avatar img {
        border: 2px solid #464d5c !important;
    }

    body.dark-layout.email-application .users-list-wrapper .user-action .favorite {
        color: #8a99b5 !important;
    }

        body.dark-layout.email-application .users-list-wrapper .user-action .favorite.warning {
            color: #FDAC41 !important;
        }

    body.dark-layout.chat-application .content-area-wrapper {
        border: 1px solid #464d5c;
    }

    body.dark-layout.chat-application .chat-user-profile {
        background-color: #272e48;
    }

    body.dark-layout.chat-application .chat-sidebar {
        border-right: 1px solid #464d5c;
        box-shadow: none !important;
    }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-search {
            border-bottom: 1px solid #464d5c;
        }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li:hover {
            background: #162239;
        }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li img {
            border-color: #464d5c !important;
        }

        body.dark-layout.chat-application .chat-sidebar .chat-sidebar-list-wrapper li.active {
            background-color: #343b53 !important;
        }

    body.dark-layout.chat-application .chat-overlay.show {
        background-color: rgba(0, 0, 0, 0.4);
    }

    body.dark-layout.chat-application .chat-window-wrapper .chat-start .chat-start-icon {
        background-color: #272e48;
    }

    body.dark-layout.chat-application .chat-window-wrapper .chat-icon-favorite.warning i {
        color: #FDAC41 !important;
    }

    body.dark-layout.chat-application .chat-content .chat-body .chat-message p {
        color: #FFFFFF !important;
    }

    body.dark-layout.chat-application .chat-content .chat-left .chat-message {
        background-color: #272e48;
    }

        body.dark-layout.chat-application .chat-content .chat-left .chat-message p {
            color: #8a99b5 !important;
        }

    body.dark-layout.chat-application .chat-profile {
        background-color: #272e48;
    }

    body.dark-layout.chat-application .chat-footer span {
        color: #FFFFFF;
    }

    body.dark-layout.chat-application .chat-start,
    body.dark-layout.chat-application .chat-container {
        background-color: #18223c !important;
    }

    body.dark-layout.todo-application .content-area-wrapper {
        border-color: #464d5c !important;
    }

        body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper {
            border-color: #464d5c !important;
        }

            body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search {
                background-color: #1a233a;
                border-color: #464d5c !important;
            }

                body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-fixed-search .todo-sort .sorting {
                    border-color: #464d5c !important;
                }

            body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper {
                background-color: #272e48;
            }

                body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item {
                    border-color: #464d5c !important;
                }

                    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-title {
                        color: #8a99b5;
                    }

                    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-item-favorite,
                    body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .todo-task-list .todo-task-list-wrapper .todo-item .todo-item-delete {
                        color: #8a99b5;
                    }

            body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .sorting i {
                color: #8a99b5 !important;
            }

            body.dark-layout.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper .todo-app-list .sorting span {
                color: #8a99b5 !important;
            }

        body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar {
            background-color: #272e48;
        }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .snow-container {
                background-color: #1a233a;
            }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .select-box .select2-container .select2-selection {
                background-color: transparent !important;
            }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .select-box .select2-container .select2-selection--single:hover {
                border-color: #464d5c !important;
            }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .form-control {
                background-color: transparent !important;
            }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .avatar {
                background-color: #1a233a;
            }

                body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .avatar .avatar-content {
                    color: #8a99b5;
                }

            body.dark-layout.todo-application .content-area-wrapper .todo-new-task-sidebar .assigned .date-picker .pickadate:focus {
                border-color: #464d5c !important;
            }

        body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar {
            background-color: #1a233a !important;
        }

            body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar .sidebar-menu-list .list-group .list-group-item.active {
                background-color: transparent !important;
            }

                body.dark-layout.todo-application .content-area-wrapper .sidebar-left .todo-sidebar .sidebar-menu-list .list-group .list-group-item.active span {
                    color: #5A8DEE !important;
                }

    body.dark-layout .calendar-wrapper {
        border-color: #464d5c !important;
    }

        body.dark-layout .calendar-wrapper .calendar-view {
            background-color: #1a233a;
            border-color: #464d5c !important;
        }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-layout {
                background-color: #272e48 !important;
            }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-layout .tui-full-calendar-weekday-grid-line {
                    border-color: #464d5c !important;
                }

            body.dark-layout .calendar-wrapper .calendar-view .calendar-action .btn-action {
                border-color: #464d5c !important;
                color: #8a99b5 !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .calendar-action span {
                color: #8a99b5;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container {
                background-color: #353d52;
            }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-content {
                    background-color: transparent;
                    color: #8a99b5 !important;
                }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-section-item {
                    background-color: #1a233a;
                    border-color: #464d5c !important;
                }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-button {
                    background-color: #1a233a;
                    border-color: #464d5c !important;
                }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-save span {
                    color: #FFFFFF !important;
                }

                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-edit span,
                body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-popup-container .tui-full-calendar-popup-delete span {
                    color: #FFFFFF !important;
                }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-splitter {
                border-color: #464d5c !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-month-dayname {
                border-color: #464d5c !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-dayname-container {
                border-color: #464d5c !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-timegrid-timezone {
                background-color: #272e48 !important;
                border-color: #464d5c !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-left {
                border-color: #464d5c !important;
            }

            body.dark-layout .calendar-wrapper .calendar-view .tui-full-calendar-dropdown-menu {
                background-color: #272e48 !important;
                border-color: #464d5c !important;
            }

        body.dark-layout .calendar-wrapper .sidebar {
            background-color: #1a233a !important;
        }

    body.dark-layout .kanban-container .kanban-board {
        background-color: #272e48;
    }

        body.dark-layout .kanban-container .kanban-board .kanban-item {
            background: #353d52;
            color: #8a99b5;
        }

        body.dark-layout .kanban-container .kanban-board .kanban-board-header {
            color: #bdd1f8;
        }

            body.dark-layout .kanban-container .kanban-board .kanban-board-header .kanban-title-button {
                color: #8a99b5 !important;
            }

    body.dark-layout .invoice-view-wrapper .invoice-value {
        color: #8a99b5 !important;
    }

    body.dark-layout .list-group-flush > .list-group-item:last-child {
        border-bottom-width: 2px;
    }

    body.dark-layout .invoice-edit-wrapper .invoice-subtotal-title,
    body.dark-layout .invoice-edit-wrapper .invoice-subtotal-value,
    body.dark-layout .invoice-edit-wrapper .invoice-item-title {
        color: #8a99b5 !important;
    }

    body.dark-layout .invoice-edit-wrapper .invoice-payment {
        border-color: #464d5c;
    }

    body.dark-layout .invoice-list-wrapper .top,
    body.dark-layout .invoice-list-wrapper .invoice-data-table {
        border-color: #464d5c !important;
        background-color: #272e48;
    }

        body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:before,
        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:before {
            background-color: #304256;
            border-color: #464d5c !important;
        }

        body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:after,
        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:after {
            border-color: #464d5c !important;
        }

        body.dark-layout .invoice-list-wrapper .top .dt-checkboxes-cell input:checked:after,
        body.dark-layout .invoice-list-wrapper .invoice-data-table .dt-checkboxes-cell input:checked:after {
            border-color: #FFFFFF !important;
        }

        body.dark-layout .invoice-list-wrapper .top .selected-row-bg,
        body.dark-layout .invoice-list-wrapper .invoice-data-table .selected-row-bg {
            background-color: #353d52 !important;
        }

    body.dark-layout.file-manager-application .app-file-area .app-file-header {
        background-color: #272e48;
        border-color: #464d5c !important;
    }

    body.dark-layout.file-manager-application .app-file-area .app-file-content {
        background-color: #272e48;
    }

        body.dark-layout.file-manager-application .app-file-area .app-file-content .app-file-content-logo {
            background-color: #353d52 !important;
            border-color: #464d5c !important;
        }

    body.dark-layout.file-manager-application .app-file-sidebar {
        border-color: #464d5c !important;
    }

        body.dark-layout.file-manager-application .app-file-sidebar .app-file-sidebar-content .list-group .list-group-item.active {
            color: #5A8DEE !important;
            background-color: transparent !important;
        }

        body.dark-layout.file-manager-application .app-file-sidebar .app-file-sidebar-left {
            background-color: #1a233a !important;
        }

    body.dark-layout.file-manager-application .content-area-wrapper {
        border-color: #464d5c !important;
    }

        body.dark-layout.file-manager-application .content-area-wrapper .app-file-sidebar-info {
            background-color: #272e48;
        }

    body.dark-layout .btn-primary {
        background-color: #5a8dee !important;
    }

    body.dark-layout .swal2-container .swal2-modal {
        background-color: #272e48 !important;
    }

        body.dark-layout .swal2-container .swal2-modal .swal2-confirm {
            background-color: #5a8dee !important;
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
            color: #8a99b5;
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
            color: inherit;
        }

        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left,
        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right,
        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix,
        body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon {
            background-color: #1a233a !important;
        }

    body.dark-layout .swal2-icon.swal2-success::after, body.dark-layout .swal2-icon.swal2-success::before {
        content: '';
        position: absolute;
        width: 60px;
        height: 120px;
        background: #272e48
    }

    body.dark-layout .swal2-icon.swal2-success .fix {
        background-color: #272e48;
    }

    body.dark-layout .swal2-container .swal2-modal .swal2-content {
        color: #8a99b5;
    }

    body.dark-layout .swal2-container .swal2-modal .swal2-show {
        min-height: 493px;
    }

    body.dark-layout .swal2-container .swal2-modal .swal2-content pre,
    body.dark-layout .swal2-container .swal2-modal .swal2-content code,
    body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
        background-color: #272e48;
    }

    body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
        color: #FFFFFF;
    }

    body.dark-layout .toast-container .toast.toast-info {
        background-color: #00CFDD;
    }

    body.dark-layout .toast-container .toast.toast-success {
        background-color: #39DA8A;
    }

    body.dark-layout .toast-container .toast.toast-error {
        background-color: #FF5B5C;
    }

    body.dark-layout .toast-container .toast.toast-warning {
        background-color: #FDAC41;
    }

    body.dark-layout .noUi-target {
        background-color: #464d5c;
    }

        body.dark-layout .noUi-target .noUi-tooltip {
            background-color: #1a233a;
            color: #FFFFFF;
            border: 1px solid #464d5c;
        }

    body.dark-layout .gu-mirror:not(.badge):not([class*="col-"]) {
        background-color: #272e48;
        border-color: #464d5c;
    }

    body.dark-layout .shepherd-content .shepherd-text p {
        color: #FFFFFF !important;
    }

    body.dark-layout .swiper-container .swiper-slide {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

        body.dark-layout .swiper-container .swiper-slide .swiper-text p,
        body.dark-layout .swiper-container .swiper-slide .swiper-text span,
        body.dark-layout .swiper-container .swiper-slide .swiper-text small {
            color: inherit !important;
        }

    body.dark-layout .swiper-container.swiper-parallax div,
    body.dark-layout .swiper-container.swiper-parallax p,
    body.dark-layout .swiper-container.swiper-parallax span {
        color: #FFFFFF !important;
    }

    body.dark-layout .blockOverlay {
        background-color: rgba(0, 0, 0, 0.7) !important;
    }

    body.dark-layout .blockMsg .icon-spin {
        color: #FFFFFF;
    }

    body.dark-layout .plyr--audio .plyr__controls {
        background: inherit;
    }

        body.dark-layout .plyr--audio .plyr__controls div,
        body.dark-layout .plyr--audio .plyr__controls .plyr__control {
            color: #8a99b5 !important;
        }

    body.dark-layout .context-menu-list {
        background-color: #1a233a;
        border: 1px solid #464d5c !important;
    }

        body.dark-layout .context-menu-list .context-menu-item {
            background-color: #1a233a;
        }

            body.dark-layout .context-menu-list .context-menu-item:hover {
                background-color: #304256;
            }

            body.dark-layout .context-menu-list .context-menu-item:not(:last-child) {
                border-bottom: 1px solid #304256;
            }

    body.dark-layout .customizer {
        background-color: #272e48;
    }

        body.dark-layout .customizer .customizer-close i {
            color: #8a99b5;
        }

    body.dark-layout.fixed-footer .footer {
        background-color: #272e48;
        box-shadow: 0px 8px 12px 12px rgba(25, 42, 70, 0.7);
    }

    body.dark-layout #dashboard-analytics .timeline .timeline-content {
        color: #8a99b5 !important;
    }

    body.dark-layout #dashboard-analytics .growth-card .dropdown-toggle {
        color: #8a99b5 !important;
    }

    body.dark-layout #dashboard-ecommerce .table-marketing-campaigns tr {
        border-color: #464d5c !important;
    }

    body.dark-layout #dashboard-ecommerce .statistics span {
        color: #bdd1f8 !important;
    }

    body.dark-layout p,
    body.dark-layout small,
    body.dark-layout span:not(.badge):not(.token),
    body.dark-layout label {
        color: #8a99b5;
    }

    body.dark-layout label {
        background-color: #272e48;
    }

    body.dark-layout .list-group-item {
        border: 1px solid #8a99b5;
    }

    body.dark-layout table.dataTable tbody tr {
        background-color: #272e48;
    }

    body.dark-layout table.dataTable.stripe tbody tr:nth-child(odd) {
        background-color: #1a233a;
    }

    body.dark-layout .card-container .back {
        background-color: #272e48;
    }

    body.dark-layout .dataTables_info {
        color: #8a99b5;
    }

    body.dark-layout .disabled {
        background-color: #272e48;
    }

    body.dark-layout p.warning,
    body.dark-layout p .text-warning,
    body.dark-layout small.warning,
    body.dark-layout small .text-warning,
    body.dark-layout span:not(.badge):not(.token).warning,
    body.dark-layout span:not(.badge):not(.token) .text-warning,
    body.dark-layout label.warning,
    body.dark-layout label .text-warning {
        color: #FDAC41 !important;
    }

    body.dark-layout p.primary,
    body.dark-layout p .text-primary,
    body.dark-layout small.primary,
    body.dark-layout small .text-primary,
    body.dark-layout span:not(.badge):not(.token).primary,
    body.dark-layout span:not(.badge):not(.token) .text-primary,
    body.dark-layout label.primary,
    body.dark-layout label .text-primary {
        color: #5A8DEE !important;
    }

    body.dark-layout p.warning,
    body.dark-layout p .text-warning,
    body.dark-layout small.warning,
    body.dark-layout small .text-warning,
    body.dark-layout span:not(.badge):not(.token).warning,
    body.dark-layout span:not(.badge):not(.token) .text-warning,
    body.dark-layout label.warning,
    body.dark-layout label .text-warning {
        color: #FDAC41 !important;
    }

    body.dark-layout p.success,
    body.dark-layout p .text-success,
    body.dark-layout small.success,
    body.dark-layout small .text-success,
    body.dark-layout span:not(.badge):not(.token).success,
    body.dark-layout span:not(.badge):not(.token) .text-success,
    body.dark-layout label.success,
    body.dark-layout label .text-success {
        color: #39DA8A !important;
    }

    body.dark-layout p.info,
    body.dark-layout p .text-info,
    body.dark-layout small.info,
    body.dark-layout small .text-info,
    body.dark-layout span:not(.badge):not(.token).info,
    body.dark-layout span:not(.badge):not(.token) .text-info,
    body.dark-layout label.info,
    body.dark-layout label .text-info {
        color: #00CFDD !important;
    }

    body.dark-layout p.secondary,
    body.dark-layout p .text-secondary,
    body.dark-layout small.secondary,
    body.dark-layout small .text-secondary,
    body.dark-layout span:not(.badge):not(.token).secondary,
    body.dark-layout span:not(.badge):not(.token) .text-secondary,
    body.dark-layout label.secondary,
    body.dark-layout label .text-secondary {
        color: #475F7B !important;
    }

    body.dark-layout p.danger,
    body.dark-layout p .text-danger,
    body.dark-layout small.danger,
    body.dark-layout small .text-danger,
    body.dark-layout span:not(.badge):not(.token).danger,
    body.dark-layout span:not(.badge):not(.token) .text-danger,
    body.dark-layout label.danger,
    body.dark-layout label .text-danger {
        color: #FF5B5C !important;
    }

    body.dark-layout p.white,
    body.dark-layout p .text-white,
    body.dark-layout small.white,
    body.dark-layout small .text-white,
    body.dark-layout span:not(.badge):not(.token).white,
    body.dark-layout span:not(.badge):not(.token) .text-white,
    body.dark-layout label.white,
    body.dark-layout label .text-white {
        color: #FFFFFF !important;
    }

    body.dark-layout .border-warning {
        border-color: #FDAC41 !important;
    }

    body.dark-layout .border-primary {
        border-color: #5A8DEE !important;
    }

    body.dark-layout .border-success {
        border-color: #39DA8A !important;
    }

    body.dark-layout .border-info {
        border-color: #00CFDD !important;
    }

    body.dark-layout .border-secondary {
        border-color: #475F7B !important;
    }

    body.dark-layout .border-danger {
        border-color: #FF5B5C !important;
    }

    body.dark-layout .border-white {
        border-color: #FFFFFF !important;
    }

    body.dark-layout .kb-sidebar {
        background-color: #1a233a;
    }

    body.dark-layout .node-selected {
        color: #FFFFFF !important;
    }

        body.dark-layout .node-selected .icon {
            color: #FFFFFF !important;
        }


    body.dark-layout #stecknadel_link {
        background-Color: #1a233a !important;
    }

    body.dark-layout .sidebar-arrow {
        Color: #1a233a !important;
    }

        body.dark-layout .sidebar-arrow:hover {
            Color: #5A8DEE !important;
        }





/* Semi Dark Layout */
/* ---------------- */
body.semi-dark-layout .main-menu {
    background-color: #1a233a !important;
}



    body.semi-dark-layout .main-menu .shadow-bottom {
        background: linear-gradient(180deg, #1a233af0 44%, #1a233abf 73%, #2c303c00);
    }

    body.semi-dark-layout .main-menu .navbar-header {
        z-index: 3;
    }

        body.semi-dark-layout .main-menu .navbar-header .modern-nav-toggle {
            background-color: transparent !important;
        }

body.semi-dark-layout .main-menu-content .navigation-main {
    background-color: transparent;
}

    body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
        color: #8a99b5;
    }

    body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after {
        color: #8a99b5;
    }

    body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
        color: #5A8DEE;
    }

    body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
    body.semi-dark-layout .main-menu-content .navigation-main .active i {
        color: #5A8DEE;
    }

    body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active {
        background: #272e48 !important;
        border-color: #464d5c !important;
    }

        body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
            background-color: #343b53;
        }

#nprogress .bar {
    top: 62px;
    background-color: #5a8dee;
    height: 2px;
}

#nprogress .spinner {
    top: 50%;
    left: 60%;
    position: fixed;
}

#nprogress .spinner-icon {
    border-top-color: #5a8dee;
    border-left-color: #5a8dee;
    height: 30px;
    width: 30px;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i {
    width: 1.6rem !important;
    min-width: 1.6rem;
    margin-right: 1rem;
    float: left;
}

    .vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i:not(.menu-livicon) {
        font-size: 1.4rem;
    }

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a {
    transition: all 0.35s ease !important;
}

    .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
        margin-right: 1.25rem;
    }

.vertical-layout.vertical-menu-modern .main-menu {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 282px;
}

    .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li.open > a > span.badge {
        right: 19px;
    }

    .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: "\e9b9";
        font-family: "boxicons";
        font-size: 1.2rem;
        color: #8494a7;
        display: inline-block;
        position: absolute;
        right: 7px;
        transform: rotate(0deg);
        transition: -webkit-transform 0.4s ease-in-out;
    }

    .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after {
        transform: rotate(180deg);
    }

.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 260px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top {
    left: 78px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 78px;
    transition: 300ms ease all, background 0s;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text,
    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
        display: none;
    }

    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a {
        display: block;
    }

        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a .menu-title,
        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a .badge {
            display: none;
        }

    .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: rgba(90, 141, 238, 0.2);
        box-shadow: none;
    }

    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.menu-collapsed-open {
        background: transparent;
        border: none;
    }

    .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 .main-menu .navigation > li > a > span.badge {
                float: none !important;
            }

            .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i {
                margin-right: 2rem;
                float: left;
            }

    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
        width: 260px;
        box-shadow: 5px 0 25px 0 rgba(55, 70, 95, 0.3);
    }

        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
            display: block;
            height: 1rem;
        }

        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a i {
            margin-right: 1rem;
        }

        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after {
            content: "\e9b9";
            font-family: "boxicons";
            font-size: 1.2rem;
            color: #8494a7;
            display: inline-block;
            position: absolute;
            right: 7px;
            transform: rotate(0deg);
            transition: -webkit-transform 0.4s ease-in-out;
        }

        .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after {
            transform: rotate(180deg);
        }

        .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 .navbar-static-top .navbar-wrapper,
.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 78px;
}

@media (min-width: 992px) {
    .vertical-layout.vertical-menu-modern .main-menu {
        border-right: 1px solid #292929;
    }

        .vertical-layout.vertical-menu-modern .main-menu.menu-dark {
            border-right: 1px solid #464d5c;
        }

    .vertical-layout.vertical-menu-modern .footer {
        margin-left: 260px;
    }
}

@media (max-width: 1199.98px) {
    .vertical-layout.vertical-menu-modern .main-menu {
        width: 0;
    }

        .vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header span {
            display: none;
        }

    .vertical-layout.vertical-menu-modern .content,
    .vertical-layout.vertical-menu-modern .footer {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .vertical-layout.vertical-menu-modern .main-menu {
        width: 0;
    }

    .vertical-layout.vertical-menu-modern .content,
    .vertical-layout.vertical-menu-modern .footer {
        margin-left: 0;
    }
}

.vertical-overlay-menu .content {
    margin-left: 0;
}

.vertical-overlay-menu .navbar .navbar-header {
    float: left;
    width: 260px;
}

.vertical-overlay-menu .navbar[data-nav="brand-center"] .navbar-header {
    padding: 0;
}

    .vertical-overlay-menu .navbar[data-nav="brand-center"] .navbar-header .navbar-brand {
        display: flex;
        align-items: center;
        margin-right: 0;
    }

        .vertical-overlay-menu .navbar[data-nav="brand-center"] .navbar-header .navbar-brand .brand-logo {
            height: 27px;
            width: 35px;
        }

            .vertical-overlay-menu .navbar[data-nav="brand-center"] .navbar-header .navbar-brand .brand-logo .logo {
                height: 27px;
                display: flex;
                position: relative;
                left: 6px;
            }

        .vertical-overlay-menu .navbar[data-nav="brand-center"] .navbar-header .navbar-brand .brand-text {
            color: #FFFFFF;
            padding-left: 1rem;
            letter-spacing: 0.01rem;
            font-size: 1.57rem;
        }

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: width .25s,opacity .25s,transform .25s;
    width: 260px;
    left: -260px;
}

    .vertical-overlay-menu .main-menu .navigation > li > a > i {
        margin-right: 14px;
        float: left;
        width: 1.6rem !important;
    }

    .vertical-overlay-menu .main-menu .navigation > li ul li > a {
        transition: all .35s ease !important;
    }

        .vertical-overlay-menu .main-menu .navigation > li ul li > a > i {
            margin-right: 1.25rem;
        }

    .vertical-overlay-menu .main-menu .navigation > li ul li:hover a {
        padding-left: 35px;
    }

    .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after {
        content: "\e9b9";
        font-family: "boxicons";
        font-size: 1.2rem;
        color: #8494a7;
        display: inline-block;
        position: absolute;
        right: 7px;
        transform: rotate(0deg);
        transition: -webkit-transform 0.4s ease-in-out;
    }

    .vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after {
        transform: rotate(180deg);
    }

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    transform: translate3d(260px, 0, 0);
    transition: width .25s,opacity .25s,transform .25s;
    top: 0;
}

@media (max-width: 1199.98px) {
    .horizontal-layout.vertical-overlay-menu .app-content .content-wrapper {
        margin-top: 3.5rem;
    }
}

.swal2-container, body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

body.swal2-in {
    overflow-y: hidden
}

.swal2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}

    .swal2-container:not(.swal2-in) {
        pointer-events: none
    }

    .swal2-container.swal2-fade {
        -webkit-transition: background-color .1s;
        transition: background-color .1s
    }

    .swal2-container.swal2-in {
        background-color: rgba(0,0,0,.4)
    }

.swal2-modal {
    background-color: #fff;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative
}

    .swal2-modal:focus {
        outline: 0
    }

    .swal2-modal.swal2-loading {
        overflow-y: hidden
    }

    .swal2-modal .swal2-title {
        color: #595959;
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        text-transform: none;
        position: relative;
        margin: 0;
        padding: 0;
        line-height: 60px;
        display: block
    }

    .swal2-modal .swal2-spacer {
        height: 10px;
        color: transparent;
        border: 0
    }

    .swal2-modal .swal2-styled {
        border: 0;
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        cursor: pointer;
        font-size: 17px;
        font-weight: 500;
        margin: 0 5px;
        padding: 10px 32px
    }

        .swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
            opacity: .4;
            cursor: no-drop
        }

        .swal2-modal .swal2-styled.swal2-loading {
            box-sizing: border-box;
            border: 4px solid transparent;
            width: 40px;
            height: 40px;
            padding: 0;
            margin: -2px 30px;
            vertical-align: top;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            border-radius: 100%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

    .swal2-modal :not(.swal2-styled).swal2-loading::after {
        display: inline-block;
        content: '';
        margin-left: 5px;
        vertical-align: -1px;
        height: 6px;
        width: 6px;
        border: 3px solid #999;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
        animation: rotate-loading 1.5s linear 0s infinite normal
    }

    .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span, .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {
        vertical-align: middle
    }

    .swal2-modal .swal2-image {
        margin: 20px auto;
        max-width: 100%
    }

    .swal2-modal .swal2-close {
        font-size: 36px;
        line-height: 36px;
        font-family: serif;
        position: absolute;
        top: 5px;
        right: 13px;
        cursor: pointer;
        color: #ccc;
        -webkit-transition: color .1s ease;
        transition: color .1s ease
    }

        .swal2-modal .swal2-close:hover {
            color: #d55
        }

    .swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea {
        display: none
    }

    .swal2-modal .swal2-content {
        text-align: center;
        font-weight: 300;
        position: relative;
        float: none;
        margin: 0;
        padding: 0;
        line-height: normal;
        color: #545454
    }

    .swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea {
        margin: 20px auto
    }

    .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
        width: 100%;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        font-size: 18px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        -webkit-transition: border-color box-shadow .3s;
        transition: border-color box-shadow .3s
    }

        .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {
            border-color: #f06e57
        }

        .swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5;
            border: 1px solid #b4dbed
        }

            .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
                -webkit-transition: opacity .3s .03s ease;
                transition: opacity .3s .03s ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder {
                -webkit-transition: opacity .3s .03s ease;
                transition: opacity .3s .03s ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
                -webkit-transition: opacity .3s .03s ease;
                transition: opacity .3s .03s ease;
                opacity: .8
            }

            .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder {
                -webkit-transition: opacity .3s .03s ease;
                transition: opacity .3s .03s ease;
                opacity: .8
            }

        .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder {
            color: #e6e6e6
        }

        .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder {
            color: #e6e6e6
        }

    .swal2-modal .swal2-range input {
        float: left;
        width: 80%
    }

    .swal2-modal .swal2-range output {
        float: right;
        width: 20%;
        font-size: 20px;
        font-weight: 600;
        text-align: center
    }

    .swal2-modal .swal2-range input, .swal2-modal .swal2-range output {
        height: 43px;
        line-height: 43px;
        vertical-align: middle;
        margin: 20px auto;
        padding: 0
    }

    .swal2-modal .swal2-input {
        height: 43px;
        padding: 0 12px
    }

        .swal2-modal .swal2-input[type=number] {
            max-width: 150px
        }

    .swal2-modal .swal2-file {
        font-size: 20px
    }

    .swal2-modal .swal2-textarea {
        height: 108px;
        padding: 12px
    }

    .swal2-modal .swal2-select {
        color: #545454;
        font-size: inherit;
        padding: 5px 10px;
        min-width: 40%;
        max-width: 100%
    }

    .swal2-modal .swal2-radio {
        border: 0
    }

        .swal2-modal .swal2-radio label:not(:first-child) {
            margin-left: 20px
        }

        .swal2-modal .swal2-radio input {
            margin: 0 3px 0 0
        }

    .swal2-modal .swal2-checkbox {
        color: #545454
    }

    .swal2-modal .swal2-validationerror {
        background-color: #f0f0f0;
        margin: 0 -20px;
        overflow: hidden;
        padding: 10px;
        color: gray;
        font-size: 16px;
        font-weight: 300;
        display: none
    }

        .swal2-modal .swal2-validationerror::before {
            content: '!';
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: #ea7d7d;
            color: #fff;
            line-height: 24px;
            text-align: center;
            margin-right: 10px
        }

.swal2-icon.swal2-info, .swal2-icon.swal2-question, .swal2-icon.swal2-warning {
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .swal2-icon.swal2-error {
        border-color: #f27474
    }

        .swal2-icon.swal2-error .x-mark {
            position: relative;
            display: block
        }

        .swal2-icon.swal2-error .line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #f27474;
            display: block;
            top: 37px;
            border-radius: 2px
        }

            .swal2-icon.swal2-error .line.left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px
            }

            .swal2-icon.swal2-error .line.right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px
            }

    .swal2-icon.swal2-warning {
        font-family: Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif;
        color: #f8bb86;
        border-color: #facea8
    }

    .swal2-icon.swal2-info {
        font-family: Tahoma,'Open Sans',sans-serif;
        color: #3fc3ee;
        border-color: #9de0f6
    }

    .swal2-icon.swal2-question {
        font-family: Tahoma,'Helvetica Neue',Helvetica,Arial,sans-serif;
        color: #87adbd;
        border-color: #c9dae1
    }

    .swal2-icon.swal2-success {
        border-color: #a5dc86
    }

        .swal2-icon.swal2-success::after, .swal2-icon.swal2-success::before {
            content: '';
            position: absolute;
            width: 60px;
            height: 120px;
            background: #fff
        }

        .swal2-icon.swal2-success::before {
            border-radius: 120px 0 0 120px;
            top: -7px;
            left: -33px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px
        }

        .swal2-icon.swal2-success::after {
            border-radius: 0 120px 120px 0;
            top: -11px;
            left: 30px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 60px;
            transform-origin: 0 60px
        }

        .swal2-icon.swal2-success .placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165,220,134,.2);
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2
        }

        .swal2-icon.swal2-success .fix {
            width: 7px;
            height: 90px;
            background-color: #fff;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .swal2-icon.swal2-success .line {
            height: 5px;
            background-color: #a5dc86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2
        }

            .swal2-icon.swal2-success .line.tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .swal2-icon.swal2-success .line.long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        background: #3085d6;
        border-radius: 2em;
        color: #fff;
        height: 2em;
        line-height: 2em;
        text-align: center;
        width: 2em;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle, .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        background: #3085d6;
        height: .4em;
        margin: 0 -1px;
        z-index: 10
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

.swal2-show {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: hideSweetAlert .15s forwards;
    animation: hideSweetAlert .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

@-webkit-keyframes animate-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip {
    0%,54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0%,65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long {
    0%,65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%,5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%,5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100%,12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.animate-success-tip {
    -webkit-animation: animate-success-tip .75s;
    animation: animate-success-tip .75s
}

.animate-success-long {
    -webkit-animation: animate-success-long .75s;
    animation: animate-success-long .75s
}

.swal2-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

.animate-error-icon {
    -webkit-animation: animate-error-icon .5s;
    animation: animate-error-icon .5s
}

@-webkit-keyframes animate-x-mark {
    0%,50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animate-x-mark {
    0%,50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animate-x-mark {
    -webkit-animation: animate-x-mark .5s;
    animation: animate-x-mark .5s
}

@-webkit-keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

@keyframes pulse-warning {
    0% {
        border-color: #f8d486
    }

    100% {
        border-color: #f8bb86
    }
}

.pulse-warning {
    -webkit-animation: pulse-warning .75s infinite alternate;
    animation: pulse-warning .75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#vanillatoasts-container {
    position: fixed;
    width: 320px;
    font-family: Tahoma, 'Helvetica';
    pointer-events: none;
    z-index: 10000;
}

.toasts-top-right {
    top: 0;
    right: 0;
}

.toasts-top-left {
    left: 0;
    top: 0;
}

.toasts-bottom-left {
    left: 0;
    bottom: 0;
}

.toasts-bottom-right {
    bottom: 0;
    right: 0;
}

.toasts-top-center {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.toasts-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.vanillatoasts-toast {
    position: relative;
    padding: 20px 17px;
    margin: 20px;
    border-radius: 10px;
    background: #F5F5F5;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    animation-duration: .3s;
    animation-name: VanillaToasts;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    pointer-events: all;
}

.vanillatoasts-fadeOut {
    animation-name: VanillaToastsFadeOut;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-fill-mode: forwards;
}

#vanillatoasts-container p,
#vanillatoasts-container h4 {
    margin: 3px 0 !important;
}

.vanillatoasts-title {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
}

.vanillatoasts-text {
    font-size: 14px;
    color: #777;
}

.vanillatoasts-icon {
    position: absolute;
    top: 5px;
    left: -40px;
    width: 50px;
    height: 50px;
    /*border-radius: 100%;*/
    /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
    /*background: #FFF;*/
}

.vanillatoasts-toast a, .vanillatoasts-toast a:hover {
    color: #549EDB !important;
    text-decoration: none !important;
}

/** toast types */
.vanillatoasts-success {
    border-bottom: 2px solid #51C625;
}

.vanillatoasts-warning {
    border-bottom: 2px solid #DB2B1D;
}

.vanillatoasts-error {
    border-bottom: 2px solid #DB2B1D;
}

.vanillatoasts-info {
    border-bottom: 2px solid #f5a036;
}

@keyframes VanillaToasts {
    from {
        transform: translate3d(400px, 0, 0);
        ;
        opacity: 0;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes VanillaToastsFadeOut {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    to {
        transform: translate3d(400px, 0, 0);
        opacity: 0;
    }
}

#nprogress {
    pointer-events: none
}

    #nprogress .bar {
        position: fixed;
        z-index: 1050;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #f5a036
    }

    #nprogress .spinner {
        position: fixed;
        z-index: 500;
        top: 15px;
        right: 15px;
        display: block
    }

    #nprogress .spinner-icon {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        -webkit-animation: nprogress-spinner .4s linear infinite;
        -o-animation: nprogress-spinner .4s linear infinite;
        animation: nprogress-spinner .4s linear infinite;
        border: solid 2px transparent;
        border-top-color: #f5a036;
        border-left-color: #f5a036;
        border-radius: 50%
    }

.nprogress-custom-parent {
    position: relative;
    overflow: hidden
}

    .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
        position: absolute
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes nprogress-spinner {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#nprogress .bar.nprogress-bar-header {
    top: 66.01px
}

#nprogress .bar.nprogress-bar-bottom {
    top: auto;
    bottom: 0
}

#nprogress .nprogress-bar-primary {
    background-color: #f5a036
}

#nprogress .nprogress-bar-success {
    background-color: #f5a036
}

#nprogress .nprogress-bar-info {
    background-color: #f5a036
}

#nprogress .nprogress-bar-warning {
    background-color: #f5a036
}

#nprogress .nprogress-bar-danger {
    background-color: #f5a036
}

#nprogress .nprogress-bar-dark {
    background-color: #f5a036
}

#nprogress .nprogress-bar-light {
    background-color: #f5a036
}

@charset "UTF-8";

:root {
    --bs-blue: #5a8dee;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #ff5b5c;
    --bs-orange: #fd7e14;
    --bs-yellow: #fdac41;
    --bs-green: #39da8a;
    --bs-teal: #20c997;
    --bs-cyan: #00cfdd;
    --bs-white: #fff;
    --bs-gray: rgba(38, 60, 85, 0.6);
    --bs-gray-dark: rgba(38, 60, 85, 0.8);
    --bs-gray-25: rgba(38, 60, 85, 0.025);
    --bs-gray-50: rgba(38, 60, 85, 0.06);
    --bs-primary: #ffc04b;
    --bs-secondary: #69809a;
    --bs-success: #39da8a;
    --bs-info: #00cfdd;
    --bs-warning: #fdac41;
    --bs-danger: #ff5b5c;
    --bs-light: #e5e9ed;
    --bs-dark: #495563;
    --bs-gray: rgba(38, 60, 85, 0.5);
    --bs-primary-rgb: 255,192,75;
    --bs-secondary-rgb: 105, 128, 154;
    --bs-success-rgb: 57, 218, 138;
    --bs-info-rgb: 0, 207, 221;
    --bs-warning-rgb: 253, 172, 65;
    --bs-danger-rgb: 255, 91, 92;
    --bs-light-rgb: 229, 233, 237;
    --bs-dark-rgb: 73, 85, 99;
    --bs-gray-rgb: 38, 60, 85;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 38, 60, 85;
    --bs-body-color-rgb: 103, 119, 136;
    --bs-body-bg-rgb: 242, 242, 246;
    --bs-font-sans-serif: Tahoma, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.47;
    --bs-body-color: #677788;
    --bs-body-bg: #f2f2f6;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    font-size: var(--bs-root-font-size);
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(38, 60, 85, 0);
}

hr {
    margin: 1rem 0;
    color: #d4d8dd;
    background-color: currentColor;
    border: 0;
    opacity: 1;
}

    hr:not([size]) {
        height: 1px;
    }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
    font-weight: 500;
    line-height: 1.1;
    color: #516377;
}

h1, .h1 {
    font-size: calc(1.3625rem + 1.35vw);
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.375rem;
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem;
    }
}

h3, .h3 {
    font-size: calc(1.2875rem + 0.45vw);
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.625rem;
    }
}

h4, .h4 {
    font-size: calc(1.2625rem + 0.15vw);
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.375rem;
    }
}

h5, .h5 {
    font-size: 1.125rem;
}

h6, .h6 {
    font-size: 0.9375rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: 900;
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #5a8dee;
    text-decoration: none;
}

    a:hover {
        color: #517fd6;
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
    }

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 85%;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

code {
    font-size: 85%;
    color: #e83e8c;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 85%;
    color: #fff;
    background-color: rgba(38, 60, 85, 0.9);
    border-radius: 0.1875rem;
}

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700;
    }

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #a8b1bb;
    text-align: left;
}

th {
    font-weight: 600;
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend + * {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type=search] {
    outline: none;
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.0546875rem;
    font-weight: 400;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 85%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.171875rem;
}

    .blockquote > :last-child {
        margin-bottom: 0;
    }

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 85%;
    color: rgba(38, 60, 85, 0.6);
}

    .blockquote-footer::before {
        content: "— ";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0;
    background-color: transparent;
    border: 0px solid rgba(38, 60, 85, 0.3);
    border-radius: 0px;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 85%;
    color: #a8b1bb;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.875rem);
    padding-left: var(--bs-gutter-x, 1.875rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 1110px) {
    .container-md, .container-sm, .container {
        max-width: 1090px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px;
    }
}

.row {
    --bs-gutter-x: 1.625rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #677788;
    --bs-table-striped-bg: #f8f9fa;
    --bs-table-active-color: #677788;
    --bs-table-active-bg: rgba(38, 60, 85, 0.1);
    --bs-table-hover-color: #677788;
    --bs-table-hover-bg: #f2f3f5;
    width: 100%;
    margin-bottom: 1rem;
    color: #677788;
    vertical-align: middle;
    border-color: #d4d8dd;
}

    .table > :not(caption) > * > * {
        padding: 0.625rem 1.5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }

    .table > :not(:first-child) {
        border-top: 2px solid #d4d8dd;
    }

.caption-top {
    caption-side: top;
}

.table-sm > :not(caption) > * > * {
    padding: 0.3125rem 0.625rem;
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.dark-layout .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
    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: #dee8fc;
    --bs-table-striped-bg: #d8e3f7;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #ccd7eb;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #d3def2;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #b9c6db;
}

.table-secondary {
    --bs-table-bg: #e1e6eb;
    --bs-table-striped-bg: #dbe1e7;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #ced5dc;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #d6dce2;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #bcc4cd;
}

.table-success {
    --bs-table-bg: #d7f8e8;
    --bs-table-striped-bg: #d2f2e4;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #c5e5d9;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #cceddf;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #b4d2cb;
}

.table-info {
    --bs-table-bg: #ccf5f8;
    --bs-table-striped-bg: #c7eff3;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #bbe3e8;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #c2eaee;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #abd0d7;
}

.table-warning {
    --bs-table-bg: #ffeed9;
    --bs-table-striped-bg: #f8e9d5;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #e9dccc;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #f2e3d1;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #d4cabf;
}

.table-danger {
    --bs-table-bg: #ffdede;
    --bs-table-striped-bg: #f8d9da;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #e9ced0;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #f2d4d6;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #d4bec3;
}

.table-light {
    --bs-table-bg: #e5e9ed;
    --bs-table-striped-bg: #dfe4e8;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #d2d8de;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #dadfe4;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #bfc6cf;
}

.table-dark {
    --bs-table-bg: #495563;
    --bs-table-striped-bg: #4e5a68;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #5b6673;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #545f6c;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #6d7782;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.form-label {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 400;
}

.col-form-label {
    padding-top: calc(0.469rem + 1px);
    padding-bottom: calc(0.469rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.4;
}

.col-form-label-lg {
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
    font-size: 1.063rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.813rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 85%;
    color: #a8b1bb;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.469rem 0.735rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
    color: #677788;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d4d8dd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus {
    color: #677788;
    background-color: #fff;
    border-color: rgba(245, 248, 254, 0.448);
    outline: 0;
    box-shadow: 0 0.0625rem 0.1875rem 0 rgba(38, 60, 85, 0.18);
}

.form-control::-webkit-date-and-time-value {
    height: 1.4em;
}

.form-control::-moz-placeholder {
    color: #a8b1bb;
    opacity: 1;
}

.form-control::placeholder {
    color: #a8b1bb;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecee;
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.469rem 0.735rem;
    margin: -0.469rem -0.735rem;
    -webkit-margin-end: 0.735rem;
    margin-inline-end: 0.735rem;
    color: #677788;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #f2f2f2;
}

.form-control::-webkit-file-upload-button {
    padding: 0.469rem 0.735rem;
    margin: -0.469rem -0.735rem;
    -webkit-margin-end: 0.735rem;
    margin-inline-end: 0.735rem;
    color: #677788;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f2f2f2;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.469rem 0;
    margin-bottom: 0;
    line-height: 1.4;
    color: #677788;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    min-height: calc(1.4em + 0.5rem + 2px);
    padding: 0.25rem 0.6rem;
    font-size: 0.813rem;
    border-radius: 0.1875rem;
}

    .form-control-sm::file-selector-button {
        padding: 0.25rem 0.6rem;
        margin: -0.25rem -0.6rem;
        -webkit-margin-end: 0.6rem;
        margin-inline-end: 0.6rem;
    }

    .form-control-sm::-webkit-file-upload-button {
        padding: 0.25rem 0.6rem;
        margin: -0.25rem -0.6rem;
        -webkit-margin-end: 0.6rem;
        margin-inline-end: 0.6rem;
    }

.form-control-lg {
    min-height: calc(1.4em + 1.5rem + 2px);
    padding: 0.75rem 0.85rem;
    font-size: 1.063rem;
    border-radius: 0.3125rem;
}

    .form-control-lg::file-selector-button {
        padding: 0.75rem 0.85rem;
        margin: -0.75rem -0.85rem;
        -webkit-margin-end: 0.85rem;
        margin-inline-end: 0.85rem;
    }

    .form-control-lg::-webkit-file-upload-button {
        padding: 0.75rem 0.85rem;
        margin: -0.75rem -0.85rem;
        -webkit-margin-end: 0.85rem;
        margin-inline-end: 0.85rem;
    }

textarea.form-control {
    min-height: calc(1.4em + 0.938rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.4em + 0.5rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.4em + 1.5rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: 0.469rem;
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        height: 1.4em;
        border-radius: 0.25rem;
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.4em;
        border-radius: 0.25rem;
    }

.form-select {
    display: block;
    width: 100%;
    padding: 0.469rem 1.735rem 0.469rem 0.735rem;
    -moz-padding-start: calc(0.735rem - 3px);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
    color: #677788;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%2838, 60, 85, 0.4%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.735rem center;
    background-size: 17px 12px;
    border: 1px solid #d4d8dd;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: rgba(245, 248, 254, 0.448);
    outline: 0;
    box-shadow: 0 0.0625rem 0.1875rem 0 rgba(38, 60, 85, 0.18);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.735rem;
    background-image: none;
}

.form-select:disabled {
    color: #677788;
    background-color: #e9ecee;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #677788;
}

.form-select-sm {
    padding-top: 0.187rem;
    padding-bottom: 0.187rem;
    padding-left: 0.6rem;
    font-size: 0.813rem;
    border-radius: 0.1875rem;
}

.form-select-lg {
    padding-top: 0.74rem;
    padding-bottom: 0.74rem;
    padding-left: 0.85rem;
    font-size: 1.063rem;
    border-radius: 0.3125rem;
}

.form-check {
    display: block;
    min-height: 1.378125rem;
    padding-left: 1.7em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.7em;
    }

.form-check-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.135em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #bec5cc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .form-check-input[type=radio] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: rgba(245, 248, 254, 0.448);
        outline: 0;
        box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
    }

    .form-check-input:checked {
        background-color: rgba(90, 141, 238, 0.08);
        border-color: rgba(90, 141, 238, 0.08);
    }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e");
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: rgba(90, 141, 238, 0.08);
        border-color: rgba(90, 141, 238, 0.08);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.5;
        }

.form-switch {
    padding-left: 2.5em;
}

    .form-switch .form-check-input {
        width: 2em;
        margin-left: -2.5em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2838, 60, 85, 0.3%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 2em;
        transition: background-position 0.15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28245, 248, 254, 0.448%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

    .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

.form-range {
    width: 100%;
    height: 1rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 8px 0px rgba(38, 60, 85, 0.2);
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 8px 0px rgba(38, 60, 85, 0.2);
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 0.875rem;
        height: 0.875rem;
        margin-top: -0.25rem;
        background-color: #fff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #fff;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.375rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecee;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-moz-range-thumb {
    width: 0.875rem;
    height: 0.875rem;
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #fff;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.375rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecee;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none;
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #e9ecee;
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #e9ecee;
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem 0.735rem;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control {
    padding: 1rem 0.735rem;
}

    .form-floating > .form-control::-moz-placeholder {
        color: transparent;
    }

    .form-floating > .form-control::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.75;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.75;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.75;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

        .input-group > .form-control:focus,
        .input-group > .form-select:focus {
            z-index: 3;
        }

    .input-group .btn {
        position: relative;
        z-index: 2;
    }

        .input-group .btn:focus {
            z-index: 3;
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.469rem 0.735rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
    color: #677788;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d4d8dd;
    border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.75rem 0.85rem;
    font-size: 1.063rem;
    border-radius: 0.3125rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.6rem;
    font-size: 0.813rem;
    border-radius: 0.1875rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 2.47rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.4;
    color: #677788;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.469rem 1.375rem;
    font-size: 0.9375rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #677788;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}

.btn-link {
    font-weight: 400;
    color: #5a8dee;
    text-decoration: none;
}

    .btn-link:hover {
        color: #517fd6;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: rgba(38, 60, 85, 0.6);
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.74rem 2.1875rem;
    font-size: 1.063rem;
    border-radius: 0.3125rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.187rem 1rem;
    font-size: 0.813rem;
    border-radius: 0.1875rem;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing :not(.stecknadel) {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.stecknadel .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}


    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.3125rem 0;
    margin: 0;
    font-size: 0.9375rem;
    color: #677788;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: 0.3125rem;
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: 0.125rem;
    }

.dropdown-menu-start {
    --bs-position: start;
}

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

.dropdown-menu-end {
    --bs-position: end;
}

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
    }

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1110px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0;
        }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto;
        }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.75em;
    vertical-align: middle;
    content: "";
    margin-top: 0;
    width: 0.45em;
    height: 0.45em;
    border: 1.5px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg);
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.75em;
    vertical-align: middle;
    content: "";
    border-top: 0.45em solid transparent;
    border-right: 0;
    border-bottom: 0.45em solid transparent;
    border-left: 0.45em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.75em;
    vertical-align: middle;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.75em;
    vertical-align: middle;
    content: "";
    border-top: 0.45em solid transparent;
    border-right: 0.45em solid;
    border-bottom: 0.45em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.3125rem 0;
    overflow: hidden;
    border-top: 1px solid #d4d8dd;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #677788;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #677788;
        background-color: rgba(38, 60, 85, 0.06);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #5a8dee;
        text-decoration: none;
        background-color: rgba(90, 141, 238, 0.08);
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #bec5cc;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
    margin-bottom: 150px;
}

.dropdown-header {
    display: block;
    padding: 0.3125rem 1rem;
    margin-bottom: 0;
    font-size: 0.813rem;
    color: #516377;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.5rem 1rem;
    color: #677788;
}

.dropdown-menu-dark {
    color: rgba(38, 60, 85, 0.3);
    background-color: rgba(38, 60, 85, 0.8);
    border-color: transparent;
}

    .dropdown-menu-dark .dropdown-item {
        color: rgba(38, 60, 85, 0.3);
    }

        .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #5a8dee;
            background-color: rgba(90, 141, 238, 0.08);
        }

        .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
            color: rgba(38, 60, 85, 0.5);
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: #d4d8dd;
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: rgba(38, 60, 85, 0.3);
    }

    .dropdown-menu-dark .dropdown-header {
        color: rgba(38, 60, 85, 0.5);
    }

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn-check:checked + .btn,
        .btn-group > .btn-check:focus + .btn,
        .btn-group > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn-check:checked + .btn,
        .btn-group-vertical > .btn-check:focus + .btn,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 1.03125rem;
    padding-left: 1.03125rem;
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.640625rem;
    padding-left: 1.640625rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical > .btn ~ .btn,
        .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.469rem 1.375rem;
    color: #516377;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link:hover, .nav-link:focus {
    color: #517fd6;
}

.nav-link.disabled {
    color: #a8b1bb;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #d4d8dd;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: rgba(38, 60, 85, 0.1);
            isolation: isolate;
        }

        .nav-tabs .nav-link.disabled {
            color: #a8b1bb;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #516377;
            background-color: #fff;
            border-color: #d4d8dd;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: transparent;
    }

.nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

    .nav-fill .nav-item .nav-link,
    .nav-justified .nav-item .nav-link {
        width: 100%;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-sm,
    .navbar > .container-md,
    .navbar > .container-lg,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    padding-top: 0.3767575rem;
    padding-bottom: 0.3767575rem;
    margin-right: 1rem;
    font-size: 1.063rem;
    white-space: nowrap;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
    }

.navbar-text {
    padding-top: 0.469rem;
    padding-bottom: 0.469rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.5rem 0.7rem;
    font-size: 0.625rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.0625rem;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }

        .navbar-expand-sm .offcanvas-header {
            display: none;
        }

        .navbar-expand-sm .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-sm .offcanvas-top,
        .navbar-expand-sm .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@media (min-width: 1110px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }

        .navbar-expand-md .offcanvas-header {
            display: none;
        }

        .navbar-expand-md .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-md .offcanvas-top,
        .navbar-expand-md .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }

        .navbar-expand-lg .offcanvas-header {
            display: none;
        }

        .navbar-expand-lg .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-lg .offcanvas-top,
        .navbar-expand-lg .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xl .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-xl .offcanvas-top,
        .navbar-expand-xl .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none;
        }

        .navbar-expand-xxl .offcanvas-header {
            display: none;
        }

        .navbar-expand-xxl .offcanvas {
            position: inherit;
            bottom: 0;
            z-index: 1000;
            flex-grow: 1;
            visibility: visible !important;
            background-color: transparent;
            border-right: 0;
            border-left: 0;
            transition: none;
            transform: none;
        }

        .navbar-expand-xxl .offcanvas-top,
        .navbar-expand-xxl .offcanvas-bottom {
            height: auto;
            border-top: 0;
            border-bottom: 0;
        }

        .navbar-expand-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
        }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

    .navbar-expand .offcanvas-header {
        display: none;
    }

    .navbar-expand .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand .offcanvas-top,
    .navbar-expand .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

.navbar-light .navbar-brand {
    color: #677788;
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: #677788;
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(38, 60, 85, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: #677788;
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(38, 60, 85, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .nav-link.active {
        color: #677788;
    }

.navbar-light .navbar-toggler {
    color: rgba(38, 60, 85, 0.5);
    border-color: rgba(38, 60, 85, 0.06);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2838, 60, 85, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(38, 60, 85, 0.5);
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: #677788;
    }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: #fff;
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.4);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.8);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:hover,
    .navbar-dark .navbar-text a:focus {
        color: #fff;
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #d4d8dd;
    border-radius: 0.3125rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: 0.3125rem;
            border-top-right-radius: 0.3125rem;
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: 0.3125rem;
            border-bottom-left-radius: 0.3125rem;
        }

        .card > .card-header + .list-group,
        .card > .list-group + .card-footer {
            border-top: 0;
        }

.card-body {
    flex: 1 1 auto;
    padding: 1.375rem 1.375rem;
}

.card-title {
    margin-bottom: 1.375rem;
}

.card-subtitle {
    margin-top: -0.6875rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link + .card-link {
    margin-left: 1.375rem;
}

.card-header {
    padding: 1.375rem 1.375rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0 solid #d4d8dd;
}

    .card-header:first-child {
        border-radius: 0.3125rem 0.3125rem 0 0;
    }

.card-footer {
    padding: 1.375rem 1.375rem;
    background-color: transparent;
    border-top: 0 solid #d4d8dd;
}

    .card-footer:last-child {
        border-radius: 0 0 0.3125rem 0.3125rem;
    }

.card-header-tabs {
    margin-right: -0.6875rem;
    margin-bottom: -1.375rem;
    margin-left: -0.6875rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.6875rem;
    margin-left: -0.6875rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    border-radius: 0.3125rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.card-group > .card {
    margin-bottom: 0.8125rem;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.78rem 1.1rem;
    font-size: 0.9375rem;
    color: #516377;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all 0.2s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: #516377;
    background-color: #fff;
    box-shadow: inset 0 0 0 #d4d8dd;
}

    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23516377' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
        transform: rotate(90deg);
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23516377' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 0.75rem;
    transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    border-color: rgba(245, 248, 254, 0.448);
    outline: 0;
    box-shadow: none;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 0 solid #d4d8dd;
}

    .accordion-item:first-of-type {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 0.3125rem;
            border-top-right-radius: 0.3125rem;
        }

    .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: 0.3125rem;
            border-bottom-left-radius: 0.3125rem;
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: 0.3125rem;
            border-bottom-left-radius: 0.3125rem;
        }

.accordion-body {
    padding: 0.78rem 1.1rem;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .accordion-flush .accordion-item:first-child {
        border-top: 0;
    }

    .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 0;
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #939eaa;
        content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "\\") */;
    }

.breadcrumb-item.active {
    color: #677788;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    color: #677788;
    background-color: #eeeff1;
    border: 0px solid #e9ecee;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: #677788;
    background-color: #dce0e4;
    border-color: rgba(38, 60, 85, 0.3);
}

.page-link:focus {
    z-index: 3;
    color: #677788;
    background-color: #dce0e4;
    outline: 0;
    box-shadow: none;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgba(90, 141, 238, 0.08);
    border-color: rgba(90, 141, 238, 0.08);
}

.page-item.disabled .page-link {
    color: rgba(38, 60, 85, 0.3);
    pointer-events: none;
    background-color: #eeeff1;
    border-color: rgba(38, 60, 85, 0.3);
}

.page-link {
    padding: 0.535rem 0.3125rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
    padding: 0.66rem 0.5rem;
    font-size: 1.063rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.pagination-sm .page-link {
    padding: 0.41rem 0.25rem;
    font-size: 0.813rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.badge {
    display: inline-block;
    padding: 0.444em 0.75em;
    font-size: 0.813em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.1875rem;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 3.75rem;
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 0.9375rem 1.25rem;
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 0.75rem;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 0.75rem;
    }
}

.progress {
    display: flex;
    height: 0.75rem;
    overflow: hidden;
    font-size: 0.625rem;
    background-color: #e9ecee;
    border-radius: 10rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #5a8dee;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 0.75rem 0.75rem;
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.3125rem;
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}

    .list-group-numbered > li::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }

.list-group-item-action {
    width: 100%;
    color: #7d8a99;
    text-align: inherit;
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #677788;
        text-decoration: none;
        background-color: #f2f3f5;
    }

    .list-group-item-action:active {
        color: #677788;
        background-color: rgba(38, 60, 85, 0.06);
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.625rem 1rem;
    color: #677788;
    background-color: transparent;
    border: 1px solid #d4d8dd;
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #a8b1bb;
        pointer-events: none;
        background-color: transparent;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: rgba(90, 141, 238, 0.08);
        border-color: rgba(90, 141, 238, 0.08);
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.3125rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.3125rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 0.3125rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.3125rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1110px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 0.3125rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.3125rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 0.3125rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.3125rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 0.3125rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.3125rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: 0.3125rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: 0.3125rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.btn-close {
    box-sizing: content-box;
    width: 0.8em;
    height: 0.8em;
    padding: 0.25em 0.25em;
    color: #a8b1bb;
    background: transparent url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a8b1bb' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a8b1bb' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/0.8em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.95;
}

    .btn-close:hover {
        color: #a8b1bb;
        text-decoration: none;
        opacity: 0.95;
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: none;
        opacity: 0.95;
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: 0.25;
    }

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    width: 22.5rem;
    max-width: 100%;
    font-size: 0.9375rem;
    color: #677788;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 0px solid rgba(38, 60, 85, 0.1);
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    border-radius: 0.3125rem;
}

    .toast.showing {
        opacity: 0;
    }

    .toast:not(.show) {
        display: none;
    }

.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .toast-container > :not(:last-child) {
        margin-bottom: 1rem;
    }

.toast-header {
    display: flex;
    .list-group-flush > .list-group-item:last-child align-items: center;
    padding: 0.625rem 1rem;
    color: #677788;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 0px solid rgba(38, 60, 85, 0.05);
    border-top-left-radius: calc(0.3125rem - 0px);
    border-top-right-radius: calc(0.3125rem - 0px);
}

    .toast-header .btn-close {
        margin-right: -0.5rem;
        margin-left: 1rem;
    }

.toast-body {
    padding: 1rem;
    word-wrap: break-word;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1090;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.15s ease-out;
    transform: translateY(-100px) scale(0.8);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: translateY(0) scale(1);
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 3rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(38, 60, 85, 0.2);
    border-radius: 0.3125rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1089;
    width: 100vw;
    height: 100vh;
    background-color: #263c55;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1.375rem 1.5rem 0;
    border-bottom: 0px solid #d4d8dd;
    border-top-left-radius: calc(0.3125rem - 0px);
    border-top-right-radius: calc(0.3125rem - 0px);
}

    .modal-header .btn-close {
        padding: 0.6875rem 0.75rem;
        margin: -0.6875rem -0.75rem -0.6875rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.47;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 1.25rem;
    border-top: 0px solid #d4d8dd;
    border-bottom-right-radius: calc(0.3125rem - 0px);
    border-bottom-left-radius: calc(0.3125rem - 0px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 35rem;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 22.5rem;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 50rem;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.tooltip {
    position: absolute;
    z-index: 1099;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.9375rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 1;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
            top: -1px;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #495563;
        }

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
            right: -1px;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #495563;
        }

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #495563;
        }

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
            left: -1px;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #495563;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.7rem;
    color: #fff;
    text-align: center;
    background-color: #495563;
    border-radius: 0.1875rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0 /* rtl:ignore */;
    z-index: 1091;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.9375rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(38, 60, 85, 0.2);
    border-radius: 0.3125rem;
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
    }

        .popover .popover-arrow::before, .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-0.5rem - 0px);
}

    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

    .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        bottom: 0px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
    left: calc(-0.5rem - 0px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

    .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        left: 0px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-0.5rem - 0px);
}

    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

    .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        top: 0px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 0px solid transparent;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
    right: calc(-0.5rem - 0px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

    .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        right: 0px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

.popover-header {
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    color: #516377;
    background-color: transparent;
    border-bottom: 0px solid rgba(38, 60, 85, 0.2);
    border-top-left-radius: calc(0.3125rem - 0px);
    border-top-right-radius: calc(0.3125rem - 0px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 1rem 1rem;
    color: #677788;
}

.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    /* rtl:begin:ignore */
    .carousel-item-next:not(.carousel-item-start),
    .active.carousel-item-end {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start {
        transform: translateX(-100%);
    }

/* rtl:end:ignore */
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 1;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 1;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23516377' width='24' height='24' viewBox='0 0 24 24' style='fill: %%23516377;transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23516377' width='24' height='24' viewBox='0 0 24 24' style='fill: %%23516377;transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 14%;
    margin-bottom: 1rem;
    margin-left: 14%;
    list-style: none;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #263c55;
}

.carousel-dark .carousel-caption {
    color: #263c55;
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 0.75s linear infinite spinner-grow;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1089;
    width: 100vw;
    height: 100vh;
    background-color: #263c55;
}

    .offcanvas-backdrop.fade {
        opacity: 0;
    }

    .offcanvas-backdrop.show {
        opacity: 0.5;
    }

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.5rem;
}

    .offcanvas-header .btn-close {
        padding: 0.75rem 0.75rem;
        margin-top: -0.75rem;
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.47;
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1.5rem 1.5rem;
    overflow-y: auto;
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 0px solid rgba(38, 60, 85, 0.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 0px solid rgba(38, 60, 85, 0.2);
    transform: translateX(100%);
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 0px solid rgba(38, 60, 85, 0.2);
    transform: translateY(-100%);
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 0px solid rgba(38, 60, 85, 0.2);
    transform: translateY(100%);
}

.offcanvas.show {
    transform: none;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.5;
}

    .placeholder.btn::before {
        display: inline-block;
        content: "";
    }

.placeholder-xs {
    min-height: 0.6em;
}

.placeholder-sm {
    min-height: 0.8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #263c55 55%, rgba(0, 0, 0, 0.8) 75%, #263c55 95%);
    mask-image: linear-gradient(130deg, #263c55 55%, rgba(0, 0, 0, 0.8) 75%, #263c55 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: #5a8dee;
}

    .link-primary:hover, .link-primary:focus {
        color: #517fd6;
    }

.link-secondary {
    color: #69809a;
}

    .link-secondary:hover, .link-secondary:focus {
        color: #5f738b;
    }

.link-success {
    color: #39da8a;
}

    .link-success:hover, .link-success:focus {
        color: #33c47c;
    }

.link-info {
    color: #00cfdd;
}

    .link-info:hover, .link-info:focus {
        color: #00bac7;
    }

.link-warning {
    color: #fdac41;
}

    .link-warning:hover, .link-warning:focus {
        color: #e49b3b;
    }

.link-danger {
    color: #ff5b5c;
}

    .link-danger:hover, .link-danger:focus {
        color: #e65253;
    }

.link-light {
    color: #e5e9ed;
}

    .link-light:hover, .link-light:focus {
        color: #e8ebef;
    }

.link-dark {
    color: #495563;
}

    .link-dark:hover, .link-dark:focus {
        color: #424d59;
    }

.link-gray {
    color: rgba(38, 60, 85, 0.5);
}

    .link-gray:hover, .link-gray:focus {
        color: rgba(29, 45, 64, 0.55);
    }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1110px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: 1;
}

:root {
    color-scheme: light;
}

b,
strong {
    font-weight: 700;
}

a:not([href]) {
    text-decoration: none;
}

    a:not([href]):hover {
        text-decoration: none;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
    background-clip: text !important;
    -webkit-background-clip: text !important;
}

.row-bordered {
    overflow: hidden;
}

    .row-bordered > .col,
    .row-bordered > [class^=col-],
    .row-bordered > [class*=" col-"],
    .row-bordered > [class^="col "],
    .row-bordered > [class*=" col "],
    .row-bordered > [class$=" col"],
    .row-bordered > [class=col] {
        position: relative;
        padding-top: 1px;
    }

        .row-bordered > .col::before,
        .row-bordered > [class^=col-]::before,
        .row-bordered > [class*=" col-"]::before,
        .row-bordered > [class^="col "]::before,
        .row-bordered > [class*=" col "]::before,
        .row-bordered > [class$=" col"]::before,
        .row-bordered > [class=col]::before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -1px;
            left: 0;
            display: block;
            height: 0;
            border-top: 1px solid #d4d8dd;
        }

        .row-bordered > .col::after,
        .row-bordered > [class^=col-]::after,
        .row-bordered > [class*=" col-"]::after,
        .row-bordered > [class^="col "]::after,
        .row-bordered > [class*=" col "]::after,
        .row-bordered > [class$=" col"]::after,
        .row-bordered > [class=col]::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -1px;
            display: block;
            width: 0;
            border-left: 1px solid #d4d8dd;
        }

    .row-bordered.row-border-light > .col::before, .row-bordered.row-border-light > .col::after,
    .row-bordered.row-border-light > [class^=col-]::before,
    .row-bordered.row-border-light > [class^=col-]::after,
    .row-bordered.row-border-light > [class*=" col-"]::before,
    .row-bordered.row-border-light > [class*=" col-"]::after,
    .row-bordered.row-border-light > [class^="col "]::before,
    .row-bordered.row-border-light > [class^="col "]::after,
    .row-bordered.row-border-light > [class*=" col "]::before,
    .row-bordered.row-border-light > [class*=" col "]::after,
    .row-bordered.row-border-light > [class$=" col"]::before,
    .row-bordered.row-border-light > [class$=" col"]::after,
    .row-bordered.row-border-light > [class=col]::before,
    .row-bordered.row-border-light > [class=col]::after {
        border-color: rgba(38, 60, 85, 0.1);
    }

.bg-label-secondary {
    background-color: #e7ebef !important;
    color: #69809a !important;
}

.bg-label-success {
    background-color: #dff9ec !important;
    color: #39da8a !important;
}

.bg-label-info {
    background-color: #d6f7fa !important;
    color: #00cfdd !important;
}

.bg-label-warning {
    background-color: #fff2e1 !important;
    color: #fdac41 !important;
}

.bg-label-danger {
    background-color: #ffe5e5 !important;
    color: #ff5b5c !important;
}

.bg-label-light {
    background-color: #fbfbfc !important;
    color: #e5e9ed !important;
}

.bg-label-dark {
    background-color: #e2e4e6 !important;
    color: #495563 !important;
}

.bg-label-gray {
    background-color: rgba(242, 243, 245, 0.92) !important;
    color: rgba(38, 60, 85, 0.5) !important;
}

a.bg-dark:hover, a.bg-dark:focus {
    background-color: rgba(38, 60, 85, 0.9) !important;
}

a.bg-light:hover, a.bg-light:focus {
    background-color: rgba(38, 60, 85, 0.2) !important;
}

a.bg-lighter:hover, a.bg-lighter:focus {
    background-color: rgba(38, 60, 85, 0.1) !important;
}

a.bg-lightest:hover, a.bg-lightest:focus {
    background-color: rgba(38, 60, 85, 0.06) !important;
}

.text-muted[href]:hover, .text-muted[href]:focus {
    color: #7d8a99 !important;
}

.text-light {
    color: #a8b1bb !important;
}

    .text-light[href]:hover, .text-light[href]:focus {
        color: #7d8a99 !important;
    }

.text-lighter {
    color: #bec5cc !important;
}

    .text-lighter[href]:hover, .text-lighter[href]:focus {
        color: #7d8a99 !important;
    }

.text-lightest {
    color: #d4d8dd !important;
}

    .text-lightest[href]:hover, .text-lightest[href]:focus {
        color: #7d8a99 !important;
    }

.invert-text-white {
    color: #fff !important;
}

    .invert-text-white[href]:hover:hover, .invert-text-white[href]:hover:focus {
        color: #fff !important;
    }

.invert-text-dark {
    color: #263c55 !important;
}

    .invert-text-dark[href]:hover:hover, .invert-text-dark[href]:hover:focus {
        color: #263c55 !important;
    }

.invert-bg-white {
    background-color: #fff !important;
}

a.invert-bg-white:hover, a.invert-bg-white:focus {
    background-color: #fff !important;
}

.invert-bg-dark {
    background-color: rgba(38, 60, 85, 0.9) !important;
}

a.invert-bg-dark:hover, a.invert-bg-dark:focus {
    background-color: rgba(38, 60, 85, 0.9) !important;
}

.invert-border-dark {
    border-color: #495563 !important;
}

.invert-border-white {
    border-color: #fff !important;
}

.container-p-x {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

@media (min-width: 992px) {
    .container-p-x {
        padding-right: 1.875rem !important;
        padding-left: 1.875rem !important;
    }
}

.container-m-nx {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

@media (min-width: 992px) {
    .container-m-nx {
        margin-right: -1.875rem !important;
        margin-left: -1.875rem !important;
    }
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 1.875rem !important;
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 1.875rem !important;
}

.container-m-ny:not([class^=mt-]):not([class*=" mt-"]) {
    margin-top: -1.875rem !important;
}

.container-m-ny:not([class^=mb-]):not([class*=" mb-"]) {
    margin-bottom: -1.875rem !important;
}

.cell-fit {
    width: 0.1%;
    white-space: nowrap;
}

.table-secondary {
    --bs-table-bg: #e1e6eb;
    --bs-table-striped-bg: #dbe1e7;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #ced5dc;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #d6dce2;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #bcc4cd;
}

    .table-secondary .btn-icon {
        color: #263c55;
    }

.table-success {
    --bs-table-bg: #d7f8e8;
    --bs-table-striped-bg: #d2f2e4;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #c5e5d9;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #cceddf;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #b4d2cb;
}

    .table-success .btn-icon {
        color: #263c55;
    }

.table-info {
    --bs-table-bg: #ccf5f8;
    --bs-table-striped-bg: #c7eff3;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #bbe3e8;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #c2eaee;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #abd0d7;
}

    .table-info .btn-icon {
        color: #263c55;
    }

.table-warning {
    --bs-table-bg: #ffeed9;
    --bs-table-striped-bg: #f8e9d5;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #e9dccc;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #f2e3d1;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #d4cabf;
}

    .table-warning .btn-icon {
        color: #263c55;
    }

.table-danger {
    --bs-table-bg: #ffdede;
    --bs-table-striped-bg: #f8d9da;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #e9ced0;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #f2d4d6;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #d4bec3;
}

    .table-danger .btn-icon {
        color: #263c55;
    }

.table-light {
    --bs-table-bg: #e5e9ed;
    --bs-table-striped-bg: #dfe4e8;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #d2d8de;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #dadfe4;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #bfc6cf;
}

    .table-light .btn-icon {
        color: #263c55;
    }

.table-dark {
    --bs-table-bg: #495563;
    --bs-table-striped-bg: #4e5a68;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #5b6673;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #545f6c;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #6d7782;
}

    .table-dark .btn-icon {
        color: #fff;
    }

.card .table {
    margin-bottom: 0;
}

@supports (-moz-appearance: none) {
    .table .dropdown-menu.show {
        display: inline-table;
        margin-bottom: 150px;
    }
}

.table th {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    font-weight: bold;
}

.table:not(.table-dark) thead:not(.table-dark) th {
    color: #516377;
}

.table-border-bottom-0 tr:last-child td,
.table-border-bottom-0 tr:last-child th {
    border-bottom-width: 0;
}

.table.table-dark .btn.btn-icon {
    color: #d4d8dd;
}

.table.table-flush-spacing thead tr > td:first-child,
.table.table-flush-spacing tbody tr > td:first-child {
    padding-left: 0;
}

.table.table-flush-spacing thead tr > td:last-child,
.table.table-flush-spacing tbody tr > td:last-child {
    padding-right: 0;
}

.nav-align-top .table:not(.table-dark),
.nav-align-top .table:not(.table-dark) thead:not(.table-dark) th,
.nav-align-top .table:not(.table-dark) tfoot:not(.table-dark) th,
.nav-align-top .table:not(.table-dark) td,
.nav-align-right .table:not(.table-dark),
.nav-align-right .table:not(.table-dark) thead:not(.table-dark) th,
.nav-align-right .table:not(.table-dark) tfoot:not(.table-dark) th,
.nav-align-right .table:not(.table-dark) td,
.nav-align-bottom .table:not(.table-dark),
.nav-align-bottom .table:not(.table-dark) thead:not(.table-dark) th,
.nav-align-bottom .table:not(.table-dark) tfoot:not(.table-dark) th,
.nav-align-bottom .table:not(.table-dark) td,
.nav-align-left .table:not(.table-dark),
.nav-align-left .table:not(.table-dark) thead:not(.table-dark) th,
.nav-align-left .table:not(.table-dark) tfoot:not(.table-dark) th,
.nav-align-left .table:not(.table-dark) td {
    border-color: #e9ecee;
}

.btn {
    cursor: pointer;
}

    .btn.disabled, .btn:disabled {
        cursor: default;
    }

    .btn .badge {
        transition: all 0.2s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .btn .badge {
        transition: none;
    }
}

label.btn {
    margin-bottom: 0;
}

.btn-xl, .btn-group-xl > .btn {
    padding: 0.875rem 2.125rem;
    font-size: 1.25rem;
    border-radius: 0.375rem;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
}

.btn-secondary {
    color: #fff;
    background-color: #69809a;
    border-color: #69809a;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #8799ae;
        border-color: #8799ae;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #596d83;
        border-color: #596d83;
        box-shadow: none;
    }

    .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #596d83;
        border-color: #596d83;
    }

        .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #69809a;
        border-color: #69809a;
        box-shadow: none !important;
    }

.btn-label-secondary {
    color: #69809a;
    border-color: transparent;
    background: #e7ebef;
}

    .btn-label-secondary:hover {
        border-color: transparent;
        background: #69809a;
        color: #fff;
    }

    .btn-label-secondary:focus, .btn-label-secondary.focus {
        color: #fff;
        background: #596d83;
        box-shadow: none !important;
    }

    .btn-label-secondary:active, .btn-label-secondary.active, .show > .btn-label-secondary.dropdown-toggle {
        color: #fff;
        background-color: #596d83;
        border-color: transparent;
    }

        .btn-label-secondary:active:focus, .btn-label-secondary.active:focus, .show > .btn-label-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-secondary.disabled, .btn-label-secondary:disabled {
        color: #69809a;
        border-color: transparent;
        background: #e7ebef;
        box-shadow: none;
    }

.btn-outline-secondary {
    color: #69809a;
    border-color: #69809a;
    background: transparent;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #69809a;
        border-color: #69809a;
    }

    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        color: #fff;
        background-color: #596d83;
        border-color: #596d83;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: #fff !important;
        background-color: #596d83;
        border-color: #596d83;
    }

        .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #69809a;
        background-color: transparent;
    }

    .btn-outline-secondary .badge {
        background: #69809a;
        border-color: #69809a;
        color: #fff;
    }

    .btn-outline-secondary:hover .badge,
    .btn-outline-secondary:focus:hover .badge,
    .btn-outline-secondary:active .badge,
    .btn-outline-secondary.active .badge,
    .show > .btn-outline-secondary.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #69809a;
    }

.btn-success {
    color: #fff;
    background-color: #39da8a;
    border-color: #39da8a;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-success:hover {
        color: #fff;
        background-color: #61e1a1;
        border-color: #61e1a1;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-success, .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #30b975;
        border-color: #30b975;
        box-shadow: none;
    }

    .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #30b975;
        border-color: #30b975;
    }

        .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #39da8a;
        border-color: #39da8a;
        box-shadow: none !important;
    }

.btn-label-success {
    color: #39da8a;
    border-color: transparent;
    background: #dff9ec;
}

    .btn-label-success:hover {
        border-color: transparent;
        background: #39da8a;
        color: #fff;
    }

    .btn-label-success:focus, .btn-label-success.focus {
        color: #fff;
        background: #30b975;
        box-shadow: none !important;
    }

    .btn-label-success:active, .btn-label-success.active, .show > .btn-label-success.dropdown-toggle {
        color: #fff;
        background-color: #30b975;
        border-color: transparent;
    }

        .btn-label-success:active:focus, .btn-label-success.active:focus, .show > .btn-label-success.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-success.disabled, .btn-label-success:disabled {
        color: #39da8a;
        border-color: transparent;
        background: #dff9ec;
        box-shadow: none;
    }

.btn-outline-success {
    color: #39da8a;
    border-color: #39da8a;
    background: transparent;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #39da8a;
        border-color: #39da8a;
    }

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        color: #fff;
        background-color: #30b975;
        border-color: #30b975;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
        color: #fff;
        background-color: #30b975;
        border-color: #30b975;
    }

        .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #39da8a;
        background-color: transparent;
    }

    .btn-outline-success .badge {
        background: #39da8a;
        border-color: #39da8a;
        color: #fff;
    }

    .btn-outline-success:hover .badge,
    .btn-outline-success:focus:hover .badge,
    .btn-outline-success:active .badge,
    .btn-outline-success.active .badge,
    .show > .btn-outline-success.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #39da8a;
    }

.btn-info {
    color: #fff;
    background-color: #00cfdd;
    border-color: #00cfdd;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-info:hover {
        color: #fff;
        background-color: #33d9e4;
        border-color: #33d9e4;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-info, .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #00b0bc;
        border-color: #00b0bc;
        box-shadow: none;
    }

    .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #00b0bc;
        border-color: #00b0bc;
    }

        .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #00cfdd;
        border-color: #00cfdd;
        box-shadow: none !important;
    }

.btn-label-info {
    color: #00cfdd;
    border-color: transparent;
    background: #d6f7fa;
}

    .btn-label-info:hover {
        border-color: transparent;
        background: #00cfdd;
        color: #fff;
    }

    .btn-label-info:focus, .btn-label-info.focus {
        color: #fff;
        background: #00b0bc;
        box-shadow: none !important;
    }

    .btn-label-info:active, .btn-label-info.active, .show > .btn-label-info.dropdown-toggle {
        color: #fff;
        background-color: #00b0bc;
        border-color: transparent;
    }

        .btn-label-info:active:focus, .btn-label-info.active:focus, .show > .btn-label-info.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-info.disabled, .btn-label-info:disabled {
        color: #00cfdd;
        border-color: transparent;
        background: #d6f7fa;
        box-shadow: none;
    }

.btn-outline-info {
    color: #00cfdd;
    border-color: #00cfdd;
    background: transparent;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #00cfdd;
        border-color: #00cfdd;
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        color: #fff;
        background-color: #00b0bc;
        border-color: #00b0bc;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
        color: #fff;
        background-color: #00b0bc;
        border-color: #00b0bc;
    }

        .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #00cfdd;
        background-color: transparent;
    }

    .btn-outline-info .badge {
        background: #00cfdd;
        border-color: #00cfdd;
        color: #fff;
    }

    .btn-outline-info:hover .badge,
    .btn-outline-info:focus:hover .badge,
    .btn-outline-info:active .badge,
    .btn-outline-info.active .badge,
    .show > .btn-outline-info.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #00cfdd;
    }

.btn-warning {
    color: #fff;
    background-color: #fdac41;
    border-color: #fdac41;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-warning:hover {
        color: #fff;
        background-color: #fdbd67;
        border-color: #fdbd67;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #d79237;
        border-color: #d79237;
        box-shadow: none;
    }

    .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #d79237;
        border-color: #d79237;
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #fff;
        background-color: #fdac41;
        border-color: #fdac41;
        box-shadow: none !important;
    }

.btn-label-warning {
    color: #fdac41;
    border-color: transparent;
    background: #fff2e1;
}

    .btn-label-warning:hover {
        border-color: transparent;
        background: #fdac41;
        color: #fff;
    }

    .btn-label-warning:focus, .btn-label-warning.focus {
        color: #fff;
        background: #d79237;
        box-shadow: none !important;
    }

    .btn-label-warning:active, .btn-label-warning.active, .show > .btn-label-warning.dropdown-toggle {
        color: #fff;
        background-color: #d79237;
        border-color: transparent;
    }

        .btn-label-warning:active:focus, .btn-label-warning.active:focus, .show > .btn-label-warning.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-warning.disabled, .btn-label-warning:disabled {
        color: #fdac41;
        border-color: transparent;
        background: #fff2e1;
        box-shadow: none;
    }

.btn-outline-warning {
    color: #fdac41;
    border-color: #fdac41;
    background: transparent;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #fdac41;
        border-color: #fdac41;
    }

    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        color: #fff;
        background-color: #d79237;
        border-color: #d79237;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #fff;
        background-color: #d79237;
        border-color: #d79237;
    }

        .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #fdac41;
        background-color: transparent;
    }

    .btn-outline-warning .badge {
        background: #fdac41;
        border-color: #fdac41;
        color: #fff;
    }

    .btn-outline-warning:hover .badge,
    .btn-outline-warning:focus:hover .badge,
    .btn-outline-warning:active .badge,
    .btn-outline-warning.active .badge,
    .show > .btn-outline-warning.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #fdac41;
    }

.btn-danger {
    color: #fff;
    background-color: #ff5b5c;
    border-color: #ff5b5c;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-danger:hover {
        color: #fff;
        background-color: #ff7c7d;
        border-color: #ff7c7d;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #d94d4e;
        border-color: #d94d4e;
        box-shadow: none;
    }

    .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #d94d4e;
        border-color: #d94d4e;
    }

        .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #ff5b5c;
        border-color: #ff5b5c;
        box-shadow: none !important;
    }

.btn-label-danger {
    color: #ff5b5c;
    border-color: transparent;
    background: #ffe5e5;
}

    .btn-label-danger:hover {
        border-color: transparent;
        background: #ff5b5c;
        color: #fff;
    }

    .btn-label-danger:focus, .btn-label-danger.focus {
        color: #fff;
        background: #d94d4e;
        box-shadow: none !important;
    }

    .btn-label-danger:active, .btn-label-danger.active, .show > .btn-label-danger.dropdown-toggle {
        color: #fff;
        background-color: #d94d4e;
        border-color: transparent;
    }

        .btn-label-danger:active:focus, .btn-label-danger.active:focus, .show > .btn-label-danger.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-danger.disabled, .btn-label-danger:disabled {
        color: #ff5b5c;
        border-color: transparent;
        background: #ffe5e5;
        box-shadow: none;
    }

.btn-outline-danger {
    color: #ff5b5c;
    border-color: #ff5b5c;
    background: transparent;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #ff5b5c;
        border-color: #ff5b5c;
    }

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        color: #fff;
        background-color: #d94d4e;
        border-color: #d94d4e;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
        color: #fff;
        background-color: #d94d4e;
        border-color: #d94d4e;
    }

        .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #ff5b5c;
        background-color: transparent;
    }

    .btn-outline-danger .badge {
        background: #ff5b5c;
        border-color: #ff5b5c;
        color: #fff;
    }

    .btn-outline-danger:hover .badge,
    .btn-outline-danger:focus:hover .badge,
    .btn-outline-danger:active .badge,
    .btn-outline-danger.active .badge,
    .show > .btn-outline-danger.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #ff5b5c;
    }

.btn-light {
    color: #677788;
    border: 1px solid #8494a7 !important;
}

    .btn-check:focus + .btn-light, .btn-light:focus, .btn-light.focus {
        color: #263c55;
        background-color: #e9ecf0;
        border-color: #e9ecf0;
        box-shadow: none;
    }

    .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
        border-color: #e9ecf0;
    }

        .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-light.disabled, .btn-light:disabled {
        color: #263c55;
        background-color: #e5e9ed;
        border-color: #e5e9ed;
        box-shadow: none !important;
    }

.btn-label-light {
    color: #e5e9ed;
    border-color: transparent;
    background: #fbfbfc;
}

    .btn-label-light:hover {
        border-color: transparent;
        background: #e5e9ed;
        color: #263c55;
    }

    .btn-label-light:focus, .btn-label-light.focus {
        color: #263c55;
        background: #e9ecf0;
        box-shadow: none !important;
    }

    .btn-label-light:active, .btn-label-light.active, .show > .btn-label-light.dropdown-toggle {
        color: #263c55;
        background-color: #e9ecf0;
        border-color: transparent;
    }

        .btn-label-light:active:focus, .btn-label-light.active:focus, .show > .btn-label-light.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-light.disabled, .btn-label-light:disabled {
        color: #e5e9ed;
        border-color: transparent;
        background: #fbfbfc;
        box-shadow: none;
    }

.btn-outline-light {
    color: #e5e9ed;
    border-color: #e5e9ed;
    background: transparent;
}

    .btn-outline-light:hover {
        color: #263c55;
        background-color: #e5e9ed;
        border-color: #e5e9ed;
    }

    .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
        color: #fff;
        background-color: #c3c6c9;
        border-color: #c3c6c9;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
        color: #fff;
        background-color: #c3c6c9;
        border-color: #c3c6c9;
    }

        .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #e5e9ed;
        background-color: transparent;
    }

    .btn-outline-light .badge {
        background: #e5e9ed;
        border-color: #e5e9ed;
        color: #263c55;
    }

    .btn-outline-light:hover .badge,
    .btn-outline-light:focus:hover .badge,
    .btn-outline-light:active .badge,
    .btn-outline-light.active .badge,
    .show > .btn-outline-light.dropdown-toggle .badge {
        background: #263c55;
        border-color: #263c55;
        color: #e5e9ed;
    }

.btn-dark {
    color: #fff;
    background-color: #495563;
    border-color: #495563;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-dark:hover {
        color: #fff;
        background-color: #6d7782;
        border-color: #6d7782;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #3e4854;
        border-color: #3e4854;
        box-shadow: none;
    }

    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #3e4854;
        border-color: #3e4854;
    }

        .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #495563;
        border-color: #495563;
        box-shadow: none !important;
    }

.btn-label-dark {
    color: #495563;
    border-color: transparent;
    background: #e2e4e6;
}

    .btn-label-dark:hover {
        border-color: transparent;
        background: #495563;
        color: #fff;
    }

    .btn-label-dark:focus, .btn-label-dark.focus {
        color: #fff;
        background: #3e4854;
        box-shadow: none !important;
    }

    .btn-label-dark:active, .btn-label-dark.active, .show > .btn-label-dark.dropdown-toggle {
        color: #fff;
        background-color: #3e4854;
        border-color: transparent;
    }

        .btn-label-dark:active:focus, .btn-label-dark.active:focus, .show > .btn-label-dark.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-dark.disabled, .btn-label-dark:disabled {
        color: #495563;
        border-color: transparent;
        background: #e2e4e6;
        box-shadow: none;
    }

.btn-outline-dark {
    color: #495563;
    border-color: #495563;
    background: transparent;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #495563;
        border-color: #495563;
    }

    .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
        color: #fff;
        background-color: #3e4854;
        border-color: #3e4854;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
        color: #fff;
        background-color: #3e4854;
        border-color: #3e4854;
    }

        .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #495563;
        background-color: transparent;
    }

    .btn-outline-dark .badge {
        background: #495563;
        border-color: #495563;
        color: #fff;
    }

    .btn-outline-dark:hover .badge,
    .btn-outline-dark:focus:hover .badge,
    .btn-outline-dark:active .badge,
    .btn-outline-dark.active .badge,
    .show > .btn-outline-dark.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #495563;
    }

.btn-gray {
    color: #fff;
    background-color: rgba(38, 60, 85, 0.5);
    border-color: rgba(38, 60, 85, 0.5);
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-gray:hover {
        color: #fff;
        background-color: rgba(131, 144, 158, 0.6);
        border-color: rgba(131, 144, 158, 0.6);
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-gray, .btn-gray:focus, .btn-gray.focus {
        color: #fff;
        background-color: rgba(25, 39, 56, 0.575);
        border-color: rgba(25, 39, 56, 0.575);
        box-shadow: none;
    }

    .btn-check:checked + .btn-gray, .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active, .show > .btn-gray.dropdown-toggle {
        color: #fff;
        background-color: rgba(25, 39, 56, 0.575);
        border-color: rgba(25, 39, 56, 0.575);
    }

        .btn-check:checked + .btn-gray:focus, .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus, .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-gray.disabled, .btn-gray:disabled {
        color: #fff;
        background-color: rgba(38, 60, 85, 0.5);
        border-color: rgba(38, 60, 85, 0.5);
        box-shadow: none !important;
    }

.btn-label-gray {
    color: rgba(38, 60, 85, 0.5);
    border-color: transparent;
    background: rgba(242, 243, 245, 0.92);
}

    .btn-label-gray:hover {
        border-color: transparent;
        background: rgba(38, 60, 85, 0.5);
        color: #fff;
    }

    .btn-label-gray:focus, .btn-label-gray.focus {
        color: #fff;
        background: rgba(25, 39, 56, 0.575);
        box-shadow: none !important;
    }

    .btn-label-gray:active, .btn-label-gray.active, .show > .btn-label-gray.dropdown-toggle {
        color: #fff;
        background-color: rgba(25, 39, 56, 0.575);
        border-color: transparent;
    }

        .btn-label-gray:active:focus, .btn-label-gray.active:focus, .show > .btn-label-gray.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-gray.disabled, .btn-label-gray:disabled {
        color: rgba(38, 60, 85, 0.5);
        border-color: transparent;
        background: rgba(242, 243, 245, 0.92);
        box-shadow: none;
    }

.btn-outline-gray {
    color: rgba(38, 60, 85, 0.5);
    border-color: rgba(38, 60, 85, 0.5);
    background: transparent;
}

    .btn-outline-gray:hover {
        color: #fff;
        background-color: rgba(38, 60, 85, 0.5);
        border-color: rgba(38, 60, 85, 0.5);
    }

    .btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus {
        color: #fff;
        background-color: rgba(25, 39, 56, 0.575);
        border-color: rgba(25, 39, 56, 0.575);
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-gray, .btn-check:active + .btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show {
        color: #fff;
        background-color: rgba(25, 39, 56, 0.575);
        border-color: rgba(25, 39, 56, 0.575);
    }

        .btn-check:checked + .btn-outline-gray:focus, .btn-check:active + .btn-outline-gray:focus, .btn-outline-gray:active:focus, .btn-outline-gray.active:focus, .btn-outline-gray.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-gray.disabled, .btn-outline-gray:disabled {
        color: rgba(38, 60, 85, 0.5);
        background-color: transparent;
    }

    .btn-outline-gray .badge {
        background: rgba(38, 60, 85, 0.5);
        border-color: rgba(38, 60, 85, 0.5);
        color: #fff;
    }

    .btn-outline-gray:hover .badge,
    .btn-outline-gray:focus:hover .badge,
    .btn-outline-gray:active .badge,
    .btn-outline-gray.active .badge,
    .show > .btn-outline-gray.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #263c55;
    }

.btn-icon {
    padding: 0;
    width: calc(2.2505rem + 2px);
    height: calc(2.2505rem + 2px);
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

    .btn-icon.btn-xl, .btn-group-xl > .btn-icon.btn {
        width: calc(3.625rem + 2px);
        height: calc(3.625rem + 2px);
    }

        .btn-icon.btn-xl > span, .btn-group-xl > .btn-icon.btn > span {
            font-size: 1.25rem;
        }

    .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
        width: calc(3.0745rem + 2px);
        height: calc(3.0745rem + 2px);
        font-size: 1.063rem;
    }

    .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
        width: calc(1.3496rem + 2px);
        height: calc(1.3496rem + 2px);
        font-size: 0.813rem;
    }

    .btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn {
        width: calc(0.95rem + 2px);
        height: calc(0.95rem + 2px);
        font-size: 0.75rem;
    }

.btn.borderless:not(.active):not(:active):not(:hover):not(:focus), :not(.show) > .btn.borderless.dropdown-toggle:not(:hover):not(:focus) {
    border-color: transparent;
    box-shadow: none;
}

.btn.btn-link {
    font-size: inherit;
}

.btn-pinned {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

button:focus {
    outline: none;
}

.dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split,
.input-group-lg .btn + .dropdown-toggle-split,
.btn-xl + .dropdown-toggle-split,
.btn-group-xl > .btn + .dropdown-toggle-split {
    padding-right: 0.7em;
    padding-left: 0.7em;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split,
.input-group-sm .btn + .dropdown-toggle-split {
    padding-right: 0.6em;
    padding-left: 0.6em;
}

.btn-xs + .dropdown-toggle-split,
.btn-group-xs > .btn + .dropdown-toggle-split {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.btn-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child,
.input-group > .btn:not([class*=btn-outline-]):first-child,
:not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child,
.input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
    border-left-color: transparent;
}

.btn-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type,
.input-group > .btn:not([class*=btn-outline-]):last-of-type,
:not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type,
.input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
    border-right-color: transparent;
}

.badge {
    text-transform: uppercase;
    line-height: 0.92;
}

    .badge i {
        line-height: 0.92;
    }

.badge-center {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    width: 1.5rem;
    font-size: 0.813em;
}

    .badge-center i {
        font-size: 0.8rem;
    }

.badge.badge-dot {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    vertical-align: middle;
}

.badge.badge-notifications {
    position: absolute;
    top: auto;
    display: inline-block;
    margin: 0;
    transform: translate(-50%, -30%);
}

    .badge.badge-notifications:not(.badge-dot) {
        padding: 0.05rem 0.2rem;
        font-size: 0.582rem;
        line-height: 0.75rem;
    }

[data-trigger=hover] {
    outline: 0;
}

.dropdown-menu {
    margin: 0.125rem 0;
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    -webkit-animation: dropdownAnimation 0.1s;
    animation: dropdownAnimation 0.1s;
}

.mega-dropdown > .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-menu .badge[class^=float-],
.dropdown-menu .badge[class*=" float-"] {
    position: relative;
    top: 0.071em;
}

.dropdown-item {
    line-height: 1.54;
}

.dropdown-header {
    font-size: 0.9375rem;
}

.dropdown-toggle.hide-arrow::before, .dropdown-toggle.hide-arrow::after,
.dropdown-toggle-hide-arrow > .dropdown-toggle::before,
.dropdown-toggle-hide-arrow > .dropdown-toggle::after {
    display: none;
}

.dropend .dropdown-toggle::after {
    margin-top: -0.45em;
    width: 0.45em;
    height: 0.45em;
    border: 1.5px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg);
}

.dropstart .dropdown-toggle::before {
    margin-top: -0.45em;
    width: 0.45em;
    height: 0.45em;
    border: 1.5px solid;
    border-top: 0;
    border-right: 0;
    transform: rotate(45deg);
}

.dropup .dropdown-toggle::after {
    margin-top: 0;
    width: 0.45em;
    height: 0.45em;
    border: 1.5px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg);
}

.dropstart .dropdown-toggle::before,
.dropend .dropdown-toggle::after {
    vertical-align: middle;
}

.nav .nav-item,
.nav .nav-link,
.tab-pane,
.tab-pane .card-body {
    outline: none !important;
}

.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus,
.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {
    color: #516377;
}

.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link,
.nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    margin-right: 0.125rem;
    width: 100%;
}

.tab-content {
    padding: 1.375rem;
    border-radius: 0.25rem;
}

.nav-scrollable {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    width: 100%;
    overflow-y: auto;
    flex-wrap: nowrap;
}

.nav-tabs .nav-link {
    background-clip: padding-box;
}

    .nav-tabs .nav-link.active {
        border-bottom-color: #fff;
    }

        .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
            border-bottom-color: #fff;
        }

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        border-bottom-color: transparent;
    }

.nav-sm > .nav .nav-link, .nav-sm.nav .nav-link {
    padding: 0.3125rem 0.875rem;
    font-size: 0.813rem;
    line-height: 1.2;
}

.nav-lg > .nav .nav-link, .nav-lg.nav .nav-link {
    padding: 0.875rem 1.3125rem;
    font-size: 1.063rem;
    line-height: 1.5;
}

.nav-align-top,
.nav-align-right,
.nav-align-bottom,
.nav-align-left {
    display: flex;
}

    .nav-align-top > .nav,
    .nav-align-top > div > .nav,
    .nav-align-right > .nav,
    .nav-align-right > div > .nav,
    .nav-align-bottom > .nav,
    .nav-align-bottom > div > .nav,
    .nav-align-left > .nav,
    .nav-align-left > div > .nav {
        border: 0;
        z-index: 1;
        position: relative;
    }

        .nav-align-top > .nav .nav-link.active,
        .nav-align-top > div > .nav .nav-link.active,
        .nav-align-right > .nav .nav-link.active,
        .nav-align-right > div > .nav .nav-link.active,
        .nav-align-bottom > .nav .nav-link.active,
        .nav-align-bottom > div > .nav .nav-link.active,
        .nav-align-left > .nav .nav-link.active,
        .nav-align-left > div > .nav .nav-link.active {
            border-color: #d4d8dd;
        }

        .nav-align-top > .nav .nav-link:not(.active):hover, .nav-align-top > .nav .nav-link:not(.active):focus,
        .nav-align-top > div > .nav .nav-link:not(.active):hover,
        .nav-align-top > div > .nav .nav-link:not(.active):focus,
        .nav-align-right > .nav .nav-link:not(.active):hover,
        .nav-align-right > .nav .nav-link:not(.active):focus,
        .nav-align-right > div > .nav .nav-link:not(.active):hover,
        .nav-align-right > div > .nav .nav-link:not(.active):focus,
        .nav-align-bottom > .nav .nav-link:not(.active):hover,
        .nav-align-bottom > .nav .nav-link:not(.active):focus,
        .nav-align-bottom > div > .nav .nav-link:not(.active):hover,
        .nav-align-bottom > div > .nav .nav-link:not(.active):focus,
        .nav-align-left > .nav .nav-link:not(.active):hover,
        .nav-align-left > .nav .nav-link:not(.active):focus,
        .nav-align-left > div > .nav .nav-link:not(.active):hover,
        .nav-align-left > div > .nav .nav-link:not(.active):focus {
            border-color: rgba(38, 60, 85, 0.1);
        }

    .nav-align-top .row-bordered > [class^=col-]::before, .nav-align-top .row-bordered > [class^=col-]::after,
    .nav-align-top .row-bordered > [class*=" col-"]::before,
    .nav-align-top .row-bordered > [class*=" col-"]::after,
    .nav-align-top .row-bordered > [class^="col "]::before,
    .nav-align-top .row-bordered > [class^="col "]::after,
    .nav-align-top .row-bordered > [class*=" col "]::before,
    .nav-align-top .row-bordered > [class*=" col "]::after,
    .nav-align-top .row-bordered > [class$=" col"]::before,
    .nav-align-top .row-bordered > [class$=" col"]::after,
    .nav-align-top .row-bordered > [class=col]::before,
    .nav-align-top .row-bordered > [class=col]::after,
    .nav-align-right .row-bordered > [class^=col-]::before,
    .nav-align-right .row-bordered > [class^=col-]::after,
    .nav-align-right .row-bordered > [class*=" col-"]::before,
    .nav-align-right .row-bordered > [class*=" col-"]::after,
    .nav-align-right .row-bordered > [class^="col "]::before,
    .nav-align-right .row-bordered > [class^="col "]::after,
    .nav-align-right .row-bordered > [class*=" col "]::before,
    .nav-align-right .row-bordered > [class*=" col "]::after,
    .nav-align-right .row-bordered > [class$=" col"]::before,
    .nav-align-right .row-bordered > [class$=" col"]::after,
    .nav-align-right .row-bordered > [class=col]::before,
    .nav-align-right .row-bordered > [class=col]::after,
    .nav-align-bottom .row-bordered > [class^=col-]::before,
    .nav-align-bottom .row-bordered > [class^=col-]::after,
    .nav-align-bottom .row-bordered > [class*=" col-"]::before,
    .nav-align-bottom .row-bordered > [class*=" col-"]::after,
    .nav-align-bottom .row-bordered > [class^="col "]::before,
    .nav-align-bottom .row-bordered > [class^="col "]::after,
    .nav-align-bottom .row-bordered > [class*=" col "]::before,
    .nav-align-bottom .row-bordered > [class*=" col "]::after,
    .nav-align-bottom .row-bordered > [class$=" col"]::before,
    .nav-align-bottom .row-bordered > [class$=" col"]::after,
    .nav-align-bottom .row-bordered > [class=col]::before,
    .nav-align-bottom .row-bordered > [class=col]::after,
    .nav-align-left .row-bordered > [class^=col-]::before,
    .nav-align-left .row-bordered > [class^=col-]::after,
    .nav-align-left .row-bordered > [class*=" col-"]::before,
    .nav-align-left .row-bordered > [class*=" col-"]::after,
    .nav-align-left .row-bordered > [class^="col "]::before,
    .nav-align-left .row-bordered > [class^="col "]::after,
    .nav-align-left .row-bordered > [class*=" col "]::before,
    .nav-align-left .row-bordered > [class*=" col "]::after,
    .nav-align-left .row-bordered > [class$=" col"]::before,
    .nav-align-left .row-bordered > [class$=" col"]::after,
    .nav-align-left .row-bordered > [class=col]::before,
    .nav-align-left .row-bordered > [class=col]::after {
        border-color: #e9ecee;
    }

.nav-align-right,
.nav-align-left {
    align-items: stretch;
}

    .nav-align-right > .nav,
    .nav-align-right > div > .nav,
    .nav-align-left > .nav,
    .nav-align-left > div > .nav {
        flex-grow: 0;
        flex-direction: column;
    }

        .nav-align-right > .nav .nav-link,
        .nav-align-right > div > .nav .nav-link,
        .nav-align-left > .nav .nav-link,
        .nav-align-left > div > .nav .nav-link {
            margin: 0 0 0.125rem 0 !important;
        }

    .nav-align-right > .tab-content,
    .nav-align-left > .tab-content {
        flex-grow: 1;
    }

.nav-align-top {
    flex-direction: column;
}

    .nav-align-top > .nav .nav-link:hover, .nav-align-top > .nav .nav-link:focus,
    .nav-align-top > div > .nav .nav-link:hover,
    .nav-align-top > div > .nav .nav-link:focus {
        border-bottom-color: transparent;
    }

    .nav-align-top > .nav .nav-link.active,
    .nav-align-top > div > .nav .nav-link.active {
        border-bottom-color: #fff;
    }

.nav-align-right {
    flex-direction: row-reverse;
}

    .nav-align-right > .nav .nav-item,
    .nav-align-right > div > .nav .nav-item {
        margin-left: -1px;
        margin-bottom: 0;
    }

    .nav-align-right .nav-link {
        text-align: right;
    }

    .nav-align-right > .nav:not(.nav-pills) .nav-link,
    .nav-align-right > div > .nav:not(.nav-pills) .nav-link {
        border-radius: 0 0.25rem 0.25rem 0;
    }

        .nav-align-right > .nav:not(.nav-pills) .nav-link.active,
        .nav-align-right > div > .nav:not(.nav-pills) .nav-link.active {
            border-left-color: #fff;
        }

        .nav-align-right > .nav:not(.nav-pills) .nav-link:hover, .nav-align-right > .nav:not(.nav-pills) .nav-link:focus,
        .nav-align-right > div > .nav:not(.nav-pills) .nav-link:hover,
        .nav-align-right > div > .nav:not(.nav-pills) .nav-link:focus {
            border-left-color: #fff;
        }

.nav-align-bottom {
    flex-direction: column-reverse;
}

    .nav-align-bottom > .nav .nav-item,
    .nav-align-bottom > div > .nav .nav-item {
        margin-bottom: 0;
        margin-top: -1px;
    }

    .nav-align-bottom > .nav:not(.nav-pills) .nav-link,
    .nav-align-bottom > div > .nav:not(.nav-pills) .nav-link {
        border-radius: 0 0 0.25rem 0.25rem;
    }

        .nav-align-bottom > .nav:not(.nav-pills) .nav-link.active,
        .nav-align-bottom > div > .nav:not(.nav-pills) .nav-link.active {
            border-top-color: #fff;
        }

        .nav-align-bottom > .nav:not(.nav-pills) .nav-link:hover, .nav-align-bottom > .nav:not(.nav-pills) .nav-link:focus,
        .nav-align-bottom > div > .nav:not(.nav-pills) .nav-link:hover,
        .nav-align-bottom > div > .nav:not(.nav-pills) .nav-link:focus {
            border-top-color: #fff;
        }

.nav-align-left > .nav .nav-item,
.nav-align-left > div > .nav .nav-item {
    margin-right: -1px;
    margin-bottom: 0;
}

.nav-align-left .nav-link {
    text-align: left;
}

.nav-align-left > .nav:not(.nav-pills) .nav-link,
.nav-align-left > div > .nav:not(.nav-pills) .nav-link {
    border-radius: 0.25rem 0 0 0.25rem;
}

    .nav-align-left > .nav:not(.nav-pills) .nav-link.active,
    .nav-align-left > div > .nav:not(.nav-pills) .nav-link.active {
        border-right-color: #fff;
    }

    .nav-align-left > .nav:not(.nav-pills) .nav-link:hover, .nav-align-left > .nav:not(.nav-pills) .nav-link:focus,
    .nav-align-left > div > .nav:not(.nav-pills) .nav-link:hover,
    .nav-align-left > div > .nav:not(.nav-pills) .nav-link:focus {
        border-right-color: #fff;
    }

.nav-align-top > .tab-content,
.nav-align-right > .tab-content,
.nav-align-bottom > .tab-content,
.nav-align-left > .tab-content {
    flex-shrink: 1;
    border: 1px solid #d4d8dd;
    background-clip: padding-box;
    background: #fff;
}

.nav-align-top .nav-pills + .tab-content,
.nav-align-top .tabs-line + .tab-content,
.nav-align-right .nav-pills + .tab-content,
.nav-align-right .tabs-line + .tab-content,
.nav-align-bottom .nav-pills + .tab-content,
.nav-align-bottom .tabs-line + .tab-content,
.nav-align-left .nav-pills + .tab-content,
.nav-align-left .tabs-line + .tab-content {
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
    border-width: 0;
}

.nav-pills .nav-link.active {
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.nav-align-top :not(.nav-pills) ~ .tab-content {
    border-radius: 0 0 0.25rem 0.25rem;
}

.nav-align-right :not(.nav-pills) ~ .tab-content {
    border-radius: 0.25rem 0 0 0.25rem;
}

.nav-align-bottom :not(.nav-pills) ~ .tab-content {
    border-radius: 0.25rem 0.25rem 0 0;
}

.nav-align-left :not(.nav-pills) ~ .tab-content {
    border-radius: 0 0.25rem 0.25rem 0;
}

.nav-tabs.tabs-line .nav-link, .nav-tabs.tabs-line .nav-link.active,
.tabs-line > .nav-tabs .nav-link,
.tabs-line > .nav-tabs .nav-link.active {
    background-color: transparent;
    border-width: 0;
}

.pagination-secondary .page-item.active .page-link, .pagination-secondary .page-item.active .page-link:hover, .pagination-secondary .page-item.active .page-link:focus,
.pagination-secondary.pagination li.active > a:not(.page-link),
.pagination-secondary.pagination li.active > a:not(.page-link):hover,
.pagination-secondary.pagination li.active > a:not(.page-link):focus {
    border-color: #69809a;
    background-color: #69809a;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-success .page-item.active .page-link, .pagination-success .page-item.active .page-link:hover, .pagination-success .page-item.active .page-link:focus,
.pagination-success.pagination li.active > a:not(.page-link),
.pagination-success.pagination li.active > a:not(.page-link):hover,
.pagination-success.pagination li.active > a:not(.page-link):focus {
    border-color: #39da8a;
    background-color: #39da8a;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-info .page-item.active .page-link, .pagination-info .page-item.active .page-link:hover, .pagination-info .page-item.active .page-link:focus,
.pagination-info.pagination li.active > a:not(.page-link),
.pagination-info.pagination li.active > a:not(.page-link):hover,
.pagination-info.pagination li.active > a:not(.page-link):focus {
    border-color: #00cfdd;
    background-color: #00cfdd;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-warning .page-item.active .page-link, .pagination-warning .page-item.active .page-link:hover, .pagination-warning .page-item.active .page-link:focus,
.pagination-warning.pagination li.active > a:not(.page-link),
.pagination-warning.pagination li.active > a:not(.page-link):hover,
.pagination-warning.pagination li.active > a:not(.page-link):focus {
    border-color: #fdac41;
    background-color: #fdac41;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-danger .page-item.active .page-link, .pagination-danger .page-item.active .page-link:hover, .pagination-danger .page-item.active .page-link:focus,
.pagination-danger.pagination li.active > a:not(.page-link),
.pagination-danger.pagination li.active > a:not(.page-link):hover,
.pagination-danger.pagination li.active > a:not(.page-link):focus {
    border-color: #ff5b5c;
    background-color: #ff5b5c;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-dark .page-item.active .page-link, .pagination-dark .page-item.active .page-link:hover, .pagination-dark .page-item.active .page-link:focus,
.pagination-dark.pagination li.active > a:not(.page-link),
.pagination-dark.pagination li.active > a:not(.page-link):hover,
.pagination-dark.pagination li.active > a:not(.page-link):focus {
    border-color: #495563;
    background-color: #495563;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.pagination-gray .page-item.active .page-link, .pagination-gray .page-item.active .page-link:hover, .pagination-gray .page-item.active .page-link:focus,
.pagination-gray.pagination li.active > a:not(.page-link),
.pagination-gray.pagination li.active > a:not(.page-link):hover,
.pagination-gray.pagination li.active > a:not(.page-link):focus {
    border-color: rgba(38, 60, 85, 0.5);
    background-color: rgba(38, 60, 85, 0.5);
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.page-item:not(.first, .last, .next, .prev, .previous) {
    background-color: #eeeff1;
}

    .page-item:not(.first, .last, .next, .prev, .previous):not(.active, :hover, :focus) .page-link {
        background-color: transparent;
    }

.page-item.first .page-link, .page-item.last .page-link, .page-item.next .page-link, .page-item.prev .page-link, .page-item.previous .page-link {
    padding-top: 0.43rem;
    padding-bottom: 0.43rem;
}

.page-item.disabled .page-link {
    border-color: #e9ecee;
}

.pagination .page-item.first .page-link,
.pagination .page-item.prev .page-link,
.pagination .page-item.previous .page-link {
    border-radius: 0.25rem;
    margin-right: 0.3125rem;
}

.pagination .page-item.last .page-link,
.pagination .page-item.next .page-link {
    border-radius: 0.25rem;
    margin-left: 0.3125rem;
}

.pagination .page-item.active .page-link {
    border-radius: 0.25rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
    padding-top: 0.66rem !important;
    padding-bottom: 0.66rem !important;
    min-width: calc( 2.2575rem + 0px ) !important;
}

.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus, .pagination .page-item .page-link:active {
    border-radius: 0.25rem;
}

.pagination .page-item.prev + .page-item,
.pagination .page-item.prev + .page-item .page-link,
.pagination .page-item.previous + .page-item,
.pagination .page-item.previous + .page-item .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.pagination .page-item.first ~ .page-item:nth-last-child(3),
.pagination .page-item.first ~ .page-item:nth-last-child(3) .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination .page-item:not(.first) ~ .page-item:nth-last-child(2),
.pagination .page-item:not(.first) ~ .page-item:nth-last-child(2) .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.pagination.pagination-sm .page-item.first .page-link,
.pagination.pagination-sm .page-item.prev .page-link,
.pagination.pagination-sm .page-item.previous .page-link {
    border-radius: 0.1875rem;
    margin-right: 0.25rem;
}

.pagination.pagination-sm .page-item.last .page-link,
.pagination.pagination-sm .page-item.next .page-link {
    border-radius: 0.1875rem;
    margin-left: 0.25rem;
}

.pagination.pagination-sm .page-item.active .page-link {
    border-radius: 0.1875rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
    padding-top: 0.535rem !important;
    padding-bottom: 0.535rem !important;
    min-width: calc( 1.883rem + 0px ) !important;
}

.pagination.pagination-sm .page-item .page-link:hover, .pagination.pagination-sm .page-item .page-link:focus, .pagination.pagination-sm .page-item .page-link:active {
    border-radius: 0.1875rem;
}

.pagination.pagination-sm .page-item.prev + .page-item,
.pagination.pagination-sm .page-item.prev + .page-item .page-link,
.pagination.pagination-sm .page-item.previous + .page-item,
.pagination.pagination-sm .page-item.previous + .page-item .page-link {
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.pagination.pagination-sm .page-item.first ~ .page-item:nth-last-child(3),
.pagination.pagination-sm .page-item.first ~ .page-item:nth-last-child(3) .page-link {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.pagination.pagination-sm .page-item:not(.first) ~ .page-item:nth-last-child(2),
.pagination.pagination-sm .page-item:not(.first) ~ .page-item:nth-last-child(2) .page-link {
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

.pagination.pagination-lg .page-item.first .page-link,
.pagination.pagination-lg .page-item.prev .page-link,
.pagination.pagination-lg .page-item.previous .page-link {
    border-radius: 0.3125rem;
    margin-right: 0.375rem;
}

.pagination.pagination-lg .page-item.last .page-link,
.pagination.pagination-lg .page-item.next .page-link {
    border-radius: 0.3125rem;
    margin-left: 0.375rem;
}

.pagination.pagination-lg .page-item.active .page-link {
    border-radius: 0.3125rem;
    margin-top: -0.125rem;
    margin-bottom: -0.125rem;
    padding-top: 0.785rem !important;
    padding-bottom: 0.785rem !important;
    min-width: calc( 2.633rem + 0px ) !important;
}

.pagination.pagination-lg .page-item .page-link:hover, .pagination.pagination-lg .page-item .page-link:focus, .pagination.pagination-lg .page-item .page-link:active {
    border-radius: 0.3125rem;
}

.pagination.pagination-lg .page-item.prev + .page-item,
.pagination.pagination-lg .page-item.prev + .page-item .page-link,
.pagination.pagination-lg .page-item.previous + .page-item,
.pagination.pagination-lg .page-item.previous + .page-item .page-link {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

.pagination.pagination-lg .page-item.first ~ .page-item:nth-last-child(3),
.pagination.pagination-lg .page-item.first ~ .page-item:nth-last-child(3) .page-link {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.pagination.pagination-lg .page-item:not(.first) ~ .page-item:nth-last-child(2),
.pagination.pagination-lg .page-item:not(.first) ~ .page-item:nth-last-child(2) .page-link {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
}

.page-link,
.page-link > a {
    line-height: 1;
    text-align: center;
    min-width: calc( 2.0075rem + 0px );
}

    .page-link:focus,
    .page-link > a:focus {
        color: #677788;
    }

    .page-link.btn-primary {
        box-shadow: none !important;
    }

.pagination-lg .page-link,
.pagination-lg > li > a:not(.page-link) {
    min-width: calc( 2.383rem + 0px );
}

.pagination-lg > .page-item.first .page-link, .pagination-lg > .page-item.last .page-link, .pagination-lg > .page-item.next .page-link, .pagination-lg > .page-item.prev .page-link, .pagination-lg > .page-item.previous .page-link {
    padding-top: 0.585rem;
    padding-bottom: 0.585rem;
}

.pagination-sm .page-link,
.pagination-sm > li > a:not(.page-link) {
    min-width: calc( 1.633rem + 0px );
}

    .pagination-sm .page-link .tf-icon,
    .pagination-sm > li > a:not(.page-link) .tf-icon {
        font-size: 0.9375rem;
    }

.pagination-sm > .page-item.first .page-link, .pagination-sm > .page-item.last .page-link, .pagination-sm > .page-item.next .page-link, .pagination-sm > .page-item.prev .page-link, .pagination-sm > .page-item.previous .page-link {
    padding-top: 0.345rem;
    padding-bottom: 0.345rem;
}

.alert-secondary {
    background-color: #e7ebef;
    border-color: #d2d9e1;
    color: #69809a;
}

    .alert-secondary .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2369809a' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2369809a' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-secondary .alert-link {
        color: #69809a;
    }

.card .alert-secondary hr {
    background-color: #69809a !important;
}

.alert-solid-secondary {
    background-color: #69809a;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-secondary .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-secondary .alert-link {
        color: #fff;
    }

.card .alert-solid-secondary hr {
    background-color: #fff !important;
}

.alert-success {
    background-color: #dff9ec;
    border-color: #c4f4dc;
    color: #39da8a;
}

    .alert-success .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2339da8a' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2339da8a' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-success .alert-link {
        color: #39da8a;
    }

.card .alert-success hr {
    background-color: #39da8a !important;
}

.alert-solid-success {
    background-color: #39da8a;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-success .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-success .alert-link {
        color: #fff;
    }

.card .alert-solid-success hr {
    background-color: #fff !important;
}

.alert-info {
    background-color: #d6f7fa;
    border-color: #b3f1f5;
    color: #00cfdd;
}

    .alert-info .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%2300cfdd' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%2300cfdd' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-info .alert-link {
        color: #00cfdd;
    }

.card .alert-info hr {
    background-color: #00cfdd !important;
}

.alert-solid-info {
    background-color: #00cfdd;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-info .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-info .alert-link {
        color: #fff;
    }

.card .alert-solid-info hr {
    background-color: #fff !important;
}

.alert-warning {
    background-color: #fff2e1;
    border-color: #fee6c6;
    color: #fdac41;
}

    .alert-warning .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fdac41' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fdac41' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-warning .alert-link {
        color: #fdac41;
    }

.card .alert-warning hr {
    background-color: #fdac41 !important;
}

.alert-solid-warning {
    background-color: #fdac41;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-warning .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-warning .alert-link {
        color: #fff;
    }

.card .alert-solid-warning hr {
    background-color: #fff !important;
}

.alert-danger {
    background-color: #ffe5e5;
    border-color: #ffcece;
    color: #ff5b5c;
}

    .alert-danger .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23ff5b5c' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23ff5b5c' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-danger .alert-link {
        color: #ff5b5c;
    }

.card .alert-danger hr {
    background-color: #ff5b5c !important;
}

.alert-solid-danger {
    background-color: #ff5b5c;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-danger .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-danger .alert-link {
        color: #fff;
    }

.card .alert-solid-danger hr {
    background-color: #fff !important;
}

.alert-dark {
    background-color: #e2e4e6;
    border-color: #c8ccd0;
    color: #495563;
}

    .alert-dark .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23495563' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23495563' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-dark .alert-link {
        color: #495563;
    }

.card .alert-dark hr {
    background-color: #495563 !important;
}

.alert-solid-dark {
    background-color: #495563;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-dark .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-dark .alert-link {
        color: #fff;
    }

.card .alert-solid-dark hr {
    background-color: #fff !important;
}

.alert-gray {
    background-color: rgba(242, 243, 245, 0.92);
    border-color: rgba(228, 231, 234, 0.85);
    color: rgba(38, 60, 85, 0.5);
}

    .alert-gray .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='rgba(38, 60, 85, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='rgba(38, 60, 85, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-gray .alert-link {
        color: rgba(38, 60, 85, 0.5);
    }

.card .alert-gray hr {
    background-color: rgba(38, 60, 85, 0.5) !important;
}

.alert-solid-gray {
    background-color: rgba(38, 60, 85, 0.5);
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-gray .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-gray .alert-link {
        color: #fff;
    }

.card .alert-solid-gray hr {
    background-color: #fff !important;
}

.alert-dismissible .btn-close {
    padding: 1.05rem 1.25rem;
}

.tooltip-secondary .tooltip-inner, .tooltip-secondary > .tooltip .tooltip-inner, .ngb-tooltip-secondary + ngb-tooltip-window .tooltip-inner {
    background: #69809a;
    color: #fff;
}

.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #69809a;
}

.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #69809a;
}

.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #69809a;
}

.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-secondary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #69809a;
}

.tooltip-success .tooltip-inner, .tooltip-success > .tooltip .tooltip-inner, .ngb-tooltip-success + ngb-tooltip-window .tooltip-inner {
    background: #39da8a;
    color: #fff;
}

.tooltip-success.bs-tooltip-top .tooltip-arrow::before, .tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #39da8a;
}

.tooltip-success.bs-tooltip-start .tooltip-arrow::before, .tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #39da8a;
}

.tooltip-success.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #39da8a;
}

.tooltip-success.bs-tooltip-end .tooltip-arrow::before, .tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-success + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #39da8a;
}

.tooltip-info .tooltip-inner, .tooltip-info > .tooltip .tooltip-inner, .ngb-tooltip-info + ngb-tooltip-window .tooltip-inner {
    background: #00cfdd;
    color: #fff;
}

.tooltip-info.bs-tooltip-top .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #00cfdd;
}

.tooltip-info.bs-tooltip-start .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #00cfdd;
}

.tooltip-info.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #00cfdd;
}

.tooltip-info.bs-tooltip-end .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-info + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #00cfdd;
}

.tooltip-warning .tooltip-inner, .tooltip-warning > .tooltip .tooltip-inner, .ngb-tooltip-warning + ngb-tooltip-window .tooltip-inner {
    background: #fdac41;
    color: #fff;
}

.tooltip-warning.bs-tooltip-top .tooltip-arrow::before, .tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #fdac41;
}

.tooltip-warning.bs-tooltip-start .tooltip-arrow::before, .tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #fdac41;
}

.tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #fdac41;
}

.tooltip-warning.bs-tooltip-end .tooltip-arrow::before, .tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-warning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #fdac41;
}

.tooltip-danger .tooltip-inner, .tooltip-danger > .tooltip .tooltip-inner, .ngb-tooltip-danger + ngb-tooltip-window .tooltip-inner {
    background: #ff5b5c;
    color: #fff;
}

.tooltip-danger.bs-tooltip-top .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #ff5b5c;
}

.tooltip-danger.bs-tooltip-start .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #ff5b5c;
}

.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #ff5b5c;
}

.tooltip-danger.bs-tooltip-end .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-danger + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #ff5b5c;
}

.tooltip-dark .tooltip-inner, .tooltip-dark > .tooltip .tooltip-inner, .ngb-tooltip-dark + ngb-tooltip-window .tooltip-inner {
    background: #495563;
    color: #fff;
}

.tooltip-dark.bs-tooltip-top .tooltip-arrow::before, .tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #495563;
}

.tooltip-dark.bs-tooltip-start .tooltip-arrow::before, .tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #495563;
}

.tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #495563;
}

.tooltip-dark.bs-tooltip-end .tooltip-arrow::before, .tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-dark + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #495563;
}

.tooltip-gray .tooltip-inner, .tooltip-gray > .tooltip .tooltip-inner, .ngb-tooltip-gray + ngb-tooltip-window .tooltip-inner {
    background: rgba(38, 60, 85, 0.5);
    color: #fff;
}

.tooltip-gray.bs-tooltip-top .tooltip-arrow::before, .tooltip-gray.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-top .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: rgba(38, 60, 85, 0.5);
}

.tooltip-gray.bs-tooltip-start .tooltip-arrow::before, .tooltip-gray.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-start .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: rgba(38, 60, 85, 0.5);
}

.tooltip-gray.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-gray.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: rgba(38, 60, 85, 0.5);
}

.tooltip-gray.bs-tooltip-end .tooltip-arrow::before, .tooltip-gray.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-end .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-gray + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: rgba(38, 60, 85, 0.5);
}

.modal-open .tooltip {
    z-index: 1092;
}

.tooltip-inner {
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.popover.popover-secondary, .popover .popover-secondary > .popover, .popover .ngb-popover-secondary + ngb-popover-window {
    border-color: transparent;
    background: #69809a;
}

    .popover.popover-secondary .popover-header, .popover .popover-secondary > .popover .popover-header, .popover .ngb-popover-secondary + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-secondary .popover-body, .popover .popover-secondary > .popover .popover-body, .popover .ngb-popover-secondary + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-secondary > .popover-arrow::before, .popover .popover-secondary > .popover > .popover-arrow::before, .popover .ngb-popover-secondary + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-secondary.bs-popover-top > .popover-arrow::after, .popover.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #69809a;
    }

    .popover.popover-secondary.bs-popover-end > .popover-arrow::after, .popover.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #69809a;
    }

    .popover.popover-secondary.bs-popover-bottom > .popover-arrow::after, .popover.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #69809a !important;
    }

    .popover.popover-secondary.bs-popover-start > .popover-arrow::after, .popover.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-secondary > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #69809a;
    }

    .popover.popover-secondary.bs-popover-bottom .popover-header::before, .popover.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-secondary > .popover.bs-popover-bottom .popover-header::before, .popover .popover-secondary > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-secondary + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-success, .popover .popover-success > .popover, .popover .ngb-popover-success + ngb-popover-window {
    border-color: transparent;
    background: #39da8a;
}

    .popover.popover-success .popover-header, .popover .popover-success > .popover .popover-header, .popover .ngb-popover-success + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-success .popover-body, .popover .popover-success > .popover .popover-body, .popover .ngb-popover-success + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-success > .popover-arrow::before, .popover .popover-success > .popover > .popover-arrow::before, .popover .ngb-popover-success + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-success.bs-popover-top > .popover-arrow::after, .popover.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #39da8a;
    }

    .popover.popover-success.bs-popover-end > .popover-arrow::after, .popover.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #39da8a;
    }

    .popover.popover-success.bs-popover-bottom > .popover-arrow::after, .popover.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #39da8a !important;
    }

    .popover.popover-success.bs-popover-start > .popover-arrow::after, .popover.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-success > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-success + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #39da8a;
    }

    .popover.popover-success.bs-popover-bottom .popover-header::before, .popover.popover-success.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-success > .popover.bs-popover-bottom .popover-header::before, .popover .popover-success > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-success + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-success + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-info, .popover .popover-info > .popover, .popover .ngb-popover-info + ngb-popover-window {
    border-color: transparent;
    background: #00cfdd;
}

    .popover.popover-info .popover-header, .popover .popover-info > .popover .popover-header, .popover .ngb-popover-info + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-info .popover-body, .popover .popover-info > .popover .popover-body, .popover .ngb-popover-info + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-info > .popover-arrow::before, .popover .popover-info > .popover > .popover-arrow::before, .popover .ngb-popover-info + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-info.bs-popover-top > .popover-arrow::after, .popover.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #00cfdd;
    }

    .popover.popover-info.bs-popover-end > .popover-arrow::after, .popover.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #00cfdd;
    }

    .popover.popover-info.bs-popover-bottom > .popover-arrow::after, .popover.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #00cfdd !important;
    }

    .popover.popover-info.bs-popover-start > .popover-arrow::after, .popover.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-info > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-info + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #00cfdd;
    }

    .popover.popover-info.bs-popover-bottom .popover-header::before, .popover.popover-info.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-info > .popover.bs-popover-bottom .popover-header::before, .popover .popover-info > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-info + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-info + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-warning, .popover .popover-warning > .popover, .popover .ngb-popover-warning + ngb-popover-window {
    border-color: transparent;
    background: #fdac41;
}

    .popover.popover-warning .popover-header, .popover .popover-warning > .popover .popover-header, .popover .ngb-popover-warning + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-warning .popover-body, .popover .popover-warning > .popover .popover-body, .popover .ngb-popover-warning + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-warning > .popover-arrow::before, .popover .popover-warning > .popover > .popover-arrow::before, .popover .ngb-popover-warning + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-warning.bs-popover-top > .popover-arrow::after, .popover.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #fdac41;
    }

    .popover.popover-warning.bs-popover-end > .popover-arrow::after, .popover.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #fdac41;
    }

    .popover.popover-warning.bs-popover-bottom > .popover-arrow::after, .popover.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #fdac41 !important;
    }

    .popover.popover-warning.bs-popover-start > .popover-arrow::after, .popover.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-warning > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #fdac41;
    }

    .popover.popover-warning.bs-popover-bottom .popover-header::before, .popover.popover-warning.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-warning > .popover.bs-popover-bottom .popover-header::before, .popover .popover-warning > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-warning + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-danger, .popover .popover-danger > .popover, .popover .ngb-popover-danger + ngb-popover-window {
    border-color: transparent;
    background: #ff5b5c;
}

    .popover.popover-danger .popover-header, .popover .popover-danger > .popover .popover-header, .popover .ngb-popover-danger + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-danger .popover-body, .popover .popover-danger > .popover .popover-body, .popover .ngb-popover-danger + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-danger > .popover-arrow::before, .popover .popover-danger > .popover > .popover-arrow::before, .popover .ngb-popover-danger + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-danger.bs-popover-top > .popover-arrow::after, .popover.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #ff5b5c;
    }

    .popover.popover-danger.bs-popover-end > .popover-arrow::after, .popover.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #ff5b5c;
    }

    .popover.popover-danger.bs-popover-bottom > .popover-arrow::after, .popover.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #ff5b5c !important;
    }

    .popover.popover-danger.bs-popover-start > .popover-arrow::after, .popover.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-danger > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #ff5b5c;
    }

    .popover.popover-danger.bs-popover-bottom .popover-header::before, .popover.popover-danger.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-danger > .popover.bs-popover-bottom .popover-header::before, .popover .popover-danger > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-danger + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-dark, .popover .popover-dark > .popover, .popover .ngb-popover-dark + ngb-popover-window {
    border-color: transparent;
    background: #495563;
}

    .popover.popover-dark .popover-header, .popover .popover-dark > .popover .popover-header, .popover .ngb-popover-dark + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-dark .popover-body, .popover .popover-dark > .popover .popover-body, .popover .ngb-popover-dark + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-dark > .popover-arrow::before, .popover .popover-dark > .popover > .popover-arrow::before, .popover .ngb-popover-dark + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-dark.bs-popover-top > .popover-arrow::after, .popover.popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: #495563;
    }

    .popover.popover-dark.bs-popover-end > .popover-arrow::after, .popover.popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: #495563;
    }

    .popover.popover-dark.bs-popover-bottom > .popover-arrow::after, .popover.popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: #495563 !important;
    }

    .popover.popover-dark.bs-popover-start > .popover-arrow::after, .popover.popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-dark > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: #495563;
    }

    .popover.popover-dark.bs-popover-bottom .popover-header::before, .popover.popover-dark.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-dark > .popover.bs-popover-bottom .popover-header::before, .popover .popover-dark > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-dark + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.popover.popover-gray, .popover .popover-gray > .popover, .popover .ngb-popover-gray + ngb-popover-window {
    border-color: transparent;
    background: rgba(38, 60, 85, 0.5);
}

    .popover.popover-gray .popover-header, .popover .popover-gray > .popover .popover-header, .popover .ngb-popover-gray + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-gray .popover-body, .popover .popover-gray > .popover .popover-body, .popover .ngb-popover-gray + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-gray > .popover-arrow::before, .popover .popover-gray > .popover > .popover-arrow::before, .popover .ngb-popover-gray + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-gray.bs-popover-top > .popover-arrow::after, .popover.popover-gray.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-top > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
        border-top-color: rgba(38, 60, 85, 0.5);
    }

    .popover.popover-gray.bs-popover-end > .popover-arrow::after, .popover.popover-gray.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-end > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
        border-right-color: rgba(38, 60, 85, 0.5);
    }

    .popover.popover-gray.bs-popover-bottom > .popover-arrow::after, .popover.popover-gray.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-bottom > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: rgba(38, 60, 85, 0.5) !important;
    }

    .popover.popover-gray.bs-popover-start > .popover-arrow::after, .popover.popover-gray.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-start > .popover-arrow::after, .popover .popover-gray > .popover.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
        border-left-color: rgba(38, 60, 85, 0.5);
    }

    .popover.popover-gray.bs-popover-bottom .popover-header::before, .popover.popover-gray.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .popover-gray > .popover.bs-popover-bottom .popover-header::before, .popover .popover-gray > .popover.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-bottom .popover-header::before, .popover .ngb-popover-gray + ngb-popover-window.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.modal-open .popover {
    z-index: 1091;
}

.popover {
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
}

    .popover .popover-arrow {
        z-index: 1;
    }

    .popover.bs-popover-bottom > .popover-arrow::after, .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
        border-bottom-color: white;
        top: 2px;
    }

    .popover.bs-popover-bottom > .popover-arrow:before, .popover.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before {
        top: 1px;
    }

.popover-header {
    padding: 1rem 1rem 0;
    font-size: 1.125rem;
}

.form-label,
.col-form-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: inherit;
}

.form-label-lg {
    font-size: 1.063rem;
}

.form-label-sm {
    font-size: 0.813rem;
}

.form-control::-moz-placeholder {
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.form-control::placeholder {
    transition: all 0.25s ease;
}

.form-control:focus::-moz-placeholder {
    transform: translate(5px);
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.form-control:focus::placeholder {
    transform: translate(5px);
    transition: all 0.25s ease;
}

.form-select {
    background-clip: padding-box;
}

.form-check-secondary .form-check-input:focus {
    border-color: #69809a;
}

.form-check-secondary .form-check-input:checked {
    background-color: #69809a;
    border-color: #69809a;
}

.form-check-secondary .form-check-input[type=checkbox]:indeterminate {
    background-color: #69809a;
    border-color: #69809a;
}

.form-check-secondary.custom-option.checked {
    border: 1px solid #69809a;
}

.form-check-success .form-check-input:focus {
    border-color: #39da8a;
}

.form-check-success .form-check-input:checked {
    background-color: #39da8a;
    border-color: #39da8a;
}

.form-check-success .form-check-input[type=checkbox]:indeterminate {
    background-color: #39da8a;
    border-color: #39da8a;
}

.form-check-success.custom-option.checked {
    border: 1px solid #39da8a;
}

.form-check-info .form-check-input:focus {
    border-color: #00cfdd;
}

.form-check-info .form-check-input:checked {
    background-color: #00cfdd;
    border-color: #00cfdd;
}

.form-check-info .form-check-input[type=checkbox]:indeterminate {
    background-color: #00cfdd;
    border-color: #00cfdd;
}

.form-check-info.custom-option.checked {
    border: 1px solid #00cfdd;
}

.form-check-warning .form-check-input:focus {
    border-color: #fdac41;
}

.form-check-warning .form-check-input:checked {
    background-color: #fdac41;
    border-color: #fdac41;
}

.form-check-warning .form-check-input[type=checkbox]:indeterminate {
    background-color: #fdac41;
    border-color: #fdac41;
}

.form-check-warning.custom-option.checked {
    border: 1px solid #fdac41;
}

.form-check-danger .form-check-input:focus {
    border-color: #ff5b5c;
}

.form-check-danger .form-check-input:checked {
    background-color: #ff5b5c;
    border-color: #ff5b5c;
}

.form-check-danger .form-check-input[type=checkbox]:indeterminate {
    background-color: #ff5b5c;
    border-color: #ff5b5c;
}

.form-check-danger.custom-option.checked {
    border: 1px solid #ff5b5c;
}

.form-check-light .form-check-input:focus {
    border-color: #e5e9ed;
}

.form-check-light .form-check-input:checked {
    background-color: #e5e9ed;
    border-color: #e5e9ed;
}

.form-check-light .form-check-input[type=checkbox]:indeterminate {
    background-color: #e5e9ed;
    border-color: #e5e9ed;
}

.form-check-light.custom-option.checked {
    border: 1px solid #e5e9ed;
}

.form-check-dark .form-check-input:focus {
    border-color: #495563;
}

.form-check-dark .form-check-input:checked {
    background-color: #495563;
    border-color: #495563;
}

.form-check-dark .form-check-input[type=checkbox]:indeterminate {
    background-color: #495563;
    border-color: #495563;
}

.form-check-dark.custom-option.checked {
    border: 1px solid #495563;
}

.form-check-gray .form-check-input:focus {
    border-color: rgba(38, 60, 85, 0.5);
}

.form-check-gray .form-check-input:checked {
    background-color: rgba(38, 60, 85, 0.5);
    border-color: rgba(38, 60, 85, 0.5);
}

.form-check-gray .form-check-input[type=checkbox]:indeterminate {
    background-color: rgba(38, 60, 85, 0.5);
    border-color: rgba(38, 60, 85, 0.5);
}

.form-check-gray.custom-option.checked {
    border: 1px solid rgba(38, 60, 85, 0.5);
}

.form-range::-webkit-slider-thumb {
    box-shadow: 0 0 6px 0 rgba(38, 60, 85, 0.2);
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    transform-origin: center;
}

    .form-range::-webkit-slider-thumb:focus {
        box-shadow: 0 0 8px 0px rgba(38, 60, 85, 0.2);
    }

    .form-range::-webkit-slider-thumb:active {
        transform: scale(1.4, 1.4);
    }

.form-range::-moz-range-thumb {
    box-shadow: 0 0 6px 0 rgba(38, 60, 85, 0.2);
    -moz-transition: transform 0.2s;
    transition: transform 0.2s;
    transform-origin: center;
}

    .form-range::-moz-range-thumb:focus {
        box-shadow: 0 0 8px 0px rgba(38, 60, 85, 0.2);
    }

    .form-range::-moz-range-thumb:active {
        transform: scale(1.4, 1.4);
    }

.form-range:disabled::-webkit-slider-runnable-track {
    background-color: rgba(38, 60, 85, 0.06);
}

.form-range:disabled::-moz-range-track {
    background-color: rgba(38, 60, 85, 0.06);
    box-shadow: none;
}

.form-range:disabled::-webkit-slider-thumb {
    box-shadow: none;
}

.form-range:disabled::-moz-range-thumb {
    box-shadow: none;
}

.input-group:focus-within {
    box-shadow: 0 0.0625rem 0.1875rem 0 rgba(38, 60, 85, 0.18);
}

    .input-group:focus-within .form-control,
    .input-group:focus-within .input-group-text {
        box-shadow: none;
    }

.input-group.disabled .input-group-text {
    background-color: #e9ecee;
}

.input-group.has-validation > .input-group-text:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-text {
    background-clip: padding-box;
}

    .input-group-text i {
        font-size: 0.9375rem;
    }

.input-group-lg > .input-group-text i {
    font-size: 1.063rem;
}

.input-group-sm > .input-group-text i {
    font-size: 0.813rem;
}

.input-group-merge .input-group-text:first-child {
    border-right: 0;
}

.input-group-merge .input-group-text:last-child {
    border-left: 0;
}

.input-group-merge .form-control:not(:first-child) {
    padding-left: 0;
    border-left: 0;
}

.input-group-merge .form-control:not(:last-child) {
    padding-right: 0;
    border-right: 0;
}

.input-group-text {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .input-group-text {
        transition: none;
    }
}

.fv-plugins-bootstrap5-row-invalid .input-group.has-validation .input-group-text,
.fv-plugins-bootstrap5-row-invalid .input-group.has-validation:focus-within .input-group-text {
    border-color: #ff5b5c;
}

.form-floating > .form-control:focus::-moz-placeholder, .form-floating > .form-control:not(:placeholder-shown)::-moz-placeholder {
    color: #a8b1bb;
}

.form-floating > .form-control:not(:-moz-placeholder-shown)::placeholder {
    color: #a8b1bb;
}

.form-floating > .form-control:focus::placeholder,
.form-floating > .form-control:not(:placeholder-shown)::placeholder {
    color: #a8b1bb;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 85%;
    color: #39da8a;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.7rem;
    margin-top: 0.1rem;
    font-size: 0.9375rem;
    color: #fff;
    background-color: #39da8a;
    border-radius: 0.1875rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #39da8a;
}

.dark-style .was-validated .form-control:valid, .dark-style .form-control.is-valid {
    border-color: #39da8a !important;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #39da8a;
    box-shadow: 0 0 0.1875rem 0.0625rem rgba(57, 218, 138, 0.18);
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #39da8a;
}

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: #39da8a;
        box-shadow: 0 0 0.1875rem 0.0625rem rgba(57, 218, 138, 0.18);
    }

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #39da8a;
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: #39da8a;
        border-color: #39da8a;
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0.1875rem 0.0625rem rgba(57, 218, 138, 0.18);
        border-color: #39da8a;
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #39da8a;
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid ~ .input-group-text, .input-group .form-control.is-valid ~ .input-group-text {
    border-color: #39da8a;
}

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus {
    border-color: #39da8a;
    box-shadow: none;
}

    .was-validated .input-group .form-control:valid:focus ~ .input-group-text, .input-group .form-control.is-valid:focus ~ .input-group-text {
        border-color: #39da8a;
    }

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 3;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 85%;
    color: #ff5b5c;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.7rem;
    margin-top: 0.1rem;
    font-size: 0.9375rem;
    color: #fff;
    background-color: #ff5b5c;
    border-radius: 0.1875rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #ff5b5c;
}

.dark-style .was-validated .form-control:invalid, .dark-style .form-control.is-invalid {
    border-color: #ff5b5c !important;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #ff5b5c;
    box-shadow: 0 0 0.1875rem 0.0625rem rgba(255, 91, 92, 0.18);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #ff5b5c;
}

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: #ff5b5c;
        box-shadow: 0 0 0.1875rem 0.0625rem rgba(255, 91, 92, 0.18);
    }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #ff5b5c;
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: #ff5b5c;
        border-color: #ff5b5c;
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0.1875rem 0.0625rem rgba(255, 91, 92, 0.18);
        border-color: #ff5b5c;
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #ff5b5c;
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid ~ .input-group-text, .input-group .form-control.is-invalid ~ .input-group-text {
    border-color: #ff5b5c;
}

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus {
    border-color: #ff5b5c;
    box-shadow: none;
}

    .was-validated .input-group .form-control:invalid:focus ~ .input-group-text, .input-group .form-control.is-invalid:focus ~ .input-group-text {
        border-color: #ff5b5c;
    }

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 3;
}

form .error:not(li):not(input) {
    color: #ff5b5c;
    font-size: 85%;
    margin-top: 0.25rem;
}

form .invalid,
form .is-invalid .invalid:before,
form .is-invalid::before {
    border-color: #ff5b5c !important;
}

form .form-label.invalid, form .form-label.is-invalid {
    border-color: #ff5b5c;
    box-shadow: 0 0 0 2px rgba(255, 91, 92, 0.4) !important;
}

form select.invalid ~ .select2 .select2-selection {
    border-color: #ff5b5c;
}

form select.is-invalid ~ .select2 .select2-selection {
    border-color: #ff5b5c !important;
}

form select.selectpicker.is-invalid ~ .btn {
    border-color: 1px solid #ff5b5c;
    border-color: #ff5b5c;
}

@media (hover: none) {
    .fv-plugins-bootstrap5-row-invalid .form-control {
        border-color: #ff5b5c;
    }
}

.fv-plugins-bootstrap5 .invalid-feedback,
.fv-plugins-bootstrap5 .invalid-tooltip {
    display: block;
}

.fv-plugins-bootstrap5-row-invalid .tagify.tagify--empty {
    border-color: #ff5b5c !important;
}

.modal-content {
    box-shadow: 0 0.125rem 1.25rem 0 rgba(38, 60, 85, 0.6);
}

.modal .btn-close {
    background-color: #eeeff1;
    padding: 0.5625rem 0.5625rem;
    margin: 0 0 0 auto;
    z-index: 1;
}

.modal-footer {
    padding: 0 1.5rem 1.375rem;
}

.modal-onboarding .close-label {
    font-size: 0.8rem;
    position: absolute;
    top: 1.5rem;
    opacity: 0.95;
}

    .modal-onboarding .close-label:hover {
        opacity: 0.95;
    }

.modal-onboarding .onboarding-media {
    margin-bottom: 1rem;
}

    .modal-onboarding .onboarding-media img {
        margin: 0 auto;
    }

.modal-onboarding .onboarding-content {
    margin: 2rem;
}

.modal-onboarding form {
    margin-top: 2rem;
    text-align: left;
}

.modal-onboarding .carousel-indicators {
    bottom: -10px;
}

.modal-onboarding .carousel-control-prev,
.modal-onboarding .carousel-control-next {
    top: auto;
    bottom: 0.75rem;
    opacity: 1;
}

.modal-onboarding .carousel-control-prev {
    left: 1rem;
}

.modal-onboarding .onboarding-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .modal-onboarding .onboarding-horizontal .onboarding-media {
        margin: 2rem;
        margin-top: 0;
    }

    .modal-onboarding .onboarding-horizontal .carousel-control-prev {
        left: 0;
    }

.modal-onboarding.animated .onboarding-media {
    transform: translateY(10px) scale(0.8);
    transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transition-delay: 0.3s;
    opacity: 0;
}

.modal-onboarding.animated .onboarding-content {
    transform: translateY(40px);
    transition-delay: 0.1s;
    transition: all 0.4s ease;
    opacity: 0;
}

.modal-onboarding.animated .onboarding-title {
    opacity: 0;
    transition-delay: 0.5s;
    transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px);
}

.modal-onboarding.animated .onboarding-info {
    opacity: 0;
    transition-delay: 0.6s;
    transition: all 0.5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px);
}

.modal-onboarding.animated form {
    opacity: 0;
    transition-delay: 0.7s;
    transition: all 0.5s ease;
    transform: translateY(40px);
}

.modal-onboarding.animated.show .onboarding-media {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.modal-onboarding.animated.show .onboarding-content {
    transform: translateY(0);
    opacity: 1;
}

.modal-onboarding.animated.show .onboarding-title {
    transform: translateY(0);
    opacity: 1;
}

.modal-onboarding.animated.show .onboarding-info {
    opacity: 1;
    transform: translateY(0px);
}

.modal-onboarding.animated.show form {
    opacity: 1;
    transform: translateY(0px);
}

.modal-top .modal-dialog {
    margin-top: 0;
}

.modal-top .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-transparent .modal-dialog {
    display: flex;
    margin: 0 auto;
    min-height: 100vh;
}

.modal-transparent .modal-content {
    margin: auto;
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.modal-transparent .btn-close {
    position: absolute;
    top: 0;
    right: 1.5rem;
    transform: none;
    opacity: 1;
    padding: 0.25em 0.25em;
    background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent !important;
}

.modal-simple .modal-content {
    padding: 3rem;
}

.modal-simple .btn-close {
    position: absolute;
    top: -1.625rem;
    right: -1.625rem;
}

@media (max-width: 767.98px) {
    .modal-simple .btn-close {
        top: 0;
        right: 0;
    }
}

.modal-refer-and-earn .modal-refer-and-earn-step {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
}

    .modal-refer-and-earn .modal-refer-and-earn-step i {
        font-size: 2.5rem;
    }

.modal-top.fade .modal-dialog,
.modal-top .modal.fade .modal-dialog {
    transform: translateY(-100%);
}

.modal-top.show .modal-dialog,
.modal-top .modal.show .modal-dialog {
    transform: translateY(0);
}

.modal-transparent.fade .modal-dialog,
.modal-transparent .modal.fade .modal-dialog {
    transform: scale(0.5, 0.5);
}

.modal-transparent.show .modal-dialog,
.modal-transparent .modal.show .modal-dialog {
    transform: scale(1, 1);
}

@media (max-width: 991.98px) {
    .modal-onboarding .onboarding-horizontal {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .modal .modal-dialog:not(.modal-fullscreen) {
        padding: 0 0.75rem;
        padding-left: 0.75rem !important;
    }

    .modal .carousel-control-prev,
    .modal .carousel-control-next {
        display: none;
    }
}

@media (min-width: 576px) {
    .modal-content {
        box-shadow: 0 0.125rem 1.25rem 0 rgba(38, 60, 85, 0.6);
    }

    .modal-sm .modal-dialog {
        max-width: 22.5rem;
    }
}

@media (min-width: 1200px) {
    .modal-xl .modal-dialog {
        max-width: 1140px;
    }
}

.progress.progress-stacked {
    background-color: #fff;
}

    .progress.progress-stacked > .progress-bar:not(:last-child) {
        margin-right: 0.35rem;
    }

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.07) 75%, transparent 75%, transparent);
}

.progress .progress-bar:last-child {
    border-top-right-radius: 10rem;
    border-bottom-right-radius: 10rem;
}

.progress .progress-bar:first-child {
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
}

.breadcrumb-item,
.breadcrumb-item a {
    color: #677788;
}

    .breadcrumb-item:hover, .breadcrumb-item:focus,
    .breadcrumb-item a:hover,
    .breadcrumb-item a:focus {
        color: #677788;
    }

    .breadcrumb-item.active,
    .breadcrumb-item a.active {
        font-weight: 600;
    }

        .breadcrumb-item.active::before,
        .breadcrumb-item a.active::before {
            font-weight: 400;
        }

        .breadcrumb-item.active a, .breadcrumb-item.active a:hover, .breadcrumb-item.active a:focus, .breadcrumb-item.active a:active {
            color: inherit;
        }

.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    font-family: boxicons;
    vertical-align: middle;
}

.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before {
    content: "\ecb3";
    font-size: 1.3rem;
    line-height: 1.2;
}

.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    content: "\ee4a";
    font-size: 1.063rem;
    line-height: 1.39rem;
}

.list-group-item-secondary {
    background-color: #e7ebef;
    color: #69809a !important;
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #69809a;
}

    a.list-group-item-secondary:hover, a.list-group-item-secondary:focus,
    button.list-group-item-secondary:hover,
    button.list-group-item-secondary:focus {
        background-color: #dbdfe3;
        color: #69809a;
    }

    a.list-group-item-secondary.active,
    button.list-group-item-secondary.active {
        border-color: #69809a;
        background-color: #69809a;
        color: #69809a;
    }

.list-group.list-group-timeline .list-group-timeline-secondary:before {
    background-color: #69809a;
}

.list-group-item-success {
    background-color: #dff9ec;
    color: #39da8a !important;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #39da8a;
}

    a.list-group-item-success:hover, a.list-group-item-success:focus,
    button.list-group-item-success:hover,
    button.list-group-item-success:focus {
        background-color: #d4ede0;
        color: #39da8a;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active {
        border-color: #39da8a;
        background-color: #39da8a;
        color: #39da8a;
    }

.list-group.list-group-timeline .list-group-timeline-success:before {
    background-color: #39da8a;
}

.list-group-item-info {
    background-color: #d6f7fa;
    color: #00cfdd !important;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #00cfdd;
}

    a.list-group-item-info:hover, a.list-group-item-info:focus,
    button.list-group-item-info:hover,
    button.list-group-item-info:focus {
        background-color: #cbebee;
        color: #00cfdd;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active {
        border-color: #00cfdd;
        background-color: #00cfdd;
        color: #00cfdd;
    }

.list-group.list-group-timeline .list-group-timeline-info:before {
    background-color: #00cfdd;
}

.list-group-item-warning {
    background-color: #fff2e1;
    color: #fdac41 !important;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #fdac41;
}

    a.list-group-item-warning:hover, a.list-group-item-warning:focus,
    button.list-group-item-warning:hover,
    button.list-group-item-warning:focus {
        background-color: #f2e6d6;
        color: #fdac41;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active {
        border-color: #fdac41;
        background-color: #fdac41;
        color: #fdac41;
    }

.list-group.list-group-timeline .list-group-timeline-warning:before {
    background-color: #fdac41;
}

.list-group-item-danger {
    background-color: #ffe5e5;
    color: #ff5b5c !important;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #ff5b5c;
}

    a.list-group-item-danger:hover, a.list-group-item-danger:focus,
    button.list-group-item-danger:hover,
    button.list-group-item-danger:focus {
        background-color: #f2dada;
        color: #ff5b5c;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active {
        border-color: #ff5b5c;
        background-color: #ff5b5c;
        color: #ff5b5c;
    }

.list-group.list-group-timeline .list-group-timeline-danger:before {
    background-color: #ff5b5c;
}

.list-group-item-dark {
    background-color: #e2e4e6;
    color: #495563 !important;
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #495563;
}

    a.list-group-item-dark:hover, a.list-group-item-dark:focus,
    button.list-group-item-dark:hover,
    button.list-group-item-dark:focus {
        background-color: #d7d9db;
        color: #495563;
    }

    a.list-group-item-dark.active,
    button.list-group-item-dark.active {
        border-color: #495563;
        background-color: #495563;
        color: #495563;
    }

.list-group.list-group-timeline .list-group-timeline-dark:before {
    background-color: #495563;
}

.list-group-item-gray {
    background-color: rgba(242, 243, 245, 0.92);
    color: rgba(38, 60, 85, 0.5) !important;
}

a.list-group-item-gray,
button.list-group-item-gray {
    color: rgba(38, 60, 85, 0.5);
}

    a.list-group-item-gray:hover, a.list-group-item-gray:focus,
    button.list-group-item-gray:hover,
    button.list-group-item-gray:focus {
        background-color: rgba(228, 229, 231, 0.924);
        color: rgba(38, 60, 85, 0.5);
    }

    a.list-group-item-gray.active,
    button.list-group-item-gray.active {
        border-color: rgba(38, 60, 85, 0.5);
        background-color: rgba(38, 60, 85, 0.5);
        color: rgba(38, 60, 85, 0.5);
    }

.list-group.list-group-timeline .list-group-timeline-gray:before {
    background-color: rgba(38, 60, 85, 0.5);
}

.list-group.list-group-timeline {
    position: relative;
}

    .list-group.list-group-timeline:before {
        background-color: #d4d8dd;
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0.2rem;
    }

    .list-group.list-group-timeline .list-group-item {
        border: none;
        padding-left: 1.25rem;
    }

        .list-group.list-group-timeline .list-group-item:before {
            position: absolute;
            display: block;
            content: "";
            width: 7px;
            height: 7px;
            left: 0;
            top: 50%;
            margin-top: -3.5px;
            border-radius: 100%;
        }

.list-group .list-group-item.active h1,
.list-group .list-group-item.active .h1,
.list-group .list-group-item.active h2,
.list-group .list-group-item.active .h2,
.list-group .list-group-item.active h3,
.list-group .list-group-item.active .h3,
.list-group .list-group-item.active h4,
.list-group .list-group-item.active .h4,
.list-group .list-group-item.active h5,
.list-group .list-group-item.active .h5,
.list-group .list-group-item.active h6,
.list-group .list-group-item.active .h6 {
    color: #fff;
}

.navbar {
    z-index: 2;
}

    .navbar .dropdown:focus,
    .navbar .dropdown-toggle:focus {
        outline: 0;
    }

    .navbar .navbar-toggler:focus {
        box-shadow: none;
    }

.fixed-top {
    z-index: 1030;
}

.navbar.navbar-light {
    color: rgba(38, 60, 85, 0.5);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(38, 60, 85, 0.3) !important;
}

.navbar.navbar-dark {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.4) !important;
}

.navbar-collapse,
.navbar-brand,
.navbar-text {
    flex-shrink: 1;
}

.navbar-dark hr {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-light hr {
    border-color: rgba(38, 60, 85, 0.1);
}

.mega-dropdown .dropdown-toggle {
    outline: 0;
}

.mega-dropdown .dropdown-menu {
    width: 100%;
}

.card {
    background-clip: padding-box;
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
}

    .card .card-link {
        display: inline-block;
    }

    .card .card-header + .card-body,
    .card .card-header + .card-content > .card-body:first-of-type {
        padding-top: 0;
    }

.card-action.card-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    border: none;
    border-radius: 0;
}

.card-action .card-alert {
    position: absolute;
    width: 100%;
    z-index: 999;
}

    .card-action .card-alert .alert {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.card-action .card-header.collapsed {
    border-bottom: 0;
}

.card-action .card-header {
    display: flex;
    line-height: 1.54;
}

    .card-action .card-header .card-action-title {
        flex-grow: 1;
        margin-right: 0.5rem;
    }

    .card-action .card-header .card-action-element {
        flex-shrink: 0;
        background-color: inherit;
        top: 1rem;
        right: 1.5rem;
        color: #677788;
    }

        .card-action .card-header .card-action-element a {
            color: #677788;
        }

            .card-action .card-header .card-action-element a .collapse-icon::after {
                margin-top: -0.15rem;
            }

.card-action .blockUI .sk-fold {
    margin: 0 auto;
}

.card-action .blockUI h5, .card-action .blockUI .h5 {
    color: #677788;
    margin: 1rem 0 0 0;
}

.card-header,
.card-footer {
    border-color: #e9ecee;
}

.card hr {
    color: #e9ecee;
}

.card .row-bordered > [class*=" col "] .card .row-bordered > [class$=" col"], .card .row-bordered > [class*=" col "]::before, .card .row-bordered > [class*=" col "]::after,
.card .row-bordered > [class^="col "] .card .row-bordered > [class$=" col"],
.card .row-bordered > [class^="col "]::before,
.card .row-bordered > [class^="col "]::after,
.card .row-bordered > [class*=" col-"] .card .row-bordered > [class$=" col"],
.card .row-bordered > [class*=" col-"]::before,
.card .row-bordered > [class*=" col-"]::after,
.card .row-bordered > [class^=col-] .card .row-bordered > [class$=" col"],
.card .row-bordered > [class^=col-]::before,
.card .row-bordered > [class^=col-]::after,
.card .row-bordered > [class=col] .card .row-bordered > [class$=" col"],
.card .row-bordered > [class=col]::before,
.card .row-bordered > [class=col]::after {
    border-color: #e9ecee;
}

.card-header.header-elements,
.card-title.header-elements {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.card-header.card-header-elements {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
}

.card-header .card-header-elements {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.card-header-elements,
.card-title-elements {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .card-header-elements + .card-header-elements,
    .card-header-elements > * + *,
    .card-header-elements + .card-title-elements,
    .card-title-elements > * + *,
    .card-title-elements + .card-header-elements,
    .card-title-elements + .card-title-elements {
        margin-left: 0.25rem;
    }

.card-img-left {
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (max-width: 767.98px) {
    .card-img-left {
        border-top-left-radius: 0.3125rem;
        border-top-right-radius: 0.3125rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.card-img-right {
    border-top-right-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 767.98px) {
    .card-img-right {
        border-bottom-right-radius: 0.3125rem;
        border-bottom-left-radius: 0.3125rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.card > .list-group .list-group-item {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
}

.card .card-separator {
    border-right: 1px solid #d4d8dd;
}

@media (max-width: 767.98px) {
    .card .card-separator {
        border-bottom: 1px solid #d4d8dd;
        padding-bottom: 1.375rem;
        border-right-width: 0 !important;
    }
}

.accordion.accordion-header-secondary .accordion-item.active .accordion-button {
    color: #69809a !important;
}

    .accordion.accordion-header-secondary .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%2369809a' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-success .accordion-item.active .accordion-button {
    color: #39da8a !important;
}

    .accordion.accordion-header-success .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%2339da8a' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-info .accordion-item.active .accordion-button {
    color: #00cfdd !important;
}

    .accordion.accordion-header-info .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%2300cfdd' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-warning .accordion-item.active .accordion-button {
    color: #fdac41 !important;
}

    .accordion.accordion-header-warning .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23fdac41' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-danger .accordion-item.active .accordion-button {
    color: #ff5b5c !important;
}

    .accordion.accordion-header-danger .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23ff5b5c' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-light .accordion-item.active .accordion-button {
    color: #e5e9ed !important;
}

    .accordion.accordion-header-light .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23e5e9ed' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-dark .accordion-item.active .accordion-button {
    color: #495563 !important;
}

    .accordion.accordion-header-dark .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23495563' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion.accordion-header-gray .accordion-item.active .accordion-button {
    color: rgba(38, 60, 85, 0.5) !important;
}

    .accordion.accordion-header-gray .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='rgba%2838, 60, 85, 0.5%29' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.accordion-header + .accordion-collapse .accordion-body {
    padding-top: 0;
}

.accordion.accordion-without-arrow .accordion-button::after {
    background-image: none !important;
}

.accordion .accordion-item.active {
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
}

.card.accordion-item {
    box-shadow: none;
}

.accordion-button.collapsed:focus {
    box-shadow: none;
}

.accordion-button {
    box-shadow: none;
}

.accordion-header {
    line-height: 1.54;
}

.accordion-item:not(:first-of-type) {
    border-top: 0 solid #d4d8dd;
}

.accordion-button {
    font-weight: inherit;
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
}

    .accordion-button.collapsed {
        border-radius: 0.3125rem;
    }

.accordion > .card:not(:last-of-type) {
    border-radius: 0.3125rem !important;
    margin-bottom: 0.5rem;
}

.close:focus {
    outline: 0;
}

.toast .toast-header.bg-secondary,
.bs-toast .toast-header.bg-secondary {
    background-color: #69809a;
    color: #fff;
}

.toast .toast-header.bg-success,
.bs-toast .toast-header.bg-success {
    background-color: #39da8a;
    color: #fff;
}

.toast .toast-header.bg-info,
.bs-toast .toast-header.bg-info {
    background-color: #00cfdd;
    color: #fff;
}

.toast .toast-header.bg-warning,
.bs-toast .toast-header.bg-warning {
    background-color: #fdac41;
    color: #fff;
}

.toast .toast-header.bg-danger,
.bs-toast .toast-header.bg-danger {
    background-color: #ff5b5c;
    color: #fff;
}

.toast .toast-header.bg-light,
.bs-toast .toast-header.bg-light {
    background-color: #e5e9ed;
    color: #263c55;
}

.toast .toast-header.bg-dark,
.bs-toast .toast-header.bg-dark {
    background-color: #495563;
    color: #fff;
}

.toast .toast-header.bg-gray,
.bs-toast .toast-header.bg-gray {
    background-color: rgba(38, 60, 85, 0.5);
    color: #fff;
}

.toast.bs-toast {
    z-index: 1095;
    background-color: rgba(255, 255, 255, 0.85);
}

    .toast.bs-toast .toast-header .btn-close {
        padding: 0.435rem;
        font-size: 0.7rem;
        background-color: #fff;
        margin-left: 0.5rem;
    }

    .toast.bs-toast .toast-body {
        padding: 0.625rem 1rem;
    }

    .toast.bs-toast .toast-header:not([class*=bg-]) .btn-close {
        background-color: #e9ecee;
    }

.toast-ex {
    position: fixed;
    top: 4.1rem;
    right: 0.5rem;
}

.toast-placement-ex {
    position: fixed;
}

.carousel.carousel-dark .carousel-item.active h1,
.carousel.carousel-dark .carousel-item.active .h1,
.carousel.carousel-dark .carousel-item.active h2,
.carousel.carousel-dark .carousel-item.active .h2,
.carousel.carousel-dark .carousel-item.active h3,
.carousel.carousel-dark .carousel-item.active .h3,
.carousel.carousel-dark .carousel-item.active h4,
.carousel.carousel-dark .carousel-item.active .h4,
.carousel.carousel-dark .carousel-item.active h5,
.carousel.carousel-dark .carousel-item.active .h5,
.carousel.carousel-dark .carousel-item.active h6,
.carousel.carousel-dark .carousel-item.active .h6,
.carousel.carousel-dark .carousel-item.carousel-item-start h1,
.carousel.carousel-dark .carousel-item.carousel-item-start .h1,
.carousel.carousel-dark .carousel-item.carousel-item-start h2,
.carousel.carousel-dark .carousel-item.carousel-item-start .h2,
.carousel.carousel-dark .carousel-item.carousel-item-start h3,
.carousel.carousel-dark .carousel-item.carousel-item-start .h3,
.carousel.carousel-dark .carousel-item.carousel-item-start h4,
.carousel.carousel-dark .carousel-item.carousel-item-start .h4,
.carousel.carousel-dark .carousel-item.carousel-item-start h5,
.carousel.carousel-dark .carousel-item.carousel-item-start .h5,
.carousel.carousel-dark .carousel-item.carousel-item-start h6,
.carousel.carousel-dark .carousel-item.carousel-item-start .h6 {
    color: #263c55;
}

.spinner-border-lg {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

.spinner-grow-lg {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

.btn .spinner-border,
.btn .spinner-grow {
    position: relative;
    top: -0.0625rem;
    height: 1em;
    width: 1em;
}

.btn .spinner-border {
    border-width: 0.15em;
}

@-webkit-keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg);
    }
}

@keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg);
    }
}

.offcanvas {
    box-shadow: 0 0.125rem 1.25rem 0 rgba(38, 60, 85, 0.6);
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4) !important;
}

.shadow-lg {
    box-shadow: 0 0.625rem 1.25rem rgba(147, 158, 170, 0.5) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.zindex-1 {
    z-index: 1 !important;
}

.zindex-2 {
    z-index: 2 !important;
}

.zindex-3 {
    z-index: 3 !important;
}

.zindex-4 {
    z-index: 4 !important;
}

.zindex-5 {
    z-index: 5 !important;
}

.border {
    border: 1px solid #d4d8dd !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #d4d8dd !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #d4d8dd !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-primary {
    border-color: #5a8dee !important;
}

.border-secondary {
    border-color: #69809a !important;
}

.border-success {
    border-color: #39da8a !important;
}

.border-info {
    border-color: #00cfdd !important;
}

.border-warning {
    border-color: #fdac41 !important;
}

.border-danger {
    border-color: #ff5b5c !important;
}

.border-light {
    border-color: rgba(38, 60, 85, 0.1) !important;
}

.border-dark {
    border-color: #495563 !important;
}

.border-gray {
    border-color: rgba(38, 60, 85, 0.5) !important;
}

.border-white {
    border-color: #fff !important;
}

.border-transparent {
    border-color: transparent !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

.w-px-20 {
    width: 20px !important;
}

.w-px-30 {
    width: 30px !important;
}

.w-px-40 {
    width: 40px !important;
}

.w-px-50 {
    width: 50px !important;
}

.w-px-75 {
    width: 75px !important;
}

.w-px-100 {
    width: 100px !important;
}

.w-px-150 {
    width: 150px !important;
}

.w-px-200 {
    width: 200px !important;
}

.w-px-250 {
    width: 250px !important;
}

.w-px-300 {
    width: 300px !important;
}

.w-px-350 {
    width: 350px !important;
}

.w-px-400 {
    width: 400px !important;
}

.w-px-500 {
    width: 500px !important;
}

.w-px-600 {
    width: 600px !important;
}

.w-px-700 {
    width: 700px !important;
}

.w-px-800 {
    width: 800px !important;
}

.w-auto {
    width: auto !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-px-20 {
    height: 20px !important;
}

.h-px-30 {
    height: 30px !important;
}

.h-px-40 {
    height: 40px !important;
}

.h-px-50 {
    height: 50px !important;
}

.h-px-75 {
    height: 75px !important;
}

.h-px-100 {
    height: 100px !important;
}

.h-px-150 {
    height: 150px !important;
}

.h-px-200 {
    height: 200px !important;
}

.h-px-250 {
    height: 250px !important;
}

.h-px-300 {
    height: 300px !important;
}

.h-px-350 {
    height: 350px !important;
}

.h-px-400 {
    height: 400px !important;
}

.h-px-500 {
    height: 500px !important;
}

.h-px-600 {
    height: 600px !important;
}

.h-px-700 {
    height: 700px !important;
}

.h-px-800 {
    height: 800px !important;
}

.h-auto {
    height: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mx-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
}

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.3625rem + 1.35vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.2875rem + 0.45vw) !important;
}

.fs-4 {
    font-size: calc(1.2625rem + 0.15vw) !important;
}

.fs-5 {
    font-size: 1.125rem !important;
}

.fs-6 {
    font-size: 0.9375rem !important;
}

.fs-tiny {
    font-size: 70% !important;
}

.fs-big {
    font-size: 112% !important;
}

.fs-large {
    font-size: 150% !important;
}

.fs-xlarge {
    font-size: 170% !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: 100 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: 900 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-inherit {
    line-height: inherit !important;
}

.lh-sm {
    line-height: 1.2 !important;
}

.lh-base {
    line-height: 1.47 !important;
}

.lh-lg {
    line-height: 1.5 !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-none {
    text-transform: none !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: #a8b1bb !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: #fff !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: #677788 !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #a8b1bb !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(38, 60, 85, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: #f2f2f6 !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-lighter {
    --bs-bg-opacity: 1;
    background-color: rgba(38, 60, 85, 0.06) !important;
}

.bg-lightest {
    --bs-bg-opacity: 1;
    background-color: rgba(38, 60, 85, 0.025) !important;
}

.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: 0.25rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: 0.1875rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.3125rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-grab {
    cursor: -webkit-grab !important;
    cursor: grab !important;
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .gap-sm-1 {
        gap: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.5rem !important;
    }

    .gap-sm-3 {
        gap: 1rem !important;
    }

    .gap-sm-4 {
        gap: 1.5rem !important;
    }

    .gap-sm-5 {
        gap: 3rem !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-sm-n5 {
        margin-top: -3rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 1110px) {
    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 1rem !important;
    }

    .gap-md-4 {
        gap: 1.5rem !important;
    }

    .gap-md-5 {
        gap: 3rem !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-md-n5 {
        margin-top: -3rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 1rem !important;
    }

    .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .gap-lg-5 {
        gap: 3rem !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-lg-n5 {
        margin-top: -3rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 1rem !important;
    }

    .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .gap-xl-5 {
        gap: 3rem !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mx-xl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xl-n5 {
        margin-top: -3rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .m-xxl-n1 {
        margin: -0.25rem !important;
    }

    .m-xxl-n2 {
        margin: -0.5rem !important;
    }

    .m-xxl-n3 {
        margin: -1rem !important;
    }

    .m-xxl-n4 {
        margin: -1.5rem !important;
    }

    .m-xxl-n5 {
        margin: -3rem !important;
    }

    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .my-xxl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xxl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .mt-xxl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xxl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important;
    }

    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xxl-n5 {
        margin-bottom: -3rem !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.375rem !important;
    }

    .fs-2 {
        font-size: 2rem !important;
    }

    .fs-3 {
        font-size: 1.625rem !important;
    }

    .fs-4 {
        font-size: 1.375rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

.zindex-1 {
    z-index: 1 !important;
}

.zindex-2 {
    z-index: 2 !important;
}

.zindex-3 {
    z-index: 3 !important;
}

.zindex-4 {
    z-index: 4 !important;
}

.zindex-5 {
    z-index: 5 !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border-end {
    border-right: 1px solid #d4d8dd !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-start {
    border-left: 1px solid #d4d8dd !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.rounded-start-top {
    border-top-left-radius: 0.25rem !important;
}

.rounded-start-bottom {
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-end-top {
    border-top-right-radius: 0.25rem !important;
}

.rounded-end-bottom {
    border-bottom-right-radius: 0.25rem !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -3rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.rotate-0 {
    transform: rotate(0deg) !important;
}

.rotate-90 {
    transform: rotate(90deg) !important;
}

.rotate-180 {
    transform: rotate(180deg) !important;
}

.rotate-270 {
    transform: rotate(270deg) !important;
}

.rotate-n90 {
    transform: rotate(-90deg) !important;
}

.rotate-n180 {
    transform: rotate(-180deg) !important;
}

.rotate-n270 {
    transform: rotate(-270deg) !important;
}

.scaleX-n1 {
    transform: scaleX(-1) !important;
}

.scaleY-n1 {
    transform: scaleY(-1) !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .me-sm-n3 {
        margin-right: -1rem !important;
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .me-sm-n5 {
        margin-right: -3rem !important;
    }

    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-sm-n3 {
        margin-left: -1rem !important;
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-sm-n5 {
        margin-left: -3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1110px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .me-md-n1 {
        margin-right: -0.25rem !important;
    }

    .me-md-n2 {
        margin-right: -0.5rem !important;
    }

    .me-md-n3 {
        margin-right: -1rem !important;
    }

    .me-md-n4 {
        margin-right: -1.5rem !important;
    }

    .me-md-n5 {
        margin-right: -3rem !important;
    }

    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-md-n3 {
        margin-left: -1rem !important;
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-md-n5 {
        margin-left: -3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .me-lg-n3 {
        margin-right: -1rem !important;
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .me-lg-n5 {
        margin-right: -3rem !important;
    }

    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-lg-n3 {
        margin-left: -1rem !important;
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-lg-n5 {
        margin-left: -3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .me-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xl-n3 {
        margin-right: -1rem !important;
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .me-xl-n5 {
        margin-right: -3rem !important;
    }

    .ms-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xl-n3 {
        margin-left: -1rem !important;
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-xl-n5 {
        margin-left: -3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .me-xxl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xxl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xxl-n3 {
        margin-right: -1rem !important;
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important;
    }

    .me-xxl-n5 {
        margin-right: -3rem !important;
    }

    .ms-xxl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xxl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important;
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-xxl-n5 {
        margin-left: -3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }
}

body {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "liga" on;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1110px) {
    button.list-group-item {
        outline: none;
    }
}

.app-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(38, 60, 85, 0.5);
    visibility: hidden;
    z-index: 3;
    transition: all 0.25s ease;
}

    .app-overlay.show {
        visibility: visible;
    }

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 992px) {
    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        padding-right: 1.875rem;
        padding-left: 1.875rem;
    }
}

.img-thumbnail {
    position: relative;
    display: block;
}

    .img-thumbnail img {
        z-index: 1;
    }

.img-thumbnail-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: translate(-50%, -50%);
}

.img-thumbnail:hover .img-thumbnail-content, .img-thumbnail:focus .img-thumbnail-content {
    opacity: 1;
}

.img-thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    transition: all 0.2s ease-in-out;
}

.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay {
    opacity: 0 !important;
}

.img-thumbnail-shadow {
    transition: box-shadow 0.2s;
}

    .img-thumbnail-shadow:hover, .img-thumbnail-shadow:focus {
        box-shadow: 0 5px 20px rgba(38, 60, 85, 0.4);
    }

.img-thumbnail-zoom-in {
    overflow: hidden;
}

    .img-thumbnail-zoom-in img {
        transition: all 0.3s ease-in-out;
        transform: translate3d(0);
    }

    .img-thumbnail-zoom-in .img-thumbnail-content {
        transform: translate(-50%, -50%) scale(0.6);
    }

    .img-thumbnail-zoom-in:hover img, .img-thumbnail-zoom-in:focus img {
        transform: scale(1.1);
    }

    .img-thumbnail-zoom-in:hover .img-thumbnail-content, .img-thumbnail-zoom-in:focus .img-thumbnail-content {
        transform: translate(-50%, -50%) scale(1);
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .card,
    .card-body,
    .media,
    .flex-column,
    .tab-content {
        min-height: 1px;
    }

    img {
        min-height: 1px;
        height: auto;
    }
}

.buy-now .btn-buy-now {
    position: fixed;
    bottom: 3rem;
    right: 1.875rem;
    z-index: 999999;
    box-shadow: 0 1px 20px 1px #ff5b5c;
}

    .buy-now .btn-buy-now:hover {
        box-shadow: none;
    }

.ui-square,
.ui-rect,
.ui-rect-30,
.ui-rect-60,
.ui-rect-67,
.ui-rect-75 {
    position: relative !important;
    display: block !important;
    padding-top: 100% !important;
    width: 100% !important;
}

.ui-square {
    padding-top: 100% !important;
}

.ui-rect {
    padding-top: 50% !important;
}

.ui-rect-30 {
    padding-top: 30% !important;
}

.ui-rect-60 {
    padding-top: 60% !important;
}

.ui-rect-67 {
    padding-top: 67% !important;
}

.ui-rect-75 {
    padding-top: 75% !important;
}

.ui-square-content,
.ui-rect-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.text-strike-through {
    text-decoration: line-through;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ui-stars,
.ui-star,
.ui-star > * {
    height: 1.1em;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.ui-stars {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.ui-star {
    position: relative;
    display: block;
    float: left;
    width: 1.1em;
    height: 1.1em;
    text-decoration: none !important;
    font-size: 1.1em;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .ui-star + .ui-star {
        margin-left: -0.1em;
    }

    .ui-star > *,
    .ui-star > *::before,
    .ui-star > *::after {
        position: absolute;
        left: 0.55em;
        height: 100%;
        font-size: 1em;
        line-height: 1;
        transform: translateX(-50%);
    }

    .ui-star > * {
        top: 0;
        width: 100%;
        text-align: center;
    }

        .ui-star > *:first-child {
            z-index: 10;
            display: none;
            overflow: hidden;
            color: #fdac41;
        }

        .ui-star > *:last-child {
            z-index: 5;
            display: block;
        }

    .ui-star.half-filled > *:first-child {
        width: 50%;
        transform: translateX(-100%);
    }

    .ui-star.filled > *:first-child, .ui-star.half-filled > *:first-child {
        display: block;
    }

    .ui-star.filled > *:last-child {
        display: none;
    }

.ui-stars.hoverable .ui-star > *:first-child {
    display: block;
}

.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.filled) ~ .ui-star > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.half-filled) ~ .ui-star > *:first-child {
    display: none;
}

.ui-stars.hoverable .ui-star.filled > *:first-child,
.ui-stars.hoverable .ui-star.half-filled > *:first-child {
    display: block !important;
}

.ui-stars.hoverable:hover .ui-star > *:first-child {
    display: block !important;
    width: 100% !important;
    transform: translateX(-50%) !important;
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child {
    display: none !important;
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child {
    display: block !important;
}

.ui-bg-cover {
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-size: cover;
}

.ui-bg-overlay-container,
.ui-bg-video-container {
    position: relative;
}

    .ui-bg-overlay-container > *,
    .ui-bg-video-container > * {
        position: relative;
    }

    .ui-bg-overlay-container .ui-bg-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
    }

.light-style .ui-bordered {
    border: 1px solid #d4d8dd;
}

.light-style .ui-star > *:last-child {
    color: rgba(38, 60, 85, 0.2);
}

.layout-container {
    min-height: 100vh;
}

.layout-wrapper,
.layout-container {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
}

.layout-menu-offcanvas .layout-wrapper,
.layout-menu-fixed-offcanvas .layout-wrapper {
    overflow: hidden;
}

.layout-wrapper:not(.layout-horizontal) .breadcrumb-wrapper {
    padding-top: 0 !important;
}

.layout-menu-offcanvas .layout-navbar .layout-menu-toggle,
.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle {
    display: block !important;
}

@media (min-width: 1200px) {
    .layout-menu-offcanvas .layout-menu .layout-menu-toggle,
    .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle {
        display: none;
    }
}

.layout-page,
.content-wrapper,
.content-wrapper > *,
.layout-menu {
    min-height: 1px;
}

.layout-navbar,
.content-footer {
    flex: 0 0 auto;
}

.layout-page {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    padding: 0;
}

.layout-without-menu .layout-page {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.content-wrapper {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
}

    .content-wrapper .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
        padding-top: 1.15rem !important;
    }

.content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #263c55;
}

    .content-backdrop.fade {
        opacity: 0;
    }

    .content-backdrop.show {
        opacity: 0.5;
    }

.layout-menu-fixed .content-backdrop {
    z-index: 10;
}

.layout-horizontal .content-backdrop:not(.fade) {
    z-index: 9;
}

.content-backdrop.fade {
    z-index: -1;
}

.layout-navbar {
    position: relative;
    padding-top: 0.25rem;
    padding-bottom: 0.2rem;
    height: 3.875rem;
    flex-wrap: nowrap;
    color: #677788;
    z-index: 2;
}

    .layout-navbar .navbar {
        transform: translate3d(0, 0, 0);
    }

    .layout-navbar .navbar-nav-right {
        flex-basis: 100%;
    }

    .layout-navbar .navbar-search-wrapper .search-input,
    .layout-navbar .navbar-search-wrapper .input-group-text {
        background-color: transparent;
    }

.layout-horizontal .layout-navbar .navbar-search-wrapper .search-input,
.layout-horizontal .layout-navbar .navbar-search-wrapper .search-toggler {
    background-color: #fff !important;
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion {
    max-height: 28rem;
    border-radius: 0.5rem;
}

    .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion {
        color: #677788;
    }

        .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active {
            background: #f2f2f6;
            color: #677788;
        }

    .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header {
        font-weight: 700;
    }

.layout-navbar .search-input-wrapper .search-toggler {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    z-index: 1;
}

.layout-navbar .search-input-wrapper .twitter-typeahead {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px) {
    .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        left: calc((100% - 1440px) * 0.5);
    }

        .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
            right: calc((100% - 1440px + 5rem) * 0.5);
        }
}

.layout-navbar .search-input-wrapper .search-input {
    height: 100%;
    box-shadow: none;
}

.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    left: 2% !important;
    width: 96%;
}

.layout-navbar .navbar-dropdown .badge-notifications {
    top: 0.5rem;
    padding: 0.2rem 0.4rem;
}

.layout-navbar .navbar-dropdown .dropdown-menu {
    min-width: 22rem;
    overflow: hidden;
}

    .layout-navbar .navbar-dropdown .dropdown-menu .last-login {
        white-space: normal;
    }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-height: 27.5rem;
}

    .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
        padding: 1rem;
        cursor: pointer;
    }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions {
            text-align: center;
        }

            .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a {
                display: block;
            }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span {
            color: #677788;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive {
            visibility: hidden;
        }

            .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span {
                background-color: #69809a;
            }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
            visibility: hidden;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive {
            visibility: visible;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
            visibility: visible;
        }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list {
    max-height: 27.5rem;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
    text-align: center;
    padding: 1.5rem;
}

    .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover {
        background-color: rgba(38, 60, 85, 0.06);
    }

    .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
        height: 3.125rem;
        width: 3.125rem;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a,
    .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
        display: block;
        margin-bottom: 0;
        color: #677788 !important;
        font-weight: 600;
    }

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu {
    min-width: 14rem;
}

.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text,
.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute;
    }

        .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login {
            white-space: nowrap;
        }
}

@media (max-width: 767.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown {
        position: static;
        float: left;
    }

        .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications {
            top: auto;
        }

        .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
            position: absolute;
            left: 0.9rem;
            min-width: auto;
            width: 92%;
        }
}

@media (max-width: 1199.98px) {
    .layout-navbar {
        z-index: 1080;
    }
}

.layout-menu {
    position: relative;
    flex: 1 0 auto;
}

    .layout-menu .menu {
        transform: translate3d(0, 0, 0);
    }

    .layout-menu .menu-vertical {
        height: 100%;
    }

.layout-front .app-content {
    min-height: calc(100vh - 8rem);
}

.navbar-collapse-header {
    display: none;
}

@media (max-width: 991.98px) {
    .navbar-front .navbar-collapse-header {
        display: block;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .navbar-front .navbar-collapse {
        position: absolute;
        z-index: 1090;
        top: 0;
        right: 0;
        left: 0;
        overflow-y: auto;
        width: calc(100% - (0.5rem * 2));
        height: auto !important;
        margin: 0.5rem;
    }

        .navbar-front .navbar-collapse.collapsing, .navbar-front .navbar-collapse.show {
            padding: 1.375rem;
            border-radius: 0.25rem;
            background: #fff;
            box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
        }
}

.layout-content-navbar .layout-page {
    flex-basis: 100%;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.layout-content-navbar .content-wrapper {
    width: 100%;
}

.layout-navbar-full .layout-container {
    flex-direction: column;
}

@media (min-width: 1200px) {
    .layout-navbar-full:not(.layout-horizontal) .menu-inner {
        margin-top: 0.75rem;
    }
}

.layout-navbar-full .content-wrapper {
    flex-basis: 100%;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.layout-navbar-full .content-backdrop.show {
    z-index: 9;
}

.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show {
    z-index: 1076;
}

.layout-menu-flipped .layout-navbar-full .layout-page {
    flex-direction: row-reverse;
}

.layout-menu-flipped .layout-content-navbar .layout-container {
    flex-direction: row-reverse;
}

.layout-menu-toggle {
    display: block;
}

    .layout-menu-toggle .menu-toggle-icon:before {
        content: "\ed06";
    }

.layout-menu-collapsed .layout-menu-toggle .menu-toggle-icon:before {
    content: "\ecbf";
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
        width: 5rem;
    }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item {
            width: 3.124rem;
        }

            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link {
                padding-left: 0.938rem;
            }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
            position: relative;
            margin-left: 0.938rem;
            padding-right: 1.376rem;
            padding-left: 0.5rem;
            width: 16.25rem;
            text-indent: -9999px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text {
                overflow: hidden;
                opacity: 0;
            }

            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
                content: "";
                position: absolute;
                left: 1.062rem;
                display: block;
                width: 1.25rem;
                text-align: center;
                top: 1.1875rem;
                height: 0.125rem;
            }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block),
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 0;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub {
            display: none;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after {
            display: none;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon {
            margin-left: -1.876rem;
            width: 5rem;
            text-align: center;
            margin-right: 0;
        }

    .layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-right: -11.25rem;
    }

    .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        margin-left: -11.25rem;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-right: -16.25rem;
        transform: translateX(-100%);
    }

    .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu {
        margin-right: 0;
        margin-left: -16.25rem;
        transform: translateX(100%);
    }
}

@media (min-width: 1200px) {
    .layout-menu-fixed .layout-menu,
    .layout-menu-fixed-offcanvas .layout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .layout-menu-fixed.layout-menu-flipped .layout-menu,
    .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu {
        right: 0;
        left: auto;
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(-100%);
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        transform: translateX(100%);
    }

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-left: 16.25rem;
    }

    .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page {
        padding-right: 16.25rem;
        padding-left: 0;
    }

    .layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-left: 5rem;
    }

    .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
        padding-right: 5rem;
        padding-left: 0;
    }
}

html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page,
html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page {
    padding-top: 0 !important;
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-bottom: 0 !important;
}

@media (max-width: 1199.98px) {
    .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu {
        top: 0 !important;
    }

    html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page {
        padding-top: 0 !important;
    }
}

.layout-navbar-fixed .layout-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

    .layout-navbar-fixed .layout-navbar.navbar-elevated {
        box-shadow: 6px 4px 30px 0 rgba(38, 60, 85, 0.12);
    }

@media (min-width: 1200px) {
    .layout-menu-fixed .layout-navbar-full .layout-navbar,
    .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 16.25rem;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 16.25rem;
        left: 0;
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        left: 5rem;
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar {
        right: 5rem;
        left: 0;
    }
}

.layout-footer-fixed .content-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 16.25rem;
    }

    .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 16.25rem;
        left: 0;
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 5rem;
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 5rem;
        left: 0;
    }
}

@media (max-width: 1199.98px) {
    .layout-menu {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: translate3d(-100%, 0, 0);
        will-change: transform, -webkit-transform;
    }

    .layout-menu-flipped .layout-menu {
        right: 0 !important;
        left: auto !important;
        transform: translate3d(100%, 0, 0);
    }

    .layout-menu-expanded .layout-menu {
        transform: translate3d(0, 0, 0) !important;
    }

    .layout-menu-expanded body {
        overflow: hidden;
    }

    .layout-overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100% !important;
        left: 0;
        display: none;
        background: #263c55;
        opacity: 0.5;
        cursor: pointer;
    }

    .layout-menu-expanded .layout-overlay {
        display: block;
    }

    .layout-menu-100vh .layout-menu,
    .layout-menu-100vh .layout-overlay {
        height: 100vh !important;
    }

    .drag-target {
        height: 100%;
        width: 40px;
        position: fixed;
        top: 0;
        left: 0px;
        z-index: 1036;
    }
}

.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar,
.layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar,
.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-navbar {
    z-index: 1080;
}

.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar,
.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar,
.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar {
    z-index: 1075;
}

.layout-footer-fixed .content-footer {
    z-index: 1030;
    box-shadow: 6px 4px 30px 0 rgba(38, 60, 85, 0.12);
}

.layout-menu-horizontal {
    z-index: 9;
}

@media (max-width: 1199.98px) {
    .layout-menu {
        z-index: 1100;
    }

    .layout-overlay {
        z-index: 1099;
    }
}

@media (min-width: 1200px) {
    .layout-navbar-full .layout-navbar {
        z-index: 10;
    }

    .layout-navbar-full .layout-menu {
        z-index: 9;
    }

    .layout-content-navbar .layout-navbar {
        z-index: 9;
    }

    .layout-content-navbar .layout-menu {
        z-index: 10;
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu {
        z-index: 1075 !important;
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu {
        z-index: 1085 !important;
    }

    .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu {
        z-index: 1075;
    }

    .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu {
        z-index: 1080;
    }
}

.layout-menu-link-no-transition .layout-menu .menu-link,
.layout-menu-link-no-transition .layout-menu-horizontal .menu-link {
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}

.layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item,
.layout-no-transition .layout-menu-horizontal,
.layout-no-transition .layout-menu-horizontal .menu,
.layout-no-transition .layout-menu-horizontal .menu-item {
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}

@media (max-width: 1199.98px) {
    .layout-transitioning .layout-overlay {
        -webkit-animation: menuAnimation 0.3s;
        animation: menuAnimation 0.3s;
    }

    .layout-transitioning .layout-menu {
        transition-duration: 0.3s;
        transition-property: transform;
    }
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, width;
    }

    .layout-transitioning.layout-menu-offcanvas .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, transform;
    }

    .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page {
        transition-duration: 0.3s;
        transition-property: padding-left, padding-right;
    }

    .layout-transitioning.layout-menu-fixed .layout-menu {
        transition: width 0.3s;
    }

    .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu {
        transition-duration: 0.3s;
        transition-property: transform;
    }

    .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer {
        transition-duration: 0.3s;
        transition-property: left, right;
    }

    .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, width;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .menu,
    .layout-menu,
    .layout-page,
    .layout-navbar,
    .content-footer {
        transition: none !important;
        transition-duration: 0s !important;
    }

    .layout-overlay {
        -webkit-animation: none !important;
        animation: none !important;
    }
}

@-webkit-keyframes menuAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes menuAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center;
}

.app-brand-link {
    display: flex;
    align-items: center;
}

.app-brand-logo {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 1px;
}

    .app-brand-logo img,
    .app-brand-logo svg {
        display: block;
    }

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.app-brand-img-collapsed {
    display: none;
}

.app-brand .layout-menu-toggle {
    display: block;
}

html:not([dir=rtl]) .menu-vertical .app-brand {
    padding-right: 1.25rem;
    padding-left: 1.5rem;
}

[dir=rtl] .menu-vertical .app-brand {
    padding-right: 1.5rem;
    padding-left: 1.25rem;
}

.menu-horizontal .app-brand,
.menu-horizontal .app-brand + .menu-divider {
    display: none !important;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand {
    width: 5rem;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo,
:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link,
:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text {
    margin-right: auto;
    margin-left: auto;
}

    :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo ~ .app-brand-text,
    :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0;
    }

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img {
    display: none;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed {
    display: block;
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
        width: 5rem;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text {
        margin-right: auto;
        margin-left: auto;
    }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo ~ .app-brand-text,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 0;
        }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img {
        display: none;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed {
        display: block;
    }
}

.custom-option {
    padding-left: 0;
    border: 1px solid #d4d8dd;
    border-radius: 0.25rem;
}

    .custom-option:hover {
        border: 1px solid #bec5cc;
    }

    .custom-option.custom-option-image {
        border-width: 2px !important;
    }

        .custom-option.custom-option-image:hover {
            border-width: 2px !important;
        }

        .custom-option.custom-option-image .custom-option-body img {
            border-radius: 0.25rem;
        }

    .custom-option .custom-option-content {
        cursor: pointer;
        width: 100%;
    }

.custom-option-basic .custom-option-content {
    padding: 1em;
    padding-left: 2.7em;
}

    .custom-option-basic .custom-option-content .form-check-input {
        margin-top: 0;
    }

.custom-option-basic .custom-option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.25rem;
}

.custom-option-icon .custom-option-content {
    text-align: center;
    padding: 1em;
}

.custom-option-icon .custom-option-body {
    display: block;
    margin-bottom: 0.5rem;
}

    .custom-option-icon .custom-option-body i {
        font-size: 2rem;
        margin-bottom: 0.25rem;
        display: block;
    }

    .custom-option-icon .custom-option-body svg {
        height: 38px;
        width: 38px;
        margin-bottom: 0.25rem;
    }

    .custom-option-icon .custom-option-body .custom-option-title {
        display: block;
        font-family: Tahoma, "Rubik", "Times New Roman", serif;
        font-size: 0.9375rem;
        font-weight: 500;
        color: #516377;
    }

.custom-option-icon .form-check-input {
    float: none !important;
    margin: 0 !important;
}

.custom-option-image {
    border-width: 2px;
}

    .custom-option-image .custom-option-content {
        padding: 0;
    }

    .custom-option-image .custom-option-body img {
        height: 100%;
        width: 100%;
    }

    .custom-option-image.custom-option-image-radio .form-check-input {
        display: none;
    }

    .custom-option-image.custom-option-image-check {
        position: relative;
    }

        .custom-option-image.custom-option-image-check .form-check-input {
            position: absolute;
            top: 10px;
            right: 10px;
            margin: 0;
            border: 0;
            opacity: 0;
        }

            .custom-option-image.custom-option-image-check .form-check-input:checked {
                opacity: 1;
            }

        .custom-option-image.custom-option-image-check:hover .form-check-input {
            border: inherit;
            border-width: 1px;
            opacity: 1;
        }

.switch {
    margin-right: 0.75rem;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 30rem;
    min-height: 1.35rem;
    font-size: 0.9375rem;
    line-height: 1.4;
}

    .switch .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch .switch-input ~ .switch-label {
        padding-left: 3rem;
    }

    .switch .switch-toggle-slider {
        width: 2.5rem;
        height: 1.35rem;
        font-size: 0.625rem;
        line-height: 1.35rem;
        border: 1px solid transparent;
        top: 0;
    }

        .switch .switch-toggle-slider i {
            position: relative;
            font-size: 0.9375rem;
            top: -1.35px;
        }

    .switch .switch-label {
        top: 0.01875rem;
    }

    .switch .switch-input:checked ~ .switch-toggle-slider::after {
        left: 1.15rem;
    }

    .switch .switch-toggle-slider::after {
        top: -1px;
        margin: 0.25rem 0 0 0.25rem;
        width: 13px;
        height: 13px;
    }

    .switch .switch-on {
        padding-left: 0.25rem;
        padding-right: 1.1rem;
    }

    .switch .switch-off {
        padding-left: 1.1rem;
        padding-right: 0.25rem;
    }

.switch-input {
    opacity: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: -1;
}

.switch-toggle-slider {
    position: absolute;
    overflow: hidden;
    border-radius: 30rem;
    background: #e9ecee;
    color: #677788;
    transition-duration: 0.2s;
    transition-property: left, right, background, box-shadow;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.switch-label {
    display: inline-block;
    font-weight: 400;
    color: #677788;
    position: relative;
    cursor: default;
}

.switch-off,
.switch-on {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    transition-duration: 0.2s;
    transition-property: left, right;
}

.switch-on {
    left: -100%;
}

.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on {
    color: transparent;
}

.switch-off {
    left: 0;
}

.switch-input:checked ~ .switch-toggle-slider .switch-on {
    left: 0;
}

.switch-input:checked ~ .switch-toggle-slider .switch-off {
    left: 100%;
    color: transparent;
}

.switch-toggle-slider::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.2);
    transition-duration: 0.2s;
    transition-property: left, right, background;
}

.switches-stacked::after {
    display: block;
    clear: both;
    content: "";
}

.switches-stacked .switch {
    display: block;
    margin-right: 0;
}

    .switches-stacked .switch:not(:last-child) {
        margin-bottom: 0.75rem;
    }

.switch-square,
.switch-square .switch-toggle-slider {
    border-radius: 0.25rem;
}

    .switch-square .switch-toggle-slider::after {
        border-radius: calc(0.25rem - 2px);
    }

.switch-input:disabled ~ .switch-toggle-slider {
    opacity: 0.65;
}

    .switch-input:disabled ~ .switch-toggle-slider::after {
        box-shadow: none;
    }

.switch-input:disabled ~ .switch-label {
    color: #a8b1bb;
}

.switch-sm {
    min-height: 1.125rem;
    font-size: 0.813rem;
    line-height: 1.48;
}

    .switch-sm .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch-sm .switch-input ~ .switch-label {
        padding-left: 2.5rem;
    }

    .switch-sm .switch-toggle-slider {
        width: 2rem;
        height: 1.125rem;
        font-size: 0.625rem;
        line-height: 1.125rem;
        border: 1px solid transparent;
        top: 0.03912rem;
    }

        .switch-sm .switch-toggle-slider i {
            position: relative;
            font-size: 0.813rem;
            top: -2px;
        }

    .switch-sm .switch-label {
        top: 0;
    }

    .switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
        left: 0.875rem;
    }

    .switch-sm .switch-toggle-slider::after {
        top: -1px;
        margin: 0.25rem 0 0 0.25rem;
        width: 10px;
        height: 10px;
    }

    .switch-sm .switch-on {
        padding-left: 0.25rem;
        padding-right: 0.875rem;
    }

    .switch-sm .switch-off {
        padding-left: 0.875rem;
        padding-right: 0.25rem;
    }

.switch-lg {
    min-height: 1.75rem;
    font-size: 1.063rem;
    line-height: 1.47;
}

    .switch-lg .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch-lg .switch-input ~ .switch-label {
        padding-left: 3.75rem;
    }

    .switch-lg .switch-toggle-slider {
        width: 3.25rem;
        height: 1.75rem;
        font-size: 0.625rem;
        line-height: 1.75rem;
        border: 1px solid transparent;
        top: 0;
    }

        .switch-lg .switch-toggle-slider i {
            position: relative;
            font-size: 1.063rem;
            top: -2px;
        }

    .switch-lg .switch-label {
        top: 0.093695rem;
    }

    .switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
        left: 1.5rem;
    }

    .switch-lg .switch-toggle-slider::after {
        top: -1px;
        margin: 0.25rem 0 0 0.25rem;
        width: 20px;
        height: 20px;
    }

    .switch-lg .switch-on {
        padding-left: 0.25rem;
        padding-right: 1.5rem;
    }

    .switch-lg .switch-off {
        padding-left: 1.5rem;
        padding-right: 0.25rem;
    }

.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #69809a;
    color: #fff;
}

.switch-secondary.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-secondary.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-success.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #39da8a;
    color: #fff;
}

.switch-success.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-success.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-info.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #00cfdd;
    color: #fff;
}

.switch-info.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-info.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #fdac41;
    color: #fff;
}

.switch-warning.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-warning.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #ff5b5c;
    color: #fff;
}

.switch-danger.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-danger.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #495563;
    color: #fff;
}

.switch-dark.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-dark.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(38, 60, 85, 0.5);
    color: #fff;
}

.switch-gray.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-gray.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch .valid-feedback,
.switch .invalid-feedback {
    padding-left: 0.5rem;
}

.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label {
    color: #39da8a;
}

.was-validated .switch-input:valid ~ .valid-feedback,
.was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback,
.switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback,
.switch-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .switch-input:valid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-valid ~ .switch-toggle-slider {
    border: 1px solid #39da8a !important;
}

.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-valid:checked ~ .switch-toggle-slider {
    background: #39da8a;
    color: #fff;
}

.was-validated .switch-input:valid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-valid:focus ~ .switch-toggle-slider {
    box-shadow: none;
}

.was-validated .switch-input:valid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-valid:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label {
    color: #ff5b5c;
}

.was-validated .switch-input:invalid ~ .invalid-feedback,
.was-validated .switch-input:invalid ~ .invalid-tooltip, .switch-input.invalid ~ .invalid-feedback,
.switch-input.invalid ~ .invalid-tooltip, .switch-input.is-invalid ~ .invalid-feedback,
.switch-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .switch-input:invalid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-invalid ~ .switch-toggle-slider {
    border: 1px solid #ff5b5c !important;
}

.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-invalid:checked ~ .switch-toggle-slider {
    background: #ff5b5c;
    color: #fff;
}

.was-validated .switch-input:invalid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-invalid:focus ~ .switch-toggle-slider {
    box-shadow: none;
}

.was-validated .switch-input:invalid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-invalid:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.avatar {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer;
}

    .avatar img {
        width: 100%;
        height: 100%;
    }

    .avatar .avatar-initial {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #69809a;
        font-weight: 600;
    }

    .avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 3px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        box-shadow: 0 0 0 2px #fff;
    }

    .avatar.avatar-online:after {
        background-color: #39da8a;
    }

    .avatar.avatar-offline:after {
        background-color: #69809a;
    }

    .avatar.avatar-away:after {
        background-color: #fdac41;
    }

    .avatar.avatar-busy:after {
        background-color: #ff5b5c;
    }

.pull-up {
    transition: all 0.25s ease;
}

    .pull-up:hover {
        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
        z-index: 30;
        border-radius: 50%;
    }

.avatar-xs {
    width: 1.625rem;
    height: 1.625rem;
}

    .avatar-xs .avatar-initial {
        font-size: 0.625rem;
    }

    .avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after {
        width: 0.325rem;
        height: 0.325rem;
        right: 1px;
    }

.avatar-sm {
    width: 2rem;
    height: 2rem;
}

    .avatar-sm .avatar-initial {
        font-size: 0.75rem;
    }

    .avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after {
        width: 0.4rem;
        height: 0.4rem;
        right: 2px;
    }

.avatar-md {
    width: 3rem;
    height: 3rem;
}

    .avatar-md .avatar-initial {
        font-size: 1.125rem;
    }

    .avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after {
        width: 0.6rem;
        height: 0.6rem;
        right: 4px;
    }

.avatar-lg {
    width: 4rem;
    height: 4rem;
}

    .avatar-lg .avatar-initial {
        font-size: 1.5rem;
    }

    .avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after {
        width: 0.8rem;
        height: 0.8rem;
        right: 5px;
    }

.avatar-xl {
    width: 4.5rem;
    height: 4.5rem;
}

    .avatar-xl .avatar-initial {
        font-size: 1.875rem;
    }

    .avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after {
        width: 0.9rem;
        height: 0.9rem;
        right: 6px;
    }

.avatar-group .avatar {
    transition: all 0.25s ease;
}

    .avatar-group .avatar img,
    .avatar-group .avatar .avatar-initial {
        border: 2px solid #fff;
    }

    .avatar-group .avatar .avatar-initial {
        background-color: #8799ae;
    }

    .avatar-group .avatar:hover {
        z-index: 30;
        transition: all 0.25s ease;
    }

.avatar-group .avatar {
    margin-left: -0.8rem;
}

    .avatar-group .avatar:first-child {
        margin-left: 0;
    }

.avatar-group .avatar-xs {
    margin-left: -0.65rem;
}

.avatar-group .avatar-sm {
    margin-left: -0.75rem;
}

.avatar-group .avatar-md {
    margin-left: -0.9rem;
}

.avatar-group .avatar-lg {
    margin-left: -1.5rem;
}

.avatar-group .avatar-xl {
    margin-left: -1.75rem;
}

.timeline {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none;
}

    .timeline::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        height: 100%;
        width: 1px;
        border: 0;
        border-left: 1px solid #d4d8dd;
        content: "";
    }

    .timeline .timeline-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }

        .timeline .timeline-header > *:first-child {
            margin-right: 0.5rem;
        }

    .timeline .timeline-end-indicator {
        position: absolute;
        bottom: -1.35rem;
        left: -0.65rem;
    }

        .timeline .timeline-end-indicator i {
            font-size: 1.5rem;
            color: #d4d8dd;
        }

    .timeline .timeline-label {
        position: relative;
        z-index: 2;
        display: block;
        text-align: left;
        margin-left: -1.5rem;
        margin-bottom: 1rem;
    }

    .timeline.timeline-solid:before {
        border-style: solid;
    }

    .timeline.timeline-dotted:before {
        border-style: dotted;
    }

    .timeline.timeline-dashed:before {
        border-style: dashed;
    }

    .timeline.timeline-hidden:before {
        border-style: none;
    }

    .timeline .timeline-item {
        position: relative;
        padding-left: 3rem;
    }

        .timeline .timeline-item .timeline-event {
            position: relative;
            top: -1rem;
            width: 100%;
            min-height: 4rem;
            background-color: #fff;
            border-radius: 0.25rem;
            padding: 1.25rem 1.5rem;
        }

            .timeline .timeline-item .timeline-event:before {
                position: absolute;
                top: 0.75rem;
                left: 32px;
                right: 100%;
                width: 0;
                height: 0;
                border-top: 1rem solid transparent;
                border-right: 1rem solid;
                border-left: 0 solid;
                border-bottom: 1rem solid transparent;
                border-left-color: #fff;
                border-right-color: #fff;
                margin-left: -3rem;
                content: "";
            }

            .timeline .timeline-item .timeline-event:after {
                position: absolute;
                top: 0.75rem;
                left: -17px;
                width: 0;
                height: 0;
                border-top: 1rem solid transparent;
                border-right: 1rem solid;
                border-left: 0 solid;
                border-bottom: 1rem solid transparent;
                border-left-color: #fff;
                border-right-color: #d4d8dd;
                z-index: -1;
            }

            .timeline .timeline-item .timeline-event.timeline-event-shadow {
                box-shadow: 0 0.5rem 1rem rgba(38, 60, 85, 0.075) !important;
            }

            .timeline .timeline-item .timeline-event .timeline-event-time {
                position: absolute;
                top: 1.2rem;
                font-size: 0.85rem;
                color: #a8b1bb;
            }

        .timeline .timeline-item .timeline-indicator {
            position: absolute;
            left: -0.6875rem;
            top: 0;
            z-index: 2;
            display: block;
            height: 1.5rem;
            width: 1.5rem;
            text-align: center;
            border-radius: 50%;
            border: 2px solid #5a8dee;
            background-color: #f2f2f6 !important;
        }

            .timeline .timeline-item .timeline-indicator i {
                color: #5a8dee;
                font-size: 0.85rem;
                vertical-align: baseline;
            }

        .timeline .timeline-item .timeline-point {
            position: absolute;
            left: -0.312rem;
            top: 0;
            z-index: 2;
            display: block;
            height: 0.75rem;
            width: 0.75rem;
            border-radius: 50%;
            background-color: #5a8dee;
        }

        .timeline .timeline-item.timeline-item-transparent .timeline-event {
            top: -1.4rem;
            background-color: transparent;
            padding-left: 0;
        }

            .timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow {
                padding-left: 2rem;
            }

            .timeline .timeline-item.timeline-item-transparent .timeline-event:before {
                display: none;
            }

    .timeline.timeline-center:before {
        left: 50%;
    }

    .timeline.timeline-center:after {
        left: 50%;
        margin-left: -0.55rem;
    }

    .timeline.timeline-center .timeline-end-indicator {
        bottom: -1.4rem;
        left: 50%;
        margin-left: 0.55rem;
    }

    .timeline.timeline-center .timeline-label {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        margin-left: auto;
        clear: left;
    }

        .timeline.timeline-center .timeline-label + .timeline-item {
            margin-top: 2rem;
        }

    .timeline.timeline-center .timeline-item {
        width: 50%;
        clear: both;
    }

        .timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) {
            float: left;
            padding-left: 0;
            padding-right: 3rem;
        }

            .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
                right: -9.5rem;
            }

            .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:before, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:before {
                right: -15px;
                left: auto;
                border-left-width: 16px;
                border-right-width: 0;
            }

            .timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
                left: 100%;
            }

        .timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) {
            float: right;
        }

            .timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event-time {
                left: -9.5rem;
            }

            .timeline.timeline-center .timeline-item.timeline-item-right .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
                left: 0;
            }

        .timeline.timeline-center .timeline-item .timeline-point {
            left: 50%;
            margin-left: -0.6875rem;
        }

        .timeline.timeline-center .timeline-item .timeline-point-indicator {
            left: 50%;
            margin-left: -0.3125rem;
        }

@media (min-width: 1110px) {
    .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator {
        left: calc(100% - (1.5rem/ 2));
    }

    .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:after, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:after {
        transform: rotate(180deg);
        right: -16px;
        left: auto;
    }
}

@media (max-width: 767.98px) {
    .timeline.timeline-center:before {
        left: 0;
    }

    .timeline.timeline-center:after {
        left: 0;
    }

    .timeline.timeline-center .timeline-end-indicator {
        left: -2px;
    }

    .timeline.timeline-center .timeline-label {
        text-align: left;
    }

    .timeline.timeline-center .timeline-item {
        float: left !important;
        width: 100%;
        padding-left: 3rem !important;
        padding-right: 0 !important;
    }

        .timeline.timeline-center .timeline-item .timeline-event:before {
            right: 100% !important;
            border-right-width: 1rem !important;
            border-left-width: 0 !important;
        }

        .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
            top: -1.7rem;
            left: 0 !important;
            right: auto !important;
        }

        .timeline.timeline-center .timeline-item .timeline-point {
            left: -0.7rem !important;
            margin-left: 0 !important;
        }

        .timeline.timeline-center .timeline-item .timeline-point-indicator {
            left: 0 !important;
            margin-left: -0.3125rem !important;
        }
}

@media (max-width: 575.98px) {
    .timeline .timeline-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.timeline .timeline-item-secondary .timeline-event {
    background-color: rgba(105, 128, 154, 0.1);
}

    .timeline .timeline-item-secondary .timeline-event:before {
        border-left-color: rgba(105, 128, 154, 0.1) !important;
        border-right-color: rgba(105, 128, 154, 0.1) !important;
    }

.timeline .timeline-point-secondary {
    background-color: #69809a !important;
    box-shadow: 0 0 0 0.1875rem rgba(105, 128, 154, 0.16);
}

.timeline .timeline-indicator-secondary {
    border-color: #69809a !important;
}

    .timeline .timeline-indicator-secondary i {
        color: #69809a !important;
    }

.timeline .timeline-item-success .timeline-event {
    background-color: rgba(57, 218, 138, 0.1);
}

    .timeline .timeline-item-success .timeline-event:before {
        border-left-color: rgba(57, 218, 138, 0.1) !important;
        border-right-color: rgba(57, 218, 138, 0.1) !important;
    }

.timeline .timeline-point-success {
    background-color: #39da8a !important;
    box-shadow: 0 0 0 0.1875rem rgba(57, 218, 138, 0.16);
}

.timeline .timeline-indicator-success {
    border-color: #39da8a !important;
}

    .timeline .timeline-indicator-success i {
        color: #39da8a !important;
    }

.timeline .timeline-item-info .timeline-event {
    background-color: rgba(0, 207, 221, 0.1);
}

    .timeline .timeline-item-info .timeline-event:before {
        border-left-color: rgba(0, 207, 221, 0.1) !important;
        border-right-color: rgba(0, 207, 221, 0.1) !important;
    }

.timeline .timeline-point-info {
    background-color: #00cfdd !important;
    box-shadow: 0 0 0 0.1875rem rgba(0, 207, 221, 0.16);
}

.timeline .timeline-indicator-info {
    border-color: #00cfdd !important;
}

    .timeline .timeline-indicator-info i {
        color: #00cfdd !important;
    }

.timeline .timeline-item-warning .timeline-event {
    background-color: rgba(253, 172, 65, 0.1);
}

    .timeline .timeline-item-warning .timeline-event:before {
        border-left-color: rgba(253, 172, 65, 0.1) !important;
        border-right-color: rgba(253, 172, 65, 0.1) !important;
    }

.timeline .timeline-point-warning {
    background-color: #fdac41 !important;
    box-shadow: 0 0 0 0.1875rem rgba(253, 172, 65, 0.16);
}

.timeline .timeline-indicator-warning {
    border-color: #fdac41 !important;
}

    .timeline .timeline-indicator-warning i {
        color: #fdac41 !important;
    }

.timeline .timeline-item-danger .timeline-event {
    background-color: rgba(255, 91, 92, 0.1);
}

    .timeline .timeline-item-danger .timeline-event:before {
        border-left-color: rgba(255, 91, 92, 0.1) !important;
        border-right-color: rgba(255, 91, 92, 0.1) !important;
    }

.timeline .timeline-point-danger {
    background-color: #ff5b5c !important;
    box-shadow: 0 0 0 0.1875rem rgba(255, 91, 92, 0.16);
}

.timeline .timeline-indicator-danger {
    border-color: #ff5b5c !important;
}

    .timeline .timeline-indicator-danger i {
        color: #ff5b5c !important;
    }

.timeline .timeline-item-dark .timeline-event {
    background-color: rgba(73, 85, 99, 0.1);
}

    .timeline .timeline-item-dark .timeline-event:before {
        border-left-color: rgba(73, 85, 99, 0.1) !important;
        border-right-color: rgba(73, 85, 99, 0.1) !important;
    }

.timeline .timeline-point-dark {
    background-color: #495563 !important;
    box-shadow: 0 0 0 0.1875rem rgba(73, 85, 99, 0.16);
}

.timeline .timeline-indicator-dark {
    border-color: #495563 !important;
}

    .timeline .timeline-indicator-dark i {
        color: #495563 !important;
    }

.timeline .timeline-item-gray .timeline-event {
    background-color: rgba(38, 60, 85, 0.1);
}

    .timeline .timeline-item-gray .timeline-event:before {
        border-left-color: rgba(38, 60, 85, 0.1) !important;
        border-right-color: rgba(38, 60, 85, 0.1) !important;
    }

.timeline .timeline-point-gray {
    background-color: rgba(38, 60, 85, 0.5) !important;
    box-shadow: 0 0 0 0.1875rem rgba(38, 60, 85, 0.16);
}

.timeline .timeline-indicator-gray {
    border-color: rgba(38, 60, 85, 0.5) !important;
}

    .timeline .timeline-indicator-gray i {
        color: rgba(38, 60, 85, 0.5) !important;
    }

.blockUI.blockOverlay, .blockUI.blockMsg {
    z-index: 1091 !important;
    color: #fff !important;
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}

    .divider .divider-text {
        position: relative;
        display: inline-block;
        font-size: 0.8rem;
        padding: 0rem 1rem;
    }

        .divider .divider-text i {
            font-size: 1rem;
        }

        .divider .divider-text:before, .divider .divider-text:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 100vw;
            border-top: 1px solid #d4d8dd;
        }

        .divider .divider-text:before {
            right: 100%;
        }

        .divider .divider-text:after {
            left: 100%;
        }

    .divider.text-start .divider-text {
        padding-left: 0;
    }

    .divider.text-end .divider-text {
        padding-right: 0;
    }

    .divider.text-start-center .divider-text {
        left: -25%;
    }

    .divider.text-end-center .divider-text {
        right: -25%;
    }

    .divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
        border-style: dotted;
        border-width: 0 1px 1px;
        border-color: #d4d8dd;
    }

    .divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
        border-style: dashed;
        border-width: 0 1px 1px;
        border-color: #d4d8dd;
    }

    .divider.divider.divider-secondary .divider-text:before, .divider.divider.divider-secondary .divider-text:after {
        border-color: #69809a;
    }

    .divider.divider.divider-success .divider-text:before, .divider.divider.divider-success .divider-text:after {
        border-color: #39da8a;
    }

    .divider.divider.divider-info .divider-text:before, .divider.divider.divider-info .divider-text:after {
        border-color: #00cfdd;
    }

    .divider.divider.divider-warning .divider-text:before, .divider.divider.divider-warning .divider-text:after {
        border-color: #fdac41;
    }

    .divider.divider.divider-danger .divider-text:before, .divider.divider.divider-danger .divider-text:after {
        border-color: #ff5b5c;
    }

    .divider.divider.divider-dark .divider-text:before, .divider.divider.divider-dark .divider-text:after {
        border-color: #495563;
    }

    .divider.divider.divider-gray .divider-text:before, .divider.divider.divider-gray .divider-text:after {
        border-color: rgba(38, 60, 85, 0.5);
    }

.footer-link {
    display: inline-block;
}

.footer-light {
    color: rgba(38, 60, 85, 0.5);
}

    .footer-light .footer-text {
        color: #677788;
    }

    .footer-light .footer-link {
        color: rgba(38, 60, 85, 0.5);
    }

        .footer-light .footer-link:hover, .footer-light .footer-link:focus {
            color: #677788;
        }

        .footer-light .footer-link.disabled {
            color: rgba(38, 60, 85, 0.3) !important;
        }

        .footer-light .show > .footer-link,
        .footer-light .active > .footer-link,
        .footer-light .footer-link.show,
        .footer-light .footer-link.active {
            color: #677788;
        }

    .footer-light hr {
        border-color: rgba(0, 0, 0, 0.06);
    }

.footer-dark {
    color: rgba(255, 255, 255, 0.8);
}

    .footer-dark .footer-text {
        color: #fff;
    }

    .footer-dark .footer-link {
        color: rgba(255, 255, 255, 0.8);
    }

        .footer-dark .footer-link:hover, .footer-dark .footer-link:focus {
            color: #fff;
        }

        .footer-dark .footer-link.disabled {
            color: rgba(255, 255, 255, 0.4) !important;
        }

        .footer-dark .show > .footer-link,
        .footer-dark .active > .footer-link,
        .footer-dark .footer-link.show,
        .footer-dark .footer-link.active {
            color: #fff;
        }

    .footer-dark hr {
        border-color: rgba(255, 255, 255, 0.2);
    }

.bg-facebook {
    background-color: #3b5998 !important;
}

a.bg-facebook:hover, a.bg-facebook:focus {
    background-color: #385590 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #3b5998;
}

.bg-label-facebook {
    background-color: #e0e4ef !important;
    color: #3b5998 !important;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-facebook:hover {
        color: #fff;
        background-color: #627aad;
        border-color: #627aad;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-facebook, .btn-facebook:focus, .btn-facebook.focus {
        color: #fff;
        background-color: #324c81;
        border-color: #324c81;
        box-shadow: none;
    }

    .btn-check:checked + .btn-facebook, .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active, .show > .btn-facebook.dropdown-toggle {
        color: #fff;
        background-color: #324c81;
        border-color: #324c81;
    }

        .btn-check:checked + .btn-facebook:focus, .btn-check:active + .btn-facebook:focus, .btn-facebook:active:focus, .btn-facebook.active:focus, .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #fff;
        background-color: #3b5998;
        border-color: #3b5998;
        box-shadow: none !important;
    }

.btn-label-facebook {
    color: #3b5998;
    border-color: transparent;
    background: #e0e4ef;
}

    .btn-label-facebook:hover {
        border-color: transparent;
        background: #3b5998;
        color: #fff;
    }

    .btn-label-facebook:focus, .btn-label-facebook.focus {
        color: #fff;
        background: #324c81;
        box-shadow: none !important;
    }

    .btn-label-facebook:active, .btn-label-facebook.active, .show > .btn-label-facebook.dropdown-toggle {
        color: #fff;
        background-color: #324c81;
        border-color: transparent;
    }

        .btn-label-facebook:active:focus, .btn-label-facebook.active:focus, .show > .btn-label-facebook.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-facebook.disabled, .btn-label-facebook:disabled {
        color: #3b5998;
        border-color: transparent;
        background: #e0e4ef;
        box-shadow: none;
    }

.btn-outline-facebook {
    color: #3b5998;
    border-color: #3b5998;
    background: transparent;
}

    .btn-outline-facebook:hover {
        color: #fff;
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus {
        color: #fff;
        background-color: #324c81;
        border-color: #324c81;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-facebook, .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show {
        color: #fff;
        background-color: #324c81;
        border-color: #324c81;
    }

        .btn-check:checked + .btn-outline-facebook:focus, .btn-check:active + .btn-outline-facebook:focus, .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus, .btn-outline-facebook.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-facebook.disabled, .btn-outline-facebook:disabled {
        color: #3b5998;
        background-color: transparent;
    }

    .btn-outline-facebook .badge {
        background: #3b5998;
        border-color: #3b5998;
        color: #fff;
    }

    .btn-outline-facebook:hover .badge,
    .btn-outline-facebook:focus:hover .badge,
    .btn-outline-facebook:active .badge,
    .btn-outline-facebook.active .badge,
    .show > .btn-outline-facebook.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #3b5998;
    }

.bg-twitter {
    background-color: #1da1f2 !important;
}

a.bg-twitter:hover, a.bg-twitter:focus {
    background-color: #1c99e6 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #1da1f2;
}

.bg-label-twitter {
    background-color: #dbf0fd !important;
    color: #1da1f2 !important;
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-twitter:hover {
        color: #fff;
        background-color: #4ab4f5;
        border-color: #4ab4f5;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-twitter, .btn-twitter:focus, .btn-twitter.focus {
        color: #fff;
        background-color: #1989ce;
        border-color: #1989ce;
        box-shadow: none;
    }

    .btn-check:checked + .btn-twitter, .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active, .show > .btn-twitter.dropdown-toggle {
        color: #fff;
        background-color: #1989ce;
        border-color: #1989ce;
    }

        .btn-check:checked + .btn-twitter:focus, .btn-check:active + .btn-twitter:focus, .btn-twitter:active:focus, .btn-twitter.active:focus, .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #fff;
        background-color: #1da1f2;
        border-color: #1da1f2;
        box-shadow: none !important;
    }

.btn-label-twitter {
    color: #1da1f2;
    border-color: transparent;
    background: #dbf0fd;
}

    .btn-label-twitter:hover {
        border-color: transparent;
        background: #1da1f2;
        color: #fff;
    }

    .btn-label-twitter:focus, .btn-label-twitter.focus {
        color: #fff;
        background: #1989ce;
        box-shadow: none !important;
    }

    .btn-label-twitter:active, .btn-label-twitter.active, .show > .btn-label-twitter.dropdown-toggle {
        color: #fff;
        background-color: #1989ce;
        border-color: transparent;
    }

        .btn-label-twitter:active:focus, .btn-label-twitter.active:focus, .show > .btn-label-twitter.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-twitter.disabled, .btn-label-twitter:disabled {
        color: #1da1f2;
        border-color: transparent;
        background: #dbf0fd;
        box-shadow: none;
    }

.btn-outline-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
    background: transparent;
}

    .btn-outline-twitter:hover {
        color: #fff;
        background-color: #1da1f2;
        border-color: #1da1f2;
    }

    .btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus {
        color: #fff;
        background-color: #1989ce;
        border-color: #1989ce;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-twitter, .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show {
        color: #fff;
        background-color: #1989ce;
        border-color: #1989ce;
    }

        .btn-check:checked + .btn-outline-twitter:focus, .btn-check:active + .btn-outline-twitter:focus, .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus, .btn-outline-twitter.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-twitter.disabled, .btn-outline-twitter:disabled {
        color: #1da1f2;
        background-color: transparent;
    }

    .btn-outline-twitter .badge {
        background: #1da1f2;
        border-color: #1da1f2;
        color: #fff;
    }

    .btn-outline-twitter:hover .badge,
    .btn-outline-twitter:focus:hover .badge,
    .btn-outline-twitter:active .badge,
    .btn-outline-twitter.active .badge,
    .show > .btn-outline-twitter.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #1da1f2;
    }

.bg-google-plus {
    background-color: #dd4b39 !important;
}

a.bg-google-plus:hover, a.bg-google-plus:focus {
    background-color: #d24736 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #dd4b39;
}

.bg-label-google-plus {
    background-color: #fae2df !important;
    color: #dd4b39 !important;
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-google-plus:hover {
        color: #fff;
        background-color: #e46f61;
        border-color: #e46f61;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-google-plus, .btn-google-plus:focus, .btn-google-plus.focus {
        color: #fff;
        background-color: #bc4030;
        border-color: #bc4030;
        box-shadow: none;
    }

    .btn-check:checked + .btn-google-plus, .btn-check:active + .btn-google-plus, .btn-google-plus:active, .btn-google-plus.active, .show > .btn-google-plus.dropdown-toggle {
        color: #fff;
        background-color: #bc4030;
        border-color: #bc4030;
    }

        .btn-check:checked + .btn-google-plus:focus, .btn-check:active + .btn-google-plus:focus, .btn-google-plus:active:focus, .btn-google-plus.active:focus, .show > .btn-google-plus.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-google-plus.disabled, .btn-google-plus:disabled {
        color: #fff;
        background-color: #dd4b39;
        border-color: #dd4b39;
        box-shadow: none !important;
    }

.btn-label-google-plus {
    color: #dd4b39;
    border-color: transparent;
    background: #fae2df;
}

    .btn-label-google-plus:hover {
        border-color: transparent;
        background: #dd4b39;
        color: #fff;
    }

    .btn-label-google-plus:focus, .btn-label-google-plus.focus {
        color: #fff;
        background: #bc4030;
        box-shadow: none !important;
    }

    .btn-label-google-plus:active, .btn-label-google-plus.active, .show > .btn-label-google-plus.dropdown-toggle {
        color: #fff;
        background-color: #bc4030;
        border-color: transparent;
    }

        .btn-label-google-plus:active:focus, .btn-label-google-plus.active:focus, .show > .btn-label-google-plus.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-google-plus.disabled, .btn-label-google-plus:disabled {
        color: #dd4b39;
        border-color: transparent;
        background: #fae2df;
        box-shadow: none;
    }

.btn-outline-google-plus {
    color: #dd4b39;
    border-color: #dd4b39;
    background: transparent;
}

    .btn-outline-google-plus:hover {
        color: #fff;
        background-color: #dd4b39;
        border-color: #dd4b39;
    }

    .btn-check:focus + .btn-outline-google-plus, .btn-outline-google-plus:focus {
        color: #fff;
        background-color: #bc4030;
        border-color: #bc4030;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-google-plus, .btn-check:active + .btn-outline-google-plus, .btn-outline-google-plus:active, .btn-outline-google-plus.active, .btn-outline-google-plus.dropdown-toggle.show {
        color: #fff;
        background-color: #bc4030;
        border-color: #bc4030;
    }

        .btn-check:checked + .btn-outline-google-plus:focus, .btn-check:active + .btn-outline-google-plus:focus, .btn-outline-google-plus:active:focus, .btn-outline-google-plus.active:focus, .btn-outline-google-plus.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-google-plus.disabled, .btn-outline-google-plus:disabled {
        color: #dd4b39;
        background-color: transparent;
    }

    .btn-outline-google-plus .badge {
        background: #dd4b39;
        border-color: #dd4b39;
        color: #fff;
    }

    .btn-outline-google-plus:hover .badge,
    .btn-outline-google-plus:focus:hover .badge,
    .btn-outline-google-plus:active .badge,
    .btn-outline-google-plus.active .badge,
    .show > .btn-outline-google-plus.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #dd4b39;
    }

.bg-instagram {
    background-color: #e1306c !important;
}

a.bg-instagram:hover, a.bg-instagram:focus {
    background-color: #d62e67 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #e1306c;
}

.bg-label-instagram {
    background-color: #fadee7 !important;
    color: #e1306c !important;
}

.btn-instagram {
    color: #fff;
    background-color: #e1306c;
    border-color: #e1306c;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-instagram:hover {
        color: #fff;
        background-color: #e75989;
        border-color: #e75989;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-instagram, .btn-instagram:focus, .btn-instagram.focus {
        color: #fff;
        background-color: #bf295c;
        border-color: #bf295c;
        box-shadow: none;
    }

    .btn-check:checked + .btn-instagram, .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active, .show > .btn-instagram.dropdown-toggle {
        color: #fff;
        background-color: #bf295c;
        border-color: #bf295c;
    }

        .btn-check:checked + .btn-instagram:focus, .btn-check:active + .btn-instagram:focus, .btn-instagram:active:focus, .btn-instagram.active:focus, .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #fff;
        background-color: #e1306c;
        border-color: #e1306c;
        box-shadow: none !important;
    }

.btn-label-instagram {
    color: #e1306c;
    border-color: transparent;
    background: #fadee7;
}

    .btn-label-instagram:hover {
        border-color: transparent;
        background: #e1306c;
        color: #fff;
    }

    .btn-label-instagram:focus, .btn-label-instagram.focus {
        color: #fff;
        background: #bf295c;
        box-shadow: none !important;
    }

    .btn-label-instagram:active, .btn-label-instagram.active, .show > .btn-label-instagram.dropdown-toggle {
        color: #fff;
        background-color: #bf295c;
        border-color: transparent;
    }

        .btn-label-instagram:active:focus, .btn-label-instagram.active:focus, .show > .btn-label-instagram.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-instagram.disabled, .btn-label-instagram:disabled {
        color: #e1306c;
        border-color: transparent;
        background: #fadee7;
        box-shadow: none;
    }

.btn-outline-instagram {
    color: #e1306c;
    border-color: #e1306c;
    background: transparent;
}

    .btn-outline-instagram:hover {
        color: #fff;
        background-color: #e1306c;
        border-color: #e1306c;
    }

    .btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus {
        color: #fff;
        background-color: #bf295c;
        border-color: #bf295c;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-instagram, .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show {
        color: #fff;
        background-color: #bf295c;
        border-color: #bf295c;
    }

        .btn-check:checked + .btn-outline-instagram:focus, .btn-check:active + .btn-outline-instagram:focus, .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus, .btn-outline-instagram.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-instagram.disabled, .btn-outline-instagram:disabled {
        color: #e1306c;
        background-color: transparent;
    }

    .btn-outline-instagram .badge {
        background: #e1306c;
        border-color: #e1306c;
        color: #fff;
    }

    .btn-outline-instagram:hover .badge,
    .btn-outline-instagram:focus:hover .badge,
    .btn-outline-instagram:active .badge,
    .btn-outline-instagram.active .badge,
    .show > .btn-outline-instagram.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #e1306c;
    }

.bg-linkedin {
    background-color: #0077b5 !important;
}

a.bg-linkedin:hover, a.bg-linkedin:focus {
    background-color: #0071ac !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #0077b5;
}

.bg-label-linkedin {
    background-color: #d6e9f3 !important;
    color: #0077b5 !important;
}

.btn-linkedin {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-linkedin:hover {
        color: #fff;
        background-color: #3392c4;
        border-color: #3392c4;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-linkedin, .btn-linkedin:focus, .btn-linkedin.focus {
        color: #fff;
        background-color: #00659a;
        border-color: #00659a;
        box-shadow: none;
    }

    .btn-check:checked + .btn-linkedin, .btn-check:active + .btn-linkedin, .btn-linkedin:active, .btn-linkedin.active, .show > .btn-linkedin.dropdown-toggle {
        color: #fff;
        background-color: #00659a;
        border-color: #00659a;
    }

        .btn-check:checked + .btn-linkedin:focus, .btn-check:active + .btn-linkedin:focus, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-linkedin.disabled, .btn-linkedin:disabled {
        color: #fff;
        background-color: #0077b5;
        border-color: #0077b5;
        box-shadow: none !important;
    }

.btn-label-linkedin {
    color: #0077b5;
    border-color: transparent;
    background: #d6e9f3;
}

    .btn-label-linkedin:hover {
        border-color: transparent;
        background: #0077b5;
        color: #fff;
    }

    .btn-label-linkedin:focus, .btn-label-linkedin.focus {
        color: #fff;
        background: #00659a;
        box-shadow: none !important;
    }

    .btn-label-linkedin:active, .btn-label-linkedin.active, .show > .btn-label-linkedin.dropdown-toggle {
        color: #fff;
        background-color: #00659a;
        border-color: transparent;
    }

        .btn-label-linkedin:active:focus, .btn-label-linkedin.active:focus, .show > .btn-label-linkedin.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-linkedin.disabled, .btn-label-linkedin:disabled {
        color: #0077b5;
        border-color: transparent;
        background: #d6e9f3;
        box-shadow: none;
    }

.btn-outline-linkedin {
    color: #0077b5;
    border-color: #0077b5;
    background: transparent;
}

    .btn-outline-linkedin:hover {
        color: #fff;
        background-color: #0077b5;
        border-color: #0077b5;
    }

    .btn-check:focus + .btn-outline-linkedin, .btn-outline-linkedin:focus {
        color: #fff;
        background-color: #00659a;
        border-color: #00659a;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-linkedin, .btn-check:active + .btn-outline-linkedin, .btn-outline-linkedin:active, .btn-outline-linkedin.active, .btn-outline-linkedin.dropdown-toggle.show {
        color: #fff;
        background-color: #00659a;
        border-color: #00659a;
    }

        .btn-check:checked + .btn-outline-linkedin:focus, .btn-check:active + .btn-outline-linkedin:focus, .btn-outline-linkedin:active:focus, .btn-outline-linkedin.active:focus, .btn-outline-linkedin.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-linkedin.disabled, .btn-outline-linkedin:disabled {
        color: #0077b5;
        background-color: transparent;
    }

    .btn-outline-linkedin .badge {
        background: #0077b5;
        border-color: #0077b5;
        color: #fff;
    }

    .btn-outline-linkedin:hover .badge,
    .btn-outline-linkedin:focus:hover .badge,
    .btn-outline-linkedin:active .badge,
    .btn-outline-linkedin.active .badge,
    .show > .btn-outline-linkedin.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #0077b5;
    }

.bg-github {
    background-color: #333 !important;
}

a.bg-github:hover, a.bg-github:focus {
    background-color: #303030 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #333;
}

.bg-label-github {
    background-color: #dedede !important;
    color: #333 !important;
}

.btn-github {
    color: #fff;
    background-color: #333;
    border-color: #333;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-github:hover {
        color: #fff;
        background-color: #5c5c5c;
        border-color: #5c5c5c;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-github, .btn-github:focus, .btn-github.focus {
        color: #fff;
        background-color: #2b2b2b;
        border-color: #2b2b2b;
        box-shadow: none;
    }

    .btn-check:checked + .btn-github, .btn-check:active + .btn-github, .btn-github:active, .btn-github.active, .show > .btn-github.dropdown-toggle {
        color: #fff;
        background-color: #2b2b2b;
        border-color: #2b2b2b;
    }

        .btn-check:checked + .btn-github:focus, .btn-check:active + .btn-github:focus, .btn-github:active:focus, .btn-github.active:focus, .show > .btn-github.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-github.disabled, .btn-github:disabled {
        color: #fff;
        background-color: #333;
        border-color: #333;
        box-shadow: none !important;
    }

.btn-label-github {
    color: #333;
    border-color: transparent;
    background: #dedede;
}

    .btn-label-github:hover {
        border-color: transparent;
        background: #333;
        color: #fff;
    }

    .btn-label-github:focus, .btn-label-github.focus {
        color: #fff;
        background: #2b2b2b;
        box-shadow: none !important;
    }

    .btn-label-github:active, .btn-label-github.active, .show > .btn-label-github.dropdown-toggle {
        color: #fff;
        background-color: #2b2b2b;
        border-color: transparent;
    }

        .btn-label-github:active:focus, .btn-label-github.active:focus, .show > .btn-label-github.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-github.disabled, .btn-label-github:disabled {
        color: #333;
        border-color: transparent;
        background: #dedede;
        box-shadow: none;
    }

.btn-outline-github {
    color: #333;
    border-color: #333;
    background: transparent;
}

    .btn-outline-github:hover {
        color: #fff;
        background-color: #333;
        border-color: #333;
    }

    .btn-check:focus + .btn-outline-github, .btn-outline-github:focus {
        color: #fff;
        background-color: #2b2b2b;
        border-color: #2b2b2b;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-github, .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show {
        color: #fff;
        background-color: #2b2b2b;
        border-color: #2b2b2b;
    }

        .btn-check:checked + .btn-outline-github:focus, .btn-check:active + .btn-outline-github:focus, .btn-outline-github:active:focus, .btn-outline-github.active:focus, .btn-outline-github.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-github.disabled, .btn-outline-github:disabled {
        color: #333;
        background-color: transparent;
    }

    .btn-outline-github .badge {
        background: #333;
        border-color: #333;
        color: #fff;
    }

    .btn-outline-github:hover .badge,
    .btn-outline-github:focus:hover .badge,
    .btn-outline-github:active .badge,
    .btn-outline-github.active .badge,
    .show > .btn-outline-github.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #333;
    }

.bg-dribbble {
    background-color: #ea4c89 !important;
}

a.bg-dribbble:hover, a.bg-dribbble:focus {
    background-color: #de4882 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #ea4c89;
}

.bg-label-dribbble {
    background-color: #fce2ec !important;
    color: #ea4c89 !important;
}

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-dribbble:hover {
        color: #fff;
        background-color: #ee70a1;
        border-color: #ee70a1;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-dribbble, .btn-dribbble:focus, .btn-dribbble.focus {
        color: #fff;
        background-color: #c74174;
        border-color: #c74174;
        box-shadow: none;
    }

    .btn-check:checked + .btn-dribbble, .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active, .show > .btn-dribbble.dropdown-toggle {
        color: #fff;
        background-color: #c74174;
        border-color: #c74174;
    }

        .btn-check:checked + .btn-dribbble:focus, .btn-check:active + .btn-dribbble:focus, .btn-dribbble:active:focus, .btn-dribbble.active:focus, .show > .btn-dribbble.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-dribbble.disabled, .btn-dribbble:disabled {
        color: #fff;
        background-color: #ea4c89;
        border-color: #ea4c89;
        box-shadow: none !important;
    }

.btn-label-dribbble {
    color: #ea4c89;
    border-color: transparent;
    background: #fce2ec;
}

    .btn-label-dribbble:hover {
        border-color: transparent;
        background: #ea4c89;
        color: #fff;
    }

    .btn-label-dribbble:focus, .btn-label-dribbble.focus {
        color: #fff;
        background: #c74174;
        box-shadow: none !important;
    }

    .btn-label-dribbble:active, .btn-label-dribbble.active, .show > .btn-label-dribbble.dropdown-toggle {
        color: #fff;
        background-color: #c74174;
        border-color: transparent;
    }

        .btn-label-dribbble:active:focus, .btn-label-dribbble.active:focus, .show > .btn-label-dribbble.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-dribbble.disabled, .btn-label-dribbble:disabled {
        color: #ea4c89;
        border-color: transparent;
        background: #fce2ec;
        box-shadow: none;
    }

.btn-outline-dribbble {
    color: #ea4c89;
    border-color: #ea4c89;
    background: transparent;
}

    .btn-outline-dribbble:hover {
        color: #fff;
        background-color: #ea4c89;
        border-color: #ea4c89;
    }

    .btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus {
        color: #fff;
        background-color: #c74174;
        border-color: #c74174;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-dribbble, .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show {
        color: #fff;
        background-color: #c74174;
        border-color: #c74174;
    }

        .btn-check:checked + .btn-outline-dribbble:focus, .btn-check:active + .btn-outline-dribbble:focus, .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus, .btn-outline-dribbble.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-dribbble.disabled, .btn-outline-dribbble:disabled {
        color: #ea4c89;
        background-color: transparent;
    }

    .btn-outline-dribbble .badge {
        background: #ea4c89;
        border-color: #ea4c89;
        color: #fff;
    }

    .btn-outline-dribbble:hover .badge,
    .btn-outline-dribbble:focus:hover .badge,
    .btn-outline-dribbble:active .badge,
    .btn-outline-dribbble.active .badge,
    .show > .btn-outline-dribbble.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #ea4c89;
    }

.bg-pinterest {
    background-color: #cb2027 !important;
}

a.bg-pinterest:hover, a.bg-pinterest:focus {
    background-color: #c11e25 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #cb2027;
}

.bg-label-pinterest {
    background-color: #f7dbdc !important;
    color: #cb2027 !important;
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-pinterest:hover {
        color: #fff;
        background-color: #d54d52;
        border-color: #d54d52;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-pinterest, .btn-pinterest:focus, .btn-pinterest.focus {
        color: #fff;
        background-color: #ad1b21;
        border-color: #ad1b21;
        box-shadow: none;
    }

    .btn-check:checked + .btn-pinterest, .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active, .show > .btn-pinterest.dropdown-toggle {
        color: #fff;
        background-color: #ad1b21;
        border-color: #ad1b21;
    }

        .btn-check:checked + .btn-pinterest:focus, .btn-check:active + .btn-pinterest:focus, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        color: #fff;
        background-color: #cb2027;
        border-color: #cb2027;
        box-shadow: none !important;
    }

.btn-label-pinterest {
    color: #cb2027;
    border-color: transparent;
    background: #f7dbdc;
}

    .btn-label-pinterest:hover {
        border-color: transparent;
        background: #cb2027;
        color: #fff;
    }

    .btn-label-pinterest:focus, .btn-label-pinterest.focus {
        color: #fff;
        background: #ad1b21;
        box-shadow: none !important;
    }

    .btn-label-pinterest:active, .btn-label-pinterest.active, .show > .btn-label-pinterest.dropdown-toggle {
        color: #fff;
        background-color: #ad1b21;
        border-color: transparent;
    }

        .btn-label-pinterest:active:focus, .btn-label-pinterest.active:focus, .show > .btn-label-pinterest.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-pinterest.disabled, .btn-label-pinterest:disabled {
        color: #cb2027;
        border-color: transparent;
        background: #f7dbdc;
        box-shadow: none;
    }

.btn-outline-pinterest {
    color: #cb2027;
    border-color: #cb2027;
    background: transparent;
}

    .btn-outline-pinterest:hover {
        color: #fff;
        background-color: #cb2027;
        border-color: #cb2027;
    }

    .btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus {
        color: #fff;
        background-color: #ad1b21;
        border-color: #ad1b21;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-pinterest, .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show {
        color: #fff;
        background-color: #ad1b21;
        border-color: #ad1b21;
    }

        .btn-check:checked + .btn-outline-pinterest:focus, .btn-check:active + .btn-outline-pinterest:focus, .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus, .btn-outline-pinterest.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-pinterest.disabled, .btn-outline-pinterest:disabled {
        color: #cb2027;
        background-color: transparent;
    }

    .btn-outline-pinterest .badge {
        background: #cb2027;
        border-color: #cb2027;
        color: #fff;
    }

    .btn-outline-pinterest:hover .badge,
    .btn-outline-pinterest:focus:hover .badge,
    .btn-outline-pinterest:active .badge,
    .btn-outline-pinterest.active .badge,
    .show > .btn-outline-pinterest.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #cb2027;
    }

.bg-slack {
    background-color: #4a154b !important;
}

a.bg-slack:hover, a.bg-slack:focus {
    background-color: #461447 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #4a154b;
}

.bg-label-slack {
    background-color: #e2dae2 !important;
    color: #4a154b !important;
}

.btn-slack {
    color: #fff;
    background-color: #4a154b;
    border-color: #4a154b;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-slack:hover {
        color: #fff;
        background-color: #6e446f;
        border-color: #6e446f;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-slack, .btn-slack:focus, .btn-slack.focus {
        color: #fff;
        background-color: #3f1240;
        border-color: #3f1240;
        box-shadow: none;
    }

    .btn-check:checked + .btn-slack, .btn-check:active + .btn-slack, .btn-slack:active, .btn-slack.active, .show > .btn-slack.dropdown-toggle {
        color: #fff;
        background-color: #3f1240;
        border-color: #3f1240;
    }

        .btn-check:checked + .btn-slack:focus, .btn-check:active + .btn-slack:focus, .btn-slack:active:focus, .btn-slack.active:focus, .show > .btn-slack.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-slack.disabled, .btn-slack:disabled {
        color: #fff;
        background-color: #4a154b;
        border-color: #4a154b;
        box-shadow: none !important;
    }

.btn-label-slack {
    color: #4a154b;
    border-color: transparent;
    background: #e2dae2;
}

    .btn-label-slack:hover {
        border-color: transparent;
        background: #4a154b;
        color: #fff;
    }

    .btn-label-slack:focus, .btn-label-slack.focus {
        color: #fff;
        background: #3f1240;
        box-shadow: none !important;
    }

    .btn-label-slack:active, .btn-label-slack.active, .show > .btn-label-slack.dropdown-toggle {
        color: #fff;
        background-color: #3f1240;
        border-color: transparent;
    }

        .btn-label-slack:active:focus, .btn-label-slack.active:focus, .show > .btn-label-slack.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-slack.disabled, .btn-label-slack:disabled {
        color: #4a154b;
        border-color: transparent;
        background: #e2dae2;
        box-shadow: none;
    }

.btn-outline-slack {
    color: #4a154b;
    border-color: #4a154b;
    background: transparent;
}

    .btn-outline-slack:hover {
        color: #fff;
        background-color: #4a154b;
        border-color: #4a154b;
    }

    .btn-check:focus + .btn-outline-slack, .btn-outline-slack:focus {
        color: #fff;
        background-color: #3f1240;
        border-color: #3f1240;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-slack, .btn-check:active + .btn-outline-slack, .btn-outline-slack:active, .btn-outline-slack.active, .btn-outline-slack.dropdown-toggle.show {
        color: #fff;
        background-color: #3f1240;
        border-color: #3f1240;
    }

        .btn-check:checked + .btn-outline-slack:focus, .btn-check:active + .btn-outline-slack:focus, .btn-outline-slack:active:focus, .btn-outline-slack.active:focus, .btn-outline-slack.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-slack.disabled, .btn-outline-slack:disabled {
        color: #4a154b;
        background-color: transparent;
    }

    .btn-outline-slack .badge {
        background: #4a154b;
        border-color: #4a154b;
        color: #fff;
    }

    .btn-outline-slack:hover .badge,
    .btn-outline-slack:focus:hover .badge,
    .btn-outline-slack:active .badge,
    .btn-outline-slack.active .badge,
    .show > .btn-outline-slack.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #4a154b;
    }

.bg-reddit {
    background-color: #ff4500 !important;
}

a.bg-reddit:hover, a.bg-reddit:focus {
    background-color: #f24200 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #ff4500;
}

.bg-label-reddit {
    background-color: #ffe1d6 !important;
    color: #ff4500 !important;
}

.btn-reddit {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-reddit:hover {
        color: #fff;
        background-color: #ff6a33;
        border-color: #ff6a33;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-reddit, .btn-reddit:focus, .btn-reddit.focus {
        color: #fff;
        background-color: #d93b00;
        border-color: #d93b00;
        box-shadow: none;
    }

    .btn-check:checked + .btn-reddit, .btn-check:active + .btn-reddit, .btn-reddit:active, .btn-reddit.active, .show > .btn-reddit.dropdown-toggle {
        color: #fff;
        background-color: #d93b00;
        border-color: #d93b00;
    }

        .btn-check:checked + .btn-reddit:focus, .btn-check:active + .btn-reddit:focus, .btn-reddit:active:focus, .btn-reddit.active:focus, .show > .btn-reddit.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-reddit.disabled, .btn-reddit:disabled {
        color: #fff;
        background-color: #ff4500;
        border-color: #ff4500;
        box-shadow: none !important;
    }

.btn-label-reddit {
    color: #ff4500;
    border-color: transparent;
    background: #ffe1d6;
}

    .btn-label-reddit:hover {
        border-color: transparent;
        background: #ff4500;
        color: #fff;
    }

    .btn-label-reddit:focus, .btn-label-reddit.focus {
        color: #fff;
        background: #d93b00;
        box-shadow: none !important;
    }

    .btn-label-reddit:active, .btn-label-reddit.active, .show > .btn-label-reddit.dropdown-toggle {
        color: #fff;
        background-color: #d93b00;
        border-color: transparent;
    }

        .btn-label-reddit:active:focus, .btn-label-reddit.active:focus, .show > .btn-label-reddit.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-reddit.disabled, .btn-label-reddit:disabled {
        color: #ff4500;
        border-color: transparent;
        background: #ffe1d6;
        box-shadow: none;
    }

.btn-outline-reddit {
    color: #ff4500;
    border-color: #ff4500;
    background: transparent;
}

    .btn-outline-reddit:hover {
        color: #fff;
        background-color: #ff4500;
        border-color: #ff4500;
    }

    .btn-check:focus + .btn-outline-reddit, .btn-outline-reddit:focus {
        color: #fff;
        background-color: #d93b00;
        border-color: #d93b00;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-reddit, .btn-check:active + .btn-outline-reddit, .btn-outline-reddit:active, .btn-outline-reddit.active, .btn-outline-reddit.dropdown-toggle.show {
        color: #fff;
        background-color: #d93b00;
        border-color: #d93b00;
    }

        .btn-check:checked + .btn-outline-reddit:focus, .btn-check:active + .btn-outline-reddit:focus, .btn-outline-reddit:active:focus, .btn-outline-reddit.active:focus, .btn-outline-reddit.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-reddit.disabled, .btn-outline-reddit:disabled {
        color: #ff4500;
        background-color: transparent;
    }

    .btn-outline-reddit .badge {
        background: #ff4500;
        border-color: #ff4500;
        color: #fff;
    }

    .btn-outline-reddit:hover .badge,
    .btn-outline-reddit:focus:hover .badge,
    .btn-outline-reddit:active .badge,
    .btn-outline-reddit.active .badge,
    .show > .btn-outline-reddit.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #ff4500;
    }

.bg-youtube {
    background-color: #ff0000 !important;
}

a.bg-youtube:hover, a.bg-youtube:focus {
    background-color: #f20000 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #ff0000;
}

.bg-label-youtube {
    background-color: #ffd6d6 !important;
    color: #ff0000 !important;
}

.btn-youtube {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-youtube:hover {
        color: #fff;
        background-color: #ff3333;
        border-color: #ff3333;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-youtube, .btn-youtube:focus, .btn-youtube.focus {
        color: #fff;
        background-color: #d90000;
        border-color: #d90000;
        box-shadow: none;
    }

    .btn-check:checked + .btn-youtube, .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active, .show > .btn-youtube.dropdown-toggle {
        color: #fff;
        background-color: #d90000;
        border-color: #d90000;
    }

        .btn-check:checked + .btn-youtube:focus, .btn-check:active + .btn-youtube:focus, .btn-youtube:active:focus, .btn-youtube.active:focus, .show > .btn-youtube.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-youtube.disabled, .btn-youtube:disabled {
        color: #fff;
        background-color: #ff0000;
        border-color: #ff0000;
        box-shadow: none !important;
    }

.btn-label-youtube {
    color: #ff0000;
    border-color: transparent;
    background: #ffd6d6;
}

    .btn-label-youtube:hover {
        border-color: transparent;
        background: #ff0000;
        color: #fff;
    }

    .btn-label-youtube:focus, .btn-label-youtube.focus {
        color: #fff;
        background: #d90000;
        box-shadow: none !important;
    }

    .btn-label-youtube:active, .btn-label-youtube.active, .show > .btn-label-youtube.dropdown-toggle {
        color: #fff;
        background-color: #d90000;
        border-color: transparent;
    }

        .btn-label-youtube:active:focus, .btn-label-youtube.active:focus, .show > .btn-label-youtube.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-youtube.disabled, .btn-label-youtube:disabled {
        color: #ff0000;
        border-color: transparent;
        background: #ffd6d6;
        box-shadow: none;
    }

.btn-outline-youtube {
    color: #ff0000;
    border-color: #ff0000;
    background: transparent;
}

    .btn-outline-youtube:hover {
        color: #fff;
        background-color: #ff0000;
        border-color: #ff0000;
    }

    .btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus {
        color: #fff;
        background-color: #d90000;
        border-color: #d90000;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-youtube, .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show {
        color: #fff;
        background-color: #d90000;
        border-color: #d90000;
    }

        .btn-check:checked + .btn-outline-youtube:focus, .btn-check:active + .btn-outline-youtube:focus, .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus, .btn-outline-youtube.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-youtube.disabled, .btn-outline-youtube:disabled {
        color: #ff0000;
        background-color: transparent;
    }

    .btn-outline-youtube .badge {
        background: #ff0000;
        border-color: #ff0000;
        color: #fff;
    }

    .btn-outline-youtube:hover .badge,
    .btn-outline-youtube:focus:hover .badge,
    .btn-outline-youtube:active .badge,
    .btn-outline-youtube.active .badge,
    .show > .btn-outline-youtube.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #ff0000;
    }

.bg-vimeo {
    background-color: #1ab7ea !important;
}

a.bg-vimeo:hover, a.bg-vimeo:focus {
    background-color: #19aede !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #1ab7ea;
}

.bg-label-vimeo {
    background-color: #daf3fc !important;
    color: #1ab7ea !important;
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: #1ab7ea;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-vimeo:hover {
        color: #fff;
        background-color: #48c5ee;
        border-color: #48c5ee;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-vimeo, .btn-vimeo:focus, .btn-vimeo.focus {
        color: #fff;
        background-color: #169cc7;
        border-color: #169cc7;
        box-shadow: none;
    }

    .btn-check:checked + .btn-vimeo, .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active, .show > .btn-vimeo.dropdown-toggle {
        color: #fff;
        background-color: #169cc7;
        border-color: #169cc7;
    }

        .btn-check:checked + .btn-vimeo:focus, .btn-check:active + .btn-vimeo:focus, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        color: #fff;
        background-color: #1ab7ea;
        border-color: #1ab7ea;
        box-shadow: none !important;
    }

.btn-label-vimeo {
    color: #1ab7ea;
    border-color: transparent;
    background: #daf3fc;
}

    .btn-label-vimeo:hover {
        border-color: transparent;
        background: #1ab7ea;
        color: #fff;
    }

    .btn-label-vimeo:focus, .btn-label-vimeo.focus {
        color: #fff;
        background: #169cc7;
        box-shadow: none !important;
    }

    .btn-label-vimeo:active, .btn-label-vimeo.active, .show > .btn-label-vimeo.dropdown-toggle {
        color: #fff;
        background-color: #169cc7;
        border-color: transparent;
    }

        .btn-label-vimeo:active:focus, .btn-label-vimeo.active:focus, .show > .btn-label-vimeo.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-vimeo.disabled, .btn-label-vimeo:disabled {
        color: #1ab7ea;
        border-color: transparent;
        background: #daf3fc;
        box-shadow: none;
    }

.btn-outline-vimeo {
    color: #1ab7ea;
    border-color: #1ab7ea;
    background: transparent;
}

    .btn-outline-vimeo:hover {
        color: #fff;
        background-color: #1ab7ea;
        border-color: #1ab7ea;
    }

    .btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus {
        color: #fff;
        background-color: #169cc7;
        border-color: #169cc7;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-vimeo, .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show {
        color: #fff;
        background-color: #169cc7;
        border-color: #169cc7;
    }

        .btn-check:checked + .btn-outline-vimeo:focus, .btn-check:active + .btn-outline-vimeo:focus, .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus, .btn-outline-vimeo.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-vimeo.disabled, .btn-outline-vimeo:disabled {
        color: #1ab7ea;
        background-color: transparent;
    }

    .btn-outline-vimeo .badge {
        background: #1ab7ea;
        border-color: #1ab7ea;
        color: #fff;
    }

    .btn-outline-vimeo:hover .badge,
    .btn-outline-vimeo:focus:hover .badge,
    .btn-outline-vimeo:active .badge,
    .btn-outline-vimeo.active .badge,
    .show > .btn-outline-vimeo.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #1ab7ea;
    }

.btn-white {
    color: #677788;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-white:hover {
        color: #fff;
        background-color: #cccccc;
        border-color: #cccccc;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus {
        color: #263c55;
        background-color: white;
        border-color: white;
        box-shadow: none;
    }

    .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle {
        color: #263c55;
        background-color: white;
        border-color: white;
    }

        .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-white.disabled, .btn-white:disabled {
        color: #263c55;
        background-color: #fff;
        border-color: #fff;
        box-shadow: none !important;
    }

.btn-label-white {
    color: #677788;
    border-color: transparent;
    background: white;
}

    .btn-label-white:hover {
        border-color: transparent;
        background: #fff;
        color: #677788;
    }

    .btn-label-white:focus, .btn-label-white.focus {
        color: #677788;
        background: white;
        box-shadow: none !important;
    }

    .btn-label-white:active, .btn-label-white.active, .show > .btn-label-white.dropdown-toggle {
        color: #677788;
        background-color: white;
        border-color: transparent;
    }

        .btn-label-white:active:focus, .btn-label-white.active:focus, .show > .btn-label-white.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-white.disabled, .btn-label-white:disabled {
        color: #677788;
        border-color: transparent;
        background: white;
        box-shadow: none;
    }

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

    .btn-outline-white:hover {
        color: #263c55;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
        color: #263c55;
        background-color: white;
        border-color: white;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
        color: #263c55;
        background-color: white;
        border-color: white;
    }

        .btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent;
    }

    .btn-outline-white .badge {
        background: #fff;
        border-color: #fff;
        color: #263c55;
    }

    .btn-outline-white:hover .badge,
    .btn-outline-white:focus:hover .badge,
    .btn-outline-white:active .badge,
    .btn-outline-white.active .badge,
    .show > .btn-outline-white.dropdown-toggle .badge {
        background: #263c55;
        border-color: #263c55;
        color: #fff;
    }

.form-check-black .form-check-input:focus {
    border-color: #000;
}

.form-check-black .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.form-check-black .form-check-input[type=checkbox]:indeterminate {
    background-color: #000;
    border-color: #000;
}

.form-check-black.custom-option.checked {
    border: 1px solid #000;
}

.form-check-white .form-check-input:focus {
    border-color: #fff;
}

.form-check-white .form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
}

.form-check-white .form-check-input[type=checkbox]:indeterminate {
    background-color: #fff;
    border-color: #fff;
}

.form-check-white.custom-option.checked {
    border: 1px solid #fff;
}

.form-check-silver .form-check-input:focus {
    border-color: #eee;
}

.form-check-silver .form-check-input:checked {
    background-color: #eee;
    border-color: #eee;
}

.form-check-silver .form-check-input[type=checkbox]:indeterminate {
    background-color: #eee;
    border-color: #eee;
}

.form-check-silver.custom-option.checked {
    border: 1px solid #eee;
}

.form-check-gray .form-check-input:focus {
    border-color: #777;
}

.form-check-gray .form-check-input:checked {
    background-color: #777;
    border-color: #777;
}

.form-check-gray .form-check-input[type=checkbox]:indeterminate {
    background-color: #777;
    border-color: #777;
}

.form-check-gray.custom-option.checked {
    border: 1px solid #777;
}

.form-check-gold .form-check-input:focus {
    border-color: #ffeb3b;
}

.form-check-gold .form-check-input:checked {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}

.form-check-gold .form-check-input[type=checkbox]:indeterminate {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}

.form-check-gold.custom-option.checked {
    border: 1px solid #ffeb3b;
}

.form-check-pink .form-check-input:focus {
    border-color: #e91e63;
}

.form-check-pink .form-check-input:checked {
    background-color: #e91e63;
    border-color: #e91e63;
}

.form-check-pink .form-check-input[type=checkbox]:indeterminate {
    background-color: #e91e63;
    border-color: #e91e63;
}

.form-check-pink.custom-option.checked {
    border: 1px solid #e91e63;
}

.form-check-red .form-check-input:focus {
    border-color: #f44336;
}

.form-check-red .form-check-input:checked {
    background-color: #f44336;
    border-color: #f44336;
}

.form-check-red .form-check-input[type=checkbox]:indeterminate {
    background-color: #f44336;
    border-color: #f44336;
}

.form-check-red.custom-option.checked {
    border: 1px solid #f44336;
}

.navbar.bg-secondary {
    background-color: #69809a !important;
    color: #e0e5ea;
}

    .navbar.bg-secondary .navbar-brand,
    .navbar.bg-secondary .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-secondary .navbar-brand:hover, .navbar.bg-secondary .navbar-brand:focus,
        .navbar.bg-secondary .navbar-brand a:hover,
        .navbar.bg-secondary .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-secondary .navbar-search-wrapper .search-input {
        color: #e0e5ea;
    }

    .navbar.bg-secondary .search-input-wrapper .search-input,
    .navbar.bg-secondary .search-input-wrapper .search-toggler {
        background-color: #69809a !important;
        color: #e0e5ea;
    }

    .navbar.bg-secondary .navbar-nav > .nav-link,
    .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link {
        color: #e0e5ea;
    }

        .navbar.bg-secondary .navbar-nav > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-link:focus,
        .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-secondary .navbar-nav > .nav-link.disabled,
        .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #b0bdca !important;
        }

    .navbar.bg-secondary .navbar-nav .show > .nav-link,
    .navbar.bg-secondary .navbar-nav .active > .nav-link,
    .navbar.bg-secondary .navbar-nav .nav-link.show,
    .navbar.bg-secondary .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-secondary .navbar-toggler {
        color: #e0e5ea;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-secondary .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-secondary .navbar-text {
        color: #e0e5ea;
    }

        .navbar.bg-secondary .navbar-text a {
            color: #fff;
        }

            .navbar.bg-secondary .navbar-text a:hover, .navbar.bg-secondary .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-secondary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-success {
    background-color: #39da8a !important;
    color: #e2faee;
}

    .navbar.bg-success .navbar-brand,
    .navbar.bg-success .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-success .navbar-brand:hover, .navbar.bg-success .navbar-brand:focus,
        .navbar.bg-success .navbar-brand a:hover,
        .navbar.bg-success .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-success .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-success .navbar-search-wrapper .search-input {
        color: #e2faee;
    }

    .navbar.bg-success .search-input-wrapper .search-input,
    .navbar.bg-success .search-input-wrapper .search-toggler {
        background-color: #39da8a !important;
        color: #e2faee;
    }

    .navbar.bg-success .navbar-nav > .nav-link,
    .navbar.bg-success .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link {
        color: #e2faee;
    }

        .navbar.bg-success .navbar-nav > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-link:focus,
        .navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-success .navbar-nav > .nav-link.disabled,
        .navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #9eedc6 !important;
        }

    .navbar.bg-success .navbar-nav .show > .nav-link,
    .navbar.bg-success .navbar-nav .active > .nav-link,
    .navbar.bg-success .navbar-nav .nav-link.show,
    .navbar.bg-success .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-success .navbar-toggler {
        color: #e2faee;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-success .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-success .navbar-text {
        color: #e2faee;
    }

        .navbar.bg-success .navbar-text a {
            color: #fff;
        }

            .navbar.bg-success .navbar-text a:hover, .navbar.bg-success .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-success hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-info {
    background-color: #00cfdd !important;
    color: #d4f7f9;
}

    .navbar.bg-info .navbar-brand,
    .navbar.bg-info .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-info .navbar-brand:hover, .navbar.bg-info .navbar-brand:focus,
        .navbar.bg-info .navbar-brand a:hover,
        .navbar.bg-info .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-info .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-info .navbar-search-wrapper .search-input {
        color: #d4f7f9;
    }

    .navbar.bg-info .search-input-wrapper .search-input,
    .navbar.bg-info .search-input-wrapper .search-toggler {
        background-color: #00cfdd !important;
        color: #d4f7f9;
    }

    .navbar.bg-info .navbar-nav > .nav-link,
    .navbar.bg-info .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link {
        color: #d4f7f9;
    }

        .navbar.bg-info .navbar-nav > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-link:focus,
        .navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-info .navbar-nav > .nav-link.disabled,
        .navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #7fe7ee !important;
        }

    .navbar.bg-info .navbar-nav .show > .nav-link,
    .navbar.bg-info .navbar-nav .active > .nav-link,
    .navbar.bg-info .navbar-nav .nav-link.show,
    .navbar.bg-info .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-info .navbar-toggler {
        color: #d4f7f9;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-info .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-info .navbar-text {
        color: #d4f7f9;
    }

        .navbar.bg-info .navbar-text a {
            color: #fff;
        }

            .navbar.bg-info .navbar-text a:hover, .navbar.bg-info .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-info hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-warning {
    background-color: #fdac41 !important;
    color: #fff6ea;
}

    .navbar.bg-warning .navbar-brand,
    .navbar.bg-warning .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-warning .navbar-brand:hover, .navbar.bg-warning .navbar-brand:focus,
        .navbar.bg-warning .navbar-brand a:hover,
        .navbar.bg-warning .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-warning .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-warning .navbar-search-wrapper .search-input {
        color: #fff6ea;
    }

    .navbar.bg-warning .search-input-wrapper .search-input,
    .navbar.bg-warning .search-input-wrapper .search-toggler {
        background-color: #fdac41 !important;
        color: #fff6ea;
    }

    .navbar.bg-warning .navbar-nav > .nav-link,
    .navbar.bg-warning .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link {
        color: #fff6ea;
    }

        .navbar.bg-warning .navbar-nav > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-link:focus,
        .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-warning .navbar-nav > .nav-link.disabled,
        .navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #fed8a6 !important;
        }

    .navbar.bg-warning .navbar-nav .show > .nav-link,
    .navbar.bg-warning .navbar-nav .active > .nav-link,
    .navbar.bg-warning .navbar-nav .nav-link.show,
    .navbar.bg-warning .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-warning .navbar-toggler {
        color: #fff6ea;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-warning .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-warning .navbar-text {
        color: #fff6ea;
    }

        .navbar.bg-warning .navbar-text a {
            color: #fff;
        }

            .navbar.bg-warning .navbar-text a:hover, .navbar.bg-warning .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-warning hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-danger {
    background-color: #ff5b5c !important;
    color: #ffe1e2;
}

    .navbar.bg-danger .navbar-brand,
    .navbar.bg-danger .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-danger .navbar-brand:hover, .navbar.bg-danger .navbar-brand:focus,
        .navbar.bg-danger .navbar-brand a:hover,
        .navbar.bg-danger .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-danger .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-danger .navbar-search-wrapper .search-input {
        color: #ffe1e2;
    }

    .navbar.bg-danger .search-input-wrapper .search-input,
    .navbar.bg-danger .search-input-wrapper .search-toggler {
        background-color: #ff5b5c !important;
        color: #ffe1e2;
    }

    .navbar.bg-danger .navbar-nav > .nav-link,
    .navbar.bg-danger .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link {
        color: #ffe1e2;
    }

        .navbar.bg-danger .navbar-nav > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-link:focus,
        .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-danger .navbar-nav > .nav-link.disabled,
        .navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #ffabac !important;
        }

    .navbar.bg-danger .navbar-nav .show > .nav-link,
    .navbar.bg-danger .navbar-nav .active > .nav-link,
    .navbar.bg-danger .navbar-nav .nav-link.show,
    .navbar.bg-danger .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-danger .navbar-toggler {
        color: #ffe1e2;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-danger .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-danger .navbar-text {
        color: #ffe1e2;
    }

        .navbar.bg-danger .navbar-text a {
            color: #fff;
        }

            .navbar.bg-danger .navbar-text a:hover, .navbar.bg-danger .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-danger hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-dark {
    background-color: #495563 !important;
    color: #ced1d5;
}

    .navbar.bg-dark .navbar-brand,
    .navbar.bg-dark .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-dark .navbar-brand:hover, .navbar.bg-dark .navbar-brand:focus,
        .navbar.bg-dark .navbar-brand a:hover,
        .navbar.bg-dark .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-dark .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-dark .navbar-search-wrapper .search-input {
        color: #ced1d5;
    }

    .navbar.bg-dark .search-input-wrapper .search-input,
    .navbar.bg-dark .search-input-wrapper .search-toggler {
        background-color: #495563 !important;
        color: #ced1d5;
    }

    .navbar.bg-dark .navbar-nav > .nav-link,
    .navbar.bg-dark .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link {
        color: #ced1d5;
    }

        .navbar.bg-dark .navbar-nav > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-link:focus,
        .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-dark .navbar-nav > .nav-link.disabled,
        .navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #999fa7 !important;
        }

    .navbar.bg-dark .navbar-nav .show > .nav-link,
    .navbar.bg-dark .navbar-nav .active > .nav-link,
    .navbar.bg-dark .navbar-nav .nav-link.show,
    .navbar.bg-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-dark .navbar-toggler {
        color: #ced1d5;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-dark .navbar-text {
        color: #ced1d5;
    }

        .navbar.bg-dark .navbar-text a {
            color: #fff;
        }

            .navbar.bg-dark .navbar-text a:hover, .navbar.bg-dark .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-dark hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-gray {
    background-color: #939eaa !important;
    color: #eef0f2;
}

    .navbar.bg-gray .navbar-brand,
    .navbar.bg-gray .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-gray .navbar-brand:hover, .navbar.bg-gray .navbar-brand:focus,
        .navbar.bg-gray .navbar-brand a:hover,
        .navbar.bg-gray .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-gray .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-gray .navbar-search-wrapper .search-input {
        color: #eef0f2;
    }

    .navbar.bg-gray .search-input-wrapper .search-input,
    .navbar.bg-gray .search-input-wrapper .search-toggler {
        background-color: rgba(38, 60, 85, 0.5) !important;
        color: #eef0f2;
    }

    .navbar.bg-gray .navbar-nav > .nav-link,
    .navbar.bg-gray .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link {
        color: #eef0f2;
    }

        .navbar.bg-gray .navbar-nav > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-link:focus,
        .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-gray .navbar-nav > .nav-link.disabled,
        .navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #cacfd5 !important;
        }

    .navbar.bg-gray .navbar-nav .show > .nav-link,
    .navbar.bg-gray .navbar-nav .active > .nav-link,
    .navbar.bg-gray .navbar-nav .nav-link.show,
    .navbar.bg-gray .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-gray .navbar-toggler {
        color: #eef0f2;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-gray .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-gray .navbar-text {
        color: #eef0f2;
    }

        .navbar.bg-gray .navbar-text a {
            color: #fff;
        }

            .navbar.bg-gray .navbar-text a:hover, .navbar.bg-gray .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-gray hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.navbar.bg-white {
    background-color: #fff !important;
    color: #677788;
}

    .navbar.bg-white .navbar-brand,
    .navbar.bg-white .navbar-brand a {
        color: #516377;
    }

        .navbar.bg-white .navbar-brand:hover, .navbar.bg-white .navbar-brand:focus,
        .navbar.bg-white .navbar-brand a:hover,
        .navbar.bg-white .navbar-brand a:focus {
            color: #516377;
        }

    .navbar.bg-white .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-white .navbar-search-wrapper .search-input {
        color: #677788;
    }

    .navbar.bg-white .search-input-wrapper .search-input,
    .navbar.bg-white .search-input-wrapper .search-toggler {
        background-color: #fff !important;
        color: #677788;
    }

    .navbar.bg-white .navbar-nav > .nav-link,
    .navbar.bg-white .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link {
        color: #677788;
    }

        .navbar.bg-white .navbar-nav > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-link:focus,
        .navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #516377;
        }

        .navbar.bg-white .navbar-nav > .nav-link.disabled,
        .navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #a4adb8 !important;
        }

    .navbar.bg-white .navbar-nav .show > .nav-link,
    .navbar.bg-white .navbar-nav .active > .nav-link,
    .navbar.bg-white .navbar-nav .nav-link.show,
    .navbar.bg-white .navbar-nav .nav-link.active {
        color: #516377;
    }

    .navbar.bg-white .navbar-toggler {
        color: #677788;
        border-color: rgba(81, 99, 119, 0.075);
    }

    .navbar.bg-white .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(38, 60, 85, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-white .navbar-text {
        color: #677788;
    }

        .navbar.bg-white .navbar-text a {
            color: #516377;
        }

            .navbar.bg-white .navbar-text a:hover, .navbar.bg-white .navbar-text a:focus {
                color: #516377;
            }

    .navbar.bg-white hr {
        border-color: rgba(81, 99, 119, 0.075);
    }

.navbar.bg-light {
    background-color: #e9ecee !important;
    color: #677788;
}

    .navbar.bg-light .navbar-brand,
    .navbar.bg-light .navbar-brand a {
        color: #516377;
    }

        .navbar.bg-light .navbar-brand:hover, .navbar.bg-light .navbar-brand:focus,
        .navbar.bg-light .navbar-brand a:hover,
        .navbar.bg-light .navbar-brand a:focus {
            color: #516377;
        }

    .navbar.bg-light .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-light .navbar-search-wrapper .search-input {
        color: #677788;
    }

    .navbar.bg-light .search-input-wrapper .search-input,
    .navbar.bg-light .search-input-wrapper .search-toggler {
        background-color: rgba(38, 60, 85, 0.1) !important;
        color: #677788;
    }

    .navbar.bg-light .navbar-nav > .nav-link,
    .navbar.bg-light .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link {
        color: #677788;
    }

        .navbar.bg-light .navbar-nav > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-link:focus,
        .navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #516377;
        }

        .navbar.bg-light .navbar-nav > .nav-link.disabled,
        .navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #9ba6b1 !important;
        }

    .navbar.bg-light .navbar-nav .show > .nav-link,
    .navbar.bg-light .navbar-nav .active > .nav-link,
    .navbar.bg-light .navbar-nav .nav-link.show,
    .navbar.bg-light .navbar-nav .nav-link.active {
        color: #516377;
    }

    .navbar.bg-light .navbar-toggler {
        color: #677788;
        border-color: rgba(81, 99, 119, 0.0788566667);
    }

    .navbar.bg-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(38, 60, 85, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-light .navbar-text {
        color: #677788;
    }

        .navbar.bg-light .navbar-text a {
            color: #516377;
        }

            .navbar.bg-light .navbar-text a:hover, .navbar.bg-light .navbar-text a:focus {
                color: #516377;
            }

    .navbar.bg-light hr {
        border-color: rgba(81, 99, 119, 0.0788566667);
    }

.navbar.bg-lighter {
    background-color: #f2f3f5 !important;
    color: #677788;
}

    .navbar.bg-lighter .navbar-brand,
    .navbar.bg-lighter .navbar-brand a {
        color: #516377;
    }

        .navbar.bg-lighter .navbar-brand:hover, .navbar.bg-lighter .navbar-brand:focus,
        .navbar.bg-lighter .navbar-brand a:hover,
        .navbar.bg-lighter .navbar-brand a:focus {
            color: #516377;
        }

    .navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-lighter .navbar-search-wrapper .search-input {
        color: #677788;
    }

    .navbar.bg-lighter .search-input-wrapper .search-input,
    .navbar.bg-lighter .search-input-wrapper .search-toggler {
        background-color: rgba(38, 60, 85, 0.06) !important;
        color: #677788;
    }

    .navbar.bg-lighter .navbar-nav > .nav-link,
    .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link {
        color: #677788;
    }

        .navbar.bg-lighter .navbar-nav > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-link:focus,
        .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #516377;
        }

        .navbar.bg-lighter .navbar-nav > .nav-link.disabled,
        .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #9fa9b4 !important;
        }

    .navbar.bg-lighter .navbar-nav .show > .nav-link,
    .navbar.bg-lighter .navbar-nav .active > .nav-link,
    .navbar.bg-lighter .navbar-nav .nav-link.show,
    .navbar.bg-lighter .navbar-nav .nav-link.active {
        color: #516377;
    }

    .navbar.bg-lighter .navbar-toggler {
        color: #677788;
        border-color: rgba(81, 99, 119, 0.0773668627);
    }

    .navbar.bg-lighter .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(38, 60, 85, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-lighter .navbar-text {
        color: #677788;
    }

        .navbar.bg-lighter .navbar-text a {
            color: #516377;
        }

            .navbar.bg-lighter .navbar-text a:hover, .navbar.bg-lighter .navbar-text a:focus {
                color: #516377;
            }

    .navbar.bg-lighter hr {
        border-color: rgba(81, 99, 119, 0.0773668627);
    }

.footer.bg-secondary {
    background-color: #69809a !important;
    color: #e0e5ea;
}

    .footer.bg-secondary .footer-link {
        color: #e0e5ea;
    }

        .footer.bg-secondary .footer-link:hover, .footer.bg-secondary .footer-link:focus {
            color: #fff;
        }

        .footer.bg-secondary .footer-link.disabled {
            color: #b0bdca !important;
        }

    .footer.bg-secondary .footer-text {
        color: #fff;
    }

    .footer.bg-secondary .show > .footer-link,
    .footer.bg-secondary .active > .footer-link,
    .footer.bg-secondary .footer-link.show,
    .footer.bg-secondary .footer-link.active {
        color: #fff;
    }

    .footer.bg-secondary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-success {
    background-color: #39da8a !important;
    color: #e2faee;
}

    .footer.bg-success .footer-link {
        color: #e2faee;
    }

        .footer.bg-success .footer-link:hover, .footer.bg-success .footer-link:focus {
            color: #fff;
        }

        .footer.bg-success .footer-link.disabled {
            color: #9eedc6 !important;
        }

    .footer.bg-success .footer-text {
        color: #fff;
    }

    .footer.bg-success .show > .footer-link,
    .footer.bg-success .active > .footer-link,
    .footer.bg-success .footer-link.show,
    .footer.bg-success .footer-link.active {
        color: #fff;
    }

    .footer.bg-success hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-info {
    background-color: #00cfdd !important;
    color: #d4f7f9;
}

    .footer.bg-info .footer-link {
        color: #d4f7f9;
    }

        .footer.bg-info .footer-link:hover, .footer.bg-info .footer-link:focus {
            color: #fff;
        }

        .footer.bg-info .footer-link.disabled {
            color: #7fe7ee !important;
        }

    .footer.bg-info .footer-text {
        color: #fff;
    }

    .footer.bg-info .show > .footer-link,
    .footer.bg-info .active > .footer-link,
    .footer.bg-info .footer-link.show,
    .footer.bg-info .footer-link.active {
        color: #fff;
    }

    .footer.bg-info hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-warning {
    background-color: #fdac41 !important;
    color: #fff6ea;
}

    .footer.bg-warning .footer-link {
        color: #fff6ea;
    }

        .footer.bg-warning .footer-link:hover, .footer.bg-warning .footer-link:focus {
            color: #fff;
        }

        .footer.bg-warning .footer-link.disabled {
            color: #fed8a6 !important;
        }

    .footer.bg-warning .footer-text {
        color: #fff;
    }

    .footer.bg-warning .show > .footer-link,
    .footer.bg-warning .active > .footer-link,
    .footer.bg-warning .footer-link.show,
    .footer.bg-warning .footer-link.active {
        color: #fff;
    }

    .footer.bg-warning hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-danger {
    background-color: #ff5b5c !important;
    color: #ffe1e2;
}

    .footer.bg-danger .footer-link {
        color: #ffe1e2;
    }

        .footer.bg-danger .footer-link:hover, .footer.bg-danger .footer-link:focus {
            color: #fff;
        }

        .footer.bg-danger .footer-link.disabled {
            color: #ffabac !important;
        }

    .footer.bg-danger .footer-text {
        color: #fff;
    }

    .footer.bg-danger .show > .footer-link,
    .footer.bg-danger .active > .footer-link,
    .footer.bg-danger .footer-link.show,
    .footer.bg-danger .footer-link.active {
        color: #fff;
    }

    .footer.bg-danger hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-dark {
    background-color: #495563 !important;
    color: #ced1d5;
}

    .footer.bg-dark .footer-link {
        color: #ced1d5;
    }

        .footer.bg-dark .footer-link:hover, .footer.bg-dark .footer-link:focus {
            color: #fff;
        }

        .footer.bg-dark .footer-link.disabled {
            color: #999fa7 !important;
        }

    .footer.bg-dark .footer-text {
        color: #fff;
    }

    .footer.bg-dark .show > .footer-link,
    .footer.bg-dark .active > .footer-link,
    .footer.bg-dark .footer-link.show,
    .footer.bg-dark .footer-link.active {
        color: #fff;
    }

    .footer.bg-dark hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-gray {
    background-color: #939eaa !important;
    color: #eef0f2;
}

    .footer.bg-gray .footer-link {
        color: #eef0f2;
    }

        .footer.bg-gray .footer-link:hover, .footer.bg-gray .footer-link:focus {
            color: #fff;
        }

        .footer.bg-gray .footer-link.disabled {
            color: #cacfd5 !important;
        }

    .footer.bg-gray .footer-text {
        color: #fff;
    }

    .footer.bg-gray .show > .footer-link,
    .footer.bg-gray .active > .footer-link,
    .footer.bg-gray .footer-link.show,
    .footer.bg-gray .footer-link.active {
        color: #fff;
    }

    .footer.bg-gray hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-white {
    background-color: #fff !important;
    color: #677788;
}

    .footer.bg-white .footer-link {
        color: #677788;
    }

        .footer.bg-white .footer-link:hover, .footer.bg-white .footer-link:focus {
            color: #516377;
        }

        .footer.bg-white .footer-link.disabled {
            color: #a4adb8 !important;
        }

    .footer.bg-white .footer-text {
        color: #516377;
    }

    .footer.bg-white .show > .footer-link,
    .footer.bg-white .active > .footer-link,
    .footer.bg-white .footer-link.show,
    .footer.bg-white .footer-link.active {
        color: #516377;
    }

    .footer.bg-white hr {
        border-color: rgba(81, 99, 119, 0.075);
    }

.footer.bg-light {
    background-color: #e9ecee !important;
    color: #677788;
}

    .footer.bg-light .footer-link {
        color: #677788;
    }

        .footer.bg-light .footer-link:hover, .footer.bg-light .footer-link:focus {
            color: #516377;
        }

        .footer.bg-light .footer-link.disabled {
            color: #9ba6b1 !important;
        }

    .footer.bg-light .footer-text {
        color: #516377;
    }

    .footer.bg-light .show > .footer-link,
    .footer.bg-light .active > .footer-link,
    .footer.bg-light .footer-link.show,
    .footer.bg-light .footer-link.active {
        color: #516377;
    }

    .footer.bg-light hr {
        border-color: rgba(81, 99, 119, 0.0788566667);
    }

.footer.bg-lighter {
    background-color: #f2f3f5 !important;
    color: #677788;
}

    .footer.bg-lighter .footer-link {
        color: #677788;
    }

        .footer.bg-lighter .footer-link:hover, .footer.bg-lighter .footer-link:focus {
            color: #516377;
        }

        .footer.bg-lighter .footer-link.disabled {
            color: #9fa9b4 !important;
        }

    .footer.bg-lighter .footer-text {
        color: #516377;
    }

    .footer.bg-lighter .show > .footer-link,
    .footer.bg-lighter .active > .footer-link,
    .footer.bg-lighter .footer-link.show,
    .footer.bg-lighter .footer-link.active {
        color: #516377;
    }

    .footer.bg-lighter hr {
        border-color: rgba(81, 99, 119, 0.0773668627);
    }

@charset "UTF-8";
/*
* Pages Mixins
*/
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
    content: "";
    width: 100%;
    height: 0.75rem;
    position: fixed;
    top: 0px;
    z-index: 10;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item,
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item.active .menu-link {
    border-radius: 0.3125rem;
}

.layout-horizontal .bg-menu-theme .menu-inner > .menu-item,
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item > .menu-link {
    border-radius: 0.3125rem;
}

.bg-menu-theme .menu-inner .menu-item.active > .menu-link,
.bg-menu-theme .menu-inner .menu-item:not(.open) > .menu-link:hover,
.bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
    border-radius: 0.3125rem;
}

@media (min-width: 1200px) {
    .layout-horizontal .bg-menu-theme .menu-inner > .menu-item {
        margin: 0.565rem 0;
    }

        .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:first-child) {
            margin-left: 0.0625rem;
        }

        .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:last-child) {
            margin-right: 0.0625rem;
        }

        .layout-horizontal .bg-menu-theme .menu-inner > .menu-item .menu-sub {
            box-shadow: 0 0.625rem 1.25rem rgba(147, 158, 170, 0.5);
        }
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    content: "";
    position: absolute;
    left: 1.4375rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
}

.layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    left: 1.3rem;
}

.bg-menu-theme .menu-horizontal-wrapper > .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link:before {
    display: none;
}

.layout-menu-hover .layout-menu {
    box-shadow: 0 0.625rem 1.25rem rgba(147, 158, 170, 0.5);
    transition: all 0.3s ease-in-out;
}

body {
    background: #f3f4f4;
}

.bg-body {
    background: #f3f4f4 !important;
}

.text-primary {
    color: #5a8dee !important;
}

.text-body[href]:hover {
    color: #517fd6 !important;
}

.bg-primary {
    background-color: #5a8dee !important;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #5686e2 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #5a8dee;
}

.bg-label-primary {
    background-color: #e5edfc !important;
    color: #5a8dee !important;
}

body.dark-layout .bg-label-primary {
    background-color: #e5edfc !important;
    color: #272e48 !important;
}


body.dark-layout .bar {
    top: 62px;
    background-color: #5A8DEE !important;
    height: 2px;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
    border-color: #5a8dee;
    background-color: #5a8dee;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

.progress-bar {
    background-color: #5a8dee;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.4);
}

.modal-onboarding .carousel-indicators [data-bs-target] {
    background-color: #5a8dee;
}

.carousel-control-prev,
.carousel-control-next {
    color: #5a8dee;
}

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #5a8dee;
    }

.list-group-item-primary {
    background-color: #e5edfc;
    color: #5a8dee !important;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #5a8dee;
}

    a.list-group-item-primary:hover, a.list-group-item-primary:focus,
    button.list-group-item-primary:hover,
    button.list-group-item-primary:focus {
        background-color: #dae1ef;
        color: #5a8dee;
    }

    a.list-group-item-primary.active,
    button.list-group-item-primary.active {
        border-color: #5a8dee;
        background-color: #5a8dee;
        color: #5a8dee;
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    border-color: #5a8dee;
    background-color: #5a8dee;
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
    background-color: #5a8dee;
}

.alert-primary {
    background-color: #e5edfc;
    border-color: #ceddfa;
    color: #5a8dee;
}

    .alert-primary .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%235a8dee' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%235a8dee' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-primary .alert-link {
        color: #5a8dee;
    }

.card .alert-primary hr {
    background-color: #5a8dee !important;
}

.alert-solid-primary {
    background-color: #5a8dee;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .alert-solid-primary .btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&amp;-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .alert-solid-primary .alert-link {
        color: #fff;
    }

.card .alert-solid-primary hr {
    background-color: #fff !important;
}

.accordion.accordion-header-primary .accordion-item.active .accordion-button {
    color: #5a8dee !important;
}

    .accordion.accordion-header-primary .accordion-item.active .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%235a8dee' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

.tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner, .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
    background: #5a8dee;
    color: #fff;
}

.tooltip-primary.bs-tooltip-top .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-top .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #5a8dee;
}

.tooltip-primary.bs-tooltip-start .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-start .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #5a8dee;
}

.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-bottom .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #5a8dee;
}

.tooltip-primary.bs-tooltip-end .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-end .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #5a8dee;
}

.popover.popover-primary, .popover .popover-primary > .popover, .popover .ngb-popover-primary + ngb-popover-window {
    border-color: transparent;
    background: #5a8dee;
}

    .popover.popover-primary .popover-header, .popover .popover-primary > .popover .popover-header, .popover .ngb-popover-primary + ngb-popover-window .popover-header {
        background: transparent;
        color: #fff;
    }

    .popover.popover-primary .popover-body, .popover .popover-primary > .popover .popover-body, .popover .ngb-popover-primary + ngb-popover-window .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover.popover-primary > .popover-arrow::before, .popover .popover-primary > .popover > .popover-arrow::before, .popover .ngb-popover-primary + ngb-popover-window > .popover-arrow::before {
        border-color: transparent;
    }

    .popover.popover-primary.bs-popover-top > .popover-arrow::after, .popover .popover-primary > .popover.bs-popover-top > .popover-arrow::after, .popover .ngb-popover-primary + ngb-popover-window.bs-popover-top > .popover-arrow::after {
        border-top-color: #5a8dee;
    }

    .popover.popover-primary.bs-popover-end > .popover-arrow::after, .popover .popover-primary > .popover.bs-popover-end > .popover-arrow::after, .popover .ngb-popover-primary + ngb-popover-window.bs-popover-end > .popover-arrow::after {
        border-right-color: #5a8dee;
    }

    .popover.popover-primary.bs-popover-bottom > .popover-arrow::after, .popover .popover-primary > .popover.bs-popover-bottom > .popover-arrow::after, .popover .ngb-popover-primary + ngb-popover-window.bs-popover-bottom > .popover-arrow::after {
        border-bottom-color: #5a8dee !important;
    }

    .popover.popover-primary.bs-popover-start > .popover-arrow::after, .popover .popover-primary > .popover.bs-popover-start > .popover-arrow::after, .popover .ngb-popover-primary + ngb-popover-window.bs-popover-start > .popover-arrow::after {
        border-left-color: #5a8dee;
    }

    .popover.popover-primary.bs-popover-bottom .popover-header::before, .popover .popover-primary > .popover.bs-popover-bottom .popover-header::before, .popover .ngb-popover-primary + ngb-popover-window.bs-popover-bottom .popover-header::before {
        border-bottom: 1px solid transparent;
    }

.table-primary {
    --bs-table-bg: #dee8fc;
    --bs-table-striped-bg: #d8e3f7;
    --bs-table-striped-color: #263c55;
    --bs-table-active-bg: #ccd7eb;
    --bs-table-active-color: #263c55;
    --bs-table-hover-bg: #d3def2;
    --bs-table-hover-color: #263c55;
    color: #263c55;
    border-color: #b9c6db;
}

    .table-primary .btn-icon {
        color: #263c55;
    }

.btn-primary {
    color: #fff;
    background-color: #5a8dee;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .btn-primary:hover {
        color: #fff;
        background-color: #7ba4f1;
        border-color: #7ba4f1;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #4d78ca;
        border-color: #4d78ca;
        box-shadow: none;
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #4d78ca;
        border-color: #4d78ca;
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #5a8dee;
        border-color: #5a8dee;
        box-shadow: none !important;
    }

.btn-label-primary {
    color: #5a8dee;
    border-color: transparent;
    background: #e5edfc;
}

    .btn-label-primary:hover {
        border-color: transparent;
        background: #ffc04b;
        color: #fff;
    }

    .btn-label-primary:focus, .btn-label-primary.focus {
        color: #fff;
        background: #ffc04b;
        box-shadow: none !important;
    }

    .btn-label-primary:active, .btn-label-primary.active, .show > .btn-label-primary.dropdown-toggle {
        color: #fff;
        background-color: #4d78ca;
        border-color: transparent;
    }

        .btn-label-primary:active:focus, .btn-label-primary.active:focus, .show > .btn-label-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .btn-label-primary.disabled, .btn-label-primary:disabled {
        color: #5a8dee;
        border-color: transparent;
        background: #e5edfc;
        box-shadow: none;
    }

.btn-outline-primary {
    color: #4d78ca;
    border-color: #4d78ca;
    background: transparent;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #5a8dee;
        border-color: #4d78ca;
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        color: #fff;
        background-color: #4d78ca;
        border-color: #4d78ca;
        box-shadow: none;
    }

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #fff !important;
        background-color: #5A8DEE;
        border-color: #4d78ca;
    }

        .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: none;
        }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #5a8dee;
        background-color: transparent;
    }

    .btn-outline-primary .badge {
        background: #ffc14b;
        border-color: #4d78ca;
        color: #fff;
    }

    .btn-outline-primary:hover .badge,
    .btn-outline-primary:focus:hover .badge,
    .btn-outline-primary:active .badge,
    .btn-outline-primary.active .badge,
    .show > .btn-outline-primary.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #5a8dee;
    }

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
    background-color: rgba(90, 141, 238, 0.08);
    color: #5a8dee !important;
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
    background-color: rgba(90, 141, 238, 0.08);
    color: #5a8dee !important;
}

.nav .nav-link:hover, .nav .nav-link:focus {
    color: #517fd6;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #5a8dee;
    color: #fff;
}

.tabs-line.nav-tabs .nav-link.active, .tabs-line.nav-tabs .nav-link.active:hover, .tabs-line.nav-tabs .nav-link.active:focus,
.tabs-line > .nav-tabs .nav-link.active,
.tabs-line > .nav-tabs .nav-link.active:hover,
.tabs-line > .nav-tabs .nav-link.active:focus {
    box-shadow: 0 -2px 0 #5a8dee inset;
}

.nav-align-bottom .tabs-line.nav-tabs .nav-link.active, .nav-align-bottom .tabs-line.nav-tabs .nav-link.active:hover, .nav-align-bottom .tabs-line.nav-tabs .nav-link.active:focus,
.nav-align-bottom .tabs-line > .nav-tabs .nav-link.active,
.nav-align-bottom .tabs-line > .nav-tabs .nav-link.active:hover,
.nav-align-bottom .tabs-line > .nav-tabs .nav-link.active:focus {
    box-shadow: 0 2px 0 #5a8dee inset;
}

.nav-align-left .tabs-line.nav-tabs .nav-link.active, .nav-align-left .tabs-line.nav-tabs .nav-link.active:hover, .nav-align-left .tabs-line.nav-tabs .nav-link.active:focus,
.nav-align-left .tabs-line > .nav-tabs .nav-link.active,
.nav-align-left .tabs-line > .nav-tabs .nav-link.active:hover,
.nav-align-left .tabs-line > .nav-tabs .nav-link.active:focus {
    box-shadow: -2px 0px 0 #5a8dee inset;
}

.nav-align-right .tabs-line.nav-tabs .nav-link.active, .nav-align-right .tabs-line.nav-tabs .nav-link.active:hover, .nav-align-right .tabs-line.nav-tabs .nav-link.active:focus,
.nav-align-right .tabs-line > .nav-tabs .nav-link.active,
.nav-align-right .tabs-line > .nav-tabs .nav-link.active:hover,
.nav-align-right .tabs-line > .nav-tabs .nav-link.active:focus {
    box-shadow: 2px 0px 0 #5a8dee inset;
}

.form-control:focus,
.form-select:focus {
    border-color: #5a8dee;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #5a8dee;
}

.form-check-input:focus {
    border-color: #5a8dee;
}

.form-check-input:checked {
    background-color: #5a8dee;
    border-color: #5a8dee;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #5a8dee;
    border-color: #5a8dee;
}

.custom-option.checked {
    border: 1px solid #5a8dee;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235a8dee'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-control:focus ~ .form-label {
    border-color: #5a8dee;
}

    .form-control:focus ~ .form-label::after {
        border-color: inherit;
    }

.switch-input:checked ~ .switch-toggle-slider {
    background: #5a8dee;
    color: #fff;
}

.switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #5a8dee;
    color: #fff;
}

.switch-primary.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0 0.12rem rgba(147, 158, 170, 0.3);
}

.timeline .timeline-item-primary .timeline-event {
    background-color: rgba(90, 141, 238, 0.1);
}

    .timeline .timeline-item-primary .timeline-event:before {
        border-left-color: rgba(90, 141, 238, 0.1) !important;
        border-right-color: rgba(90, 141, 238, 0.1) !important;
    }

.timeline .timeline-point-primary {
    background-color: #5a8dee !important;
    box-shadow: 0 0 0 0.1875rem rgba(90, 141, 238, 0.16);
}

.timeline .timeline-indicator-primary {
    border-color: #5a8dee !important;
}

    .timeline .timeline-indicator-primary i {
        color: #5a8dee !important;
    }

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
    border-color: #5a8dee;
}

.navbar.bg-primary {
    background-color: #5a8dee !important;
    color: #e0eafc;
}

    .navbar.bg-primary .navbar-brand,
    .navbar.bg-primary .navbar-brand a {
        color: #fff;
    }

        .navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus,
        .navbar.bg-primary .navbar-brand a:hover,
        .navbar.bg-primary .navbar-brand a:focus {
            color: #fff;
        }

    .navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
    .navbar.bg-primary .navbar-search-wrapper .search-input {
        color: #e0eafc;
    }

    .navbar.bg-primary .search-input-wrapper .search-input,
    .navbar.bg-primary .search-input-wrapper .search-toggler {
        background-color: #5a8dee !important;
        color: #e0eafc;
    }

    .navbar.bg-primary .navbar-nav > .nav-link,
    .navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
        color: #e0eafc;
    }

        .navbar.bg-primary .navbar-nav > .nav-link:hover, .navbar.bg-primary .navbar-nav > .nav-link:focus,
        .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
        .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
        .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #fff;
        }

        .navbar.bg-primary .navbar-nav > .nav-link.disabled,
        .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
        .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #aac5f6 !important;
        }

    .navbar.bg-primary .navbar-nav .show > .nav-link,
    .navbar.bg-primary .navbar-nav .active > .nav-link,
    .navbar.bg-primary .navbar-nav .nav-link.show,
    .navbar.bg-primary .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar.bg-primary .navbar-toggler {
        color: #e0eafc;
        border-color: rgba(255, 255, 255, 0.15);
    }

    .navbar.bg-primary .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar.bg-primary .navbar-text {
        color: #e0eafc;
    }

        .navbar.bg-primary .navbar-text a {
            color: #fff;
        }

            .navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
                color: #fff;
            }

    .navbar.bg-primary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.menu.bg-primary {
    background-color: #5a8dee !important;
    color: #e0eafc;
}

    .menu.bg-primary .menu-link,
    .menu.bg-primary .menu-horizontal-prev,
    .menu.bg-primary .menu-horizontal-next {
        color: #e0eafc;
    }

        .menu.bg-primary .menu-link.active,
        .menu.bg-primary .menu-horizontal-prev.active,
        .menu.bg-primary .menu-horizontal-next.active {
            color: #fff;
        }

        .menu.bg-primary .menu-item.disabled .menu-link,
        .menu.bg-primary .menu-horizontal-prev.disabled,
        .menu.bg-primary .menu-horizontal-next.disabled {
            color: #aac5f6 !important;
        }

    .menu.bg-primary .menu-item.active > .menu-link:not(.menu-toggle) {
        color: #fff;
        background-color: #5e90ee;
    }

    .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
        background-color: #5e90ee !important;
    }

    .menu.bg-primary.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
        background-color: transparent !important;
        color: #fff !important;
    }

    .menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
    .menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
        background: transparent;
        color: #e0eafc;
    }

    .menu.bg-primary .menu-inner-shadow {
        background: linear-gradient(#5a8dee 41%, rgba(90, 141, 238, 0.11) 95%, rgba(90, 141, 238, 0));
    }

    .menu.bg-primary .menu-text {
        color: #fff;
    }

    .menu.bg-primary .menu-header {
        color: #bfd3f9;
    }

    .menu.bg-primary hr,
    .menu.bg-primary .menu-divider,
    .menu.bg-primary .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }

    .menu.bg-primary .menu-inner > .menu-header::before {
        background-color: rgba(255, 255, 255, 0.15);
    }

    .menu.bg-primary .menu-block::before {
        background-color: #bfd3f9;
    }

    .menu.bg-primary .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
        background-color: #76a1f1;
    }

    .menu.bg-primary .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
        background-color: #fff;
    }

    .menu.bg-primary .ps__thumb-y,
    .menu.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
        background: rgba(255, 255, 255, 0.614602353) !important;
    }

.footer.bg-primary {
    background-color: #5a8dee !important;
    color: #e0eafc;
}

    .footer.bg-primary .footer-link {
        color: #e0eafc;
    }

        .footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
            color: #fff;
        }

        .footer.bg-primary .footer-link.disabled {
            color: #aac5f6 !important;
        }

    .footer.bg-primary .footer-text {
        color: #fff;
    }

    .footer.bg-primary .show > .footer-link,
    .footer.bg-primary .active > .footer-link,
    .footer.bg-primary .footer-link.show,
    .footer.bg-primary .footer-link.active {
        color: #fff;
    }

    .footer.bg-primary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.toast .toast-header.bg-primary,
.bs-toast .toast-header.bg-primary {
    background-color: #5a8dee;
    color: #fff;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    color: #5a8dee;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    color: #5a8dee;
}

.form-floating > .form-control:-webkit-autofill ~ label {
    color: #5a8dee;
}

.svg-illustration svg {
    fill: #5a8dee;
}

.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-wholerow-hovered {
    background: #e6eefc;
}

.jstree-default-dark .jstree-wholerow-hovered,
.jstree-default-dark .jstree-wholerow-clicked {
    background: #516ea2;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #5a8dee !important;
}

a {
    color: #677788;
}

    a:hover {
        color: #677788;
        #bdd1f8
    }

body.dark-layout a {
    color: #bdd1f8;
}

    body.dark-layout a:hover {
        color: #bdd1f8;
    }

.fill-primary {
    fill: #5a8dee;
}

.noUi-primary .noUi-base .noUi-connect {
    background: #5a8dee !important;
}

.noUi-primary .noUi-base .noUi-touch-area {
    background-color: #5a8dee !important;
}

.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #8494a7 !important;
}

.paginationjs-size-changer .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #5a8dee !important;
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(90, 141, 238, 0.08) !important;
    color: #5a8dee !important;
}

    .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
        background: rgba(90, 141, 238, 0.16) !important;
    }

.tagify--focus {
    border-color: #5a8dee !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #5a8dee;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(38, 60, 85, 0.8);
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: rgba(90, 141, 238, 0.08) !important;
    color: #5a8dee !important;
}

.bootstrap-select .dropdown-toggle.show {
    border-color: #5a8dee;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled, .datepicker table tr td.range-start, .datepicker table tr td.range-end {
    background: #5a8dee !important;
    color: #fff !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.highlighted, .datepicker table tr td.range.today {
    color: #5a8dee !important;
    background: #f2f6fe !important;
}

    .datepicker table tr td.range.focused, .datepicker table tr td.range.highlighted.focused, .datepicker table tr td.range.today.focused {
        background: #d6e2fc !important;
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.today.disabled {
        background: rgba(242, 246, 254, 0.5) !important;
        color: rgba(38, 60, 85, 0.5) !important;
    }

.datepicker table tr td.today:not(.active) {
    border: 1px solid #5a8dee;
}

.datepicker table th.prev, .datepicker table th.next {
    border: 1px solid #5a8dee;
}

    .datepicker table th.prev::after, .datepicker table th.next::after {
        color: #5a8dee;
        border-color: #5a8dee;
    }

.flatpickr-calendar .numInputWrapper span.arrowDown:after {
    border-top-color: #fff;
}

.flatpickr-calendar .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff;
}

.flatpickr-day.today {
    border-color: #5a8dee;
}

    .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
        color: #5a8dee !important;
        background: #f2f6fe !important;
        border-color: #f2f6fe !important;
    }

.flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.week.selected {
    color: #fff !important;
    background: #5a8dee !important;
    border-color: #5a8dee !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    border: 1px solid #5a8dee;
}

    .flatpickr-prev-month svg,
    .flatpickr-next-month svg {
        fill: #5a8dee;
        stroke: #5a8dee;
    }

.daterangepicker table thead th select,
.daterangepicker table thead td select {
    background-color: transparent;
}

.daterangepicker td.active:not(.off) {
    background: #5a8dee !important;
    color: #fff;
}

.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next,
.daterangepicker .calendar-table th.prev:hover,
.daterangepicker .calendar-table th.next:hover {
    border: 1px solid #5a8dee;
}

    .daterangepicker .calendar-table th.prev span,
    .daterangepicker .calendar-table th.next span,
    .daterangepicker .calendar-table th.prev:hover span,
    .daterangepicker .calendar-table th.next:hover span {
        border-color: #5a8dee;
    }

.daterangepicker .start-date:not(.end-date):not(.off),
.daterangepicker .end-date:not(.start-date):not(.off) {
    background-color: #5a8dee;
    color: #fff;
    border: 0 !important;
}

    .daterangepicker .start-date:not(.end-date):not(.off):hover,
    .daterangepicker .end-date:not(.start-date):not(.off):hover {
        background-color: #5a8dee !important;
    }

.daterangepicker .input-mini.active {
    border-color: #5a8dee !important;
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    color: #5a8dee !important;
    background-color: #f2f6fe !important;
}

.ranges li.active {
    color: #5a8dee !important;
    background-color: #f2f6fe !important;
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    color: #5a8dee !important;
    background: rgba(90, 141, 238, 0.08) !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #5a8dee !important;
}

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #5a8dee !important;
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #5a8dee !important;
    }

.tt-suggestion:active,
.tt-cursor {
    background: rgba(90, 141, 238, 0.08) !important;
    color: #5a8dee !important;
}

.dropzone.dz-drag-hover {
    border-color: #5a8dee !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #5a8dee !important;
}

.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before {
    background-color: #5a8dee;
}

.plyr input[type=range]::-ms-fill-lower {
    background: #5a8dee !important;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background: #5a8dee !important;
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #5a8dee !important;
}

.plyr input[type=range]:active::-ms-thumb {
    background: #5a8dee !important;
}

.plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__control[aria-expanded=true],
.plyr--video .plyr__controls button:hover {
    background: #5a8dee !important;
    color: #fff !important;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--audio .plyr__controls button:hover {
    background: #5a8dee !important;
    color: #fff !important;
}

.plyr__play-large {
    background: #5a8dee !important;
    color: #fff !important;
}

.plyr__progress--played,
.plyr__volume--display {
    color: #5a8dee !important;
}

.plyr--full-ui input[type=range] {
    color: #5a8dee !important;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #5a8dee !important;
}

.fc .fc-event-primary:not(.fc-list-event) {
    background-color: #e5edfc !important;
    color: #5a8dee !important;
}

.fc .fc-event-primary.fc-list-event .fc-list-event-dot {
    border-color: #5a8dee !important;
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
    color: #5a8dee;
    border-color: transparent;
    background: #e5edfc;
}

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
        border-color: transparent;
        background: #5a8dee;
        color: #fff;
    }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):focus, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).focus {
        color: #fff;
        background: #4d78ca;
        box-shadow: none !important;
    }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):active, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).active, .show > .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).dropdown-toggle {
        color: #fff;
        background-color: #4d78ca;
        border-color: transparent;
    }

        .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):active:focus, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).active:focus, .show > .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).dropdown-toggle:focus {
            box-shadow: none;
        }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).disabled, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):disabled {
        color: #5a8dee;
        border-color: transparent;
        background: #e5edfc;
        box-shadow: none;
    }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active {
        background-color: #5a8dee !important;
        border-color: #5a8dee !important;
        color: #fff;
    }

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
    background: #5a8dee;
    color: #fff;
}

    .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
    .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
        background: #e6eefc;
    }

.pcr-app .pcr-type.active,
.pcr-app .pcr-save {
    background: #5a8dee !important;
}

.icon-card.active {
    outline: 1px solid #5a8dee;
}

    .icon-card.active i,
    .icon-card.active svg {
        color: #5a8dee;
    }

.shepherd-element[data-popper-placement=bottom] .shepherd-arrow:before {
    background-color: #5a8dee !important;
    border-color: #5a8dee;
}

.shepherd-element .shepherd-header {
    background: #5a8dee !important;
    color: #fff;
}

    .shepherd-element .shepherd-header .shepherd-title,
    .shepherd-element .shepherd-header .shepherd-cancel-icon {
        color: #fff !important;
    }

.shepherd-element .shepherd-button:not(:disabled).btn-primary {
    color: #fff;
    background-color: #5a8dee;
    border-color: #5a8dee;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

    .shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
        color: #fff;
        background-color: #7ba4f1;
        border-color: #7ba4f1;
        box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    }

    .btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-primary.focus {
        color: #fff;
        background-color: #4d78ca;
        border-color: #4d78ca;
        box-shadow: none;
    }

    .btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:active, .shepherd-element .shepherd-button:not(:disabled).btn-primary.active, .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #4d78ca;
        border-color: #4d78ca;
    }

        .btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus, .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-primary:active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-primary.active:focus, .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled {
        color: #fff;
        background-color: #5a8dee;
        border-color: #5a8dee;
        box-shadow: none !important;
    }

.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary {
    color: #69809a;
    border-color: transparent;
    background: #e7ebef;
}

    .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:hover {
        border-color: transparent;
        background: #69809a;
        color: #fff;
    }

    .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.focus {
        color: #fff;
        background: #596d83;
        box-shadow: none !important;
    }

    .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle {
        color: #fff;
        background-color: #596d83;
        border-color: transparent;
    }

        .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active:focus, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

    .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:disabled {
        color: #69809a;
        border-color: transparent;
        background: #e7ebef;
        box-shadow: none;
    }

.bs-stepper .step.active .bs-stepper-circle {
    background-color: #5a8dee !important;
    color: #fff;
}

.bs-stepper .step.active .bs-stepper-label {
    color: #5a8dee !important;
}

.bs-stepper .step.active .bs-stepper-icon svg {
    fill: #5a8dee !important;
}

.bs-stepper .step.active .step-trigger::after {
    background-color: #5a8dee;
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    border-color: #5a8dee !important;
    color: #5a8dee !important;
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
    fill: #5a8dee !important;
}

.bs-stepper .step.crossed .step-trigger::after {
    background-color: #5a8dee;
}

.bs-stepper .step.crossed + .line::before {
    background-color: #5a8dee !important;
}

.bs-stepper .step.crossed + .line svg {
    fill: #5a8dee;
}

.bs-stepper .step.crossed + .line i {
    color: #5a8dee;
}

.bs-stepper.wizard-icons .step.crossed .step-trigger .bs-stepper-label {
    color: #5a8dee !important;
}

.bs-stepper .step-trigger:focus {
    color: #5a8dee;
}

    .bs-stepper .step-trigger:focus svg {
        fill: #5a8dee !important;
    }

.bg-navbar-theme {
    background-color: #f3f4f4 !important;
    color: #677788;
}

    .bg-navbar-theme .navbar-brand,
    .bg-navbar-theme .navbar-brand a {
        color: #516377;
    }

        .bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus,
        .bg-navbar-theme .navbar-brand a:hover,
        .bg-navbar-theme .navbar-brand a:focus {
            color: #516377;
        }

    .bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
    .bg-navbar-theme .navbar-search-wrapper .search-input {
        color: #677788;
    }

    .bg-navbar-theme .search-input-wrapper .search-input,
    .bg-navbar-theme .search-input-wrapper .search-toggler {
        background-color: #f3f4f4 !important;
        color: #677788;
    }

    .bg-navbar-theme .navbar-nav > .nav-link,
    .bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
    .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
        color: #677788;
    }

        .bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus,
        .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
        .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus,
        .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover,
        .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus {
            color: #516377;
        }

        .bg-navbar-theme .navbar-nav > .nav-link.disabled,
        .bg-navbar-theme .navbar-nav > .nav-item > .nav-link.disabled,
        .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link.disabled {
            color: #9fa9b3 !important;
        }

    .bg-navbar-theme .navbar-nav .show > .nav-link,
    .bg-navbar-theme .navbar-nav .active > .nav-link,
    .bg-navbar-theme .navbar-nav .nav-link.show,
    .bg-navbar-theme .navbar-nav .nav-link.active {
        color: #516377;
    }

    .bg-navbar-theme .navbar-toggler {
        color: #677788;
        border-color: rgba(81, 99, 119, 0.0772154902);
    }

    .bg-navbar-theme .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(38, 60, 85, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .bg-navbar-theme .navbar-text {
        color: #677788;
    }

        .bg-navbar-theme .navbar-text a {
            color: #516377;
        }

            .bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
                color: #516377;
            }

    .bg-navbar-theme hr {
        border-color: rgba(81, 99, 119, 0.0772154902);
    }

.layout-horizontal .layout-navbar {
    background-color: #fff !important;
    box-shadow: 0 1px 0 #d4d8dd;
}

.bg-menu-theme {
    background-color: #f3f4f4 !important;
    color: #677788;
}

    .bg-menu-theme .menu-link,
    .bg-menu-theme .menu-horizontal-prev,
    .bg-menu-theme .menu-horizontal-next {
        color: #677788;
    }

        .bg-menu-theme .menu-link.active,
        .bg-menu-theme .menu-horizontal-prev.active,
        .bg-menu-theme .menu-horizontal-next.active {
            color: #5a8dee;
        }

        .bg-menu-theme .menu-item.disabled .menu-link,
        .bg-menu-theme .menu-horizontal-prev.disabled,
        .bg-menu-theme .menu-horizontal-next.disabled {
            color: #9fa9b3 !important;
        }

    .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
        color: #5a8dee;
        background-color: #dbe4f3;
    }

    .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
        background-color: #dbe4f3 !important;
    }

    .bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
        background-color: transparent !important;
        color: #5a8dee !important;
    }

    .bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
    .bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
        background: transparent;
        color: #677788;
    }

    .bg-menu-theme .menu-inner-shadow {
        background: linear-gradient(#f3f4f4 41%, rgba(243, 244, 244, 0.11) 95%, rgba(243, 244, 244, 0));
    }

    .bg-menu-theme .menu-text {
        color: #5a8dee;
    }

    .bg-menu-theme .menu-header {
        color: #8a96a3;
    }

    .bg-menu-theme hr,
    .bg-menu-theme .menu-divider,
    .bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: transparent !important;
    }

    .bg-menu-theme .menu-inner > .menu-header::before {
        background-color: transparent;
    }

    .bg-menu-theme .menu-block::before {
        background-color: #8a96a3;
    }

    .bg-menu-theme .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
        background-color: #dbe4f3;
    }

    .bg-menu-theme .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
        background-color: #5a8dee;
    }

    .bg-menu-theme .ps__thumb-y,
    .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
        background: rgba(90, 141, 238, 0.2177239216) !important;
    }

@media (min-width: 1200px) {
    .layout-menu {
        box-shadow: 0 0 0 1px #d4d8dd;
    }
}

.bg-menu-theme .menu-header {
    color: #a8b1bb;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open:not(.active) > .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open:not(.active) > .menu-link:hover,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
    background-color: rgba(38, 60, 85, 0.04);
}

.bg-menu-theme .menu-inner .menu-sub > .menu-item.active > .menu-link.menu-toggle,
.bg-menu-theme .menu-inner .menu-sub > .menu-item.open > .menu-link.menu-toggle {
    background-color: rgba(38, 60, 85, 0.04);
}

    .bg-menu-theme .menu-inner .menu-sub > .menu-item.active > .menu-link.menu-toggle .menu-icon,
    .bg-menu-theme .menu-inner .menu-sub > .menu-item.open > .menu-link.menu-toggle .menu-icon {
        color: #5a8dee;
    }

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner > .menu-item.open:not(.active), .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner > .menu-item.open:not(.active) {
    background-color: #eceded;
}

.bg-menu-theme .menu-inner > .menu-item.active {
    background-color: #eceded;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-expanded) .bg-menu-theme .menu-inner > .menu-item.active {
    background-color: #dbe4f3 !important;
}

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-expanded) .bg-menu-theme .menu-inner > .menu-item.active .menu-link {
        color: #5a8dee;
    }

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    background-color: #a8b1bb !important;
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before {
    background-color: #5a8dee !important;
}

.bg-menu-theme .menu-inner > .menu-header::before {
    background-color: #a8b1bb;
}

.bg-menu-theme.menu-horizontal {
    background-color: #fff !important;
    box-shadow: 0 0.125rem 0.25rem rgba(147, 158, 170, 0.4);
}

html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open:not(.active) > .menu-link, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open:not(.active) > .menu-link,
html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.active) .menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.active) .menu-link:hover,
html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner .menu-sub .menu-item.active .menu-link:not(.menu-toggle):hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme.menu-horizontal .menu-inner .menu-sub .menu-item.active .menu-link:not(.menu-toggle):hover {
    background-color: rgba(38, 60, 85, 0.06) !important;
    color: #516377;
}

.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
    background-color: #e5edfc !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.open:not(.active) {
    background-color: transparent;
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub {
    background: #fff !important;
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-sub > .menu-item.active > .menu-link.menu-toggle,
.bg-menu-theme.menu-horizontal .menu-inner .menu-sub > .menu-item.open > .menu-link.menu-toggle {
    background-color: rgba(38, 60, 85, 0.06) !important;
}

.bg-menu-theme.menu-horizontal .menu-inner .menu-sub > .menu-item.open:not(.active) .menu-link.menu-toggle .menu-icon {
    color: #677788;
}

.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
    color: #5a8dee;
}

.app-brand .layout-menu-toggle i {
    color: #5a8dee;
}

.bg-footer-theme {
    background-color: #f3f4f4 !important;
    color: #677788;
}

    .bg-footer-theme .footer-link {
        color: #677788;
    }

        .bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
            color: #516377;
        }

        .bg-footer-theme .footer-link.disabled {
            color: #9fa9b3 !important;
        }

    .bg-footer-theme .footer-text {
        color: #516377;
    }

    .bg-footer-theme .show > .footer-link,
    .bg-footer-theme .active > .footer-link,
    .bg-footer-theme .footer-link.show,
    .bg-footer-theme .footer-link.active {
        color: #516377;
    }

    .bg-footer-theme hr {
        border-color: rgba(81, 99, 119, 0.0772154902);
    }

/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 100;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 100;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 100;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 100;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 200;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 200;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 200;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 200;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 800;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* vietnamese */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Arima Madurai';
    font-style: normal;
    font-weight: 900;
    src: url(../../fonts/Arima-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* entire container, keeps perspective */
.card-container {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    margin-bottom: 30px;
}
    /* flip the pane when hovered */
    .card-container:not(.manual-flip):hover .card,
    .card-container.hover.manual-flip .card {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }


    .card-container.static:hover .card,
    .card-container.static.hover .card {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
/* flip speed goes here */
.card {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}

/* front pane, placed above back */
.front {
    z-index: 2;
}

/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
    z-index: 3;
}

    .back .btn-simple {
        position: absolute;
        left: 0;
        bottom: 4px;
    }
/*        Style       */



.card-container, .front, .back {
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 14px rgb(38 60 85 / 16%);
    -moz-box-shadow: 0 2px 14px rgb(38 60 85 / 16%);
    box-shadow: 0 2px 14px rgb(38 60 85 / 16%);
}






.card .back .content .main {
    height: 215px;
}








.card .stats-container {
    width: 100%;
    margin-top: 50px;
}

.card .stats {
    display: block;
    float: left;
    width: 33.333333%;
    text-align: center;
}

    .card .stats:first-child {
        border-right: 1px solid #EEEEEE;
    }

    .card .stats:last-child {
        border-left: 1px solid #EEEEEE;
    }

    .card .stats h4 {
        font-family: 'Arima Madurai', cursive;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .card .stats p {
        color: #777777;
    }
/*      Just for presentation        */


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back {
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }

    .front {
        z-index: 4;
    }

    .card-container:not(.manual-flip):hover .back,
    .card-container.manual-flip.hover .back {
        z-index: 5;
        visibility: visible;
    }
}

*/
@-webkit-keyframes bs-notify-fadeOut {
    0%

{
    opacity: .9
}

100% {
    opacity: 0
}

}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }

    100% {
        opacity: 0
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }

    100% {
        opacity: 0
    }
}

.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

    .bootstrap-select > .dropdown-toggle {
        position: relative;
        width: 100%;
        text-align: right;
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .bootstrap-select > .dropdown-toggle:after {
            margin-top: -1px
        }

        .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
            color: rgba(255,255,255,.5)
        }

    .bootstrap-select > select {
        position: absolute !important;
        bottom: 0;
        left: 50%;
        display: block !important;
        width: .5px !important;
        height: 100% !important;
        padding: 0 !important;
        opacity: 0 !important;
        border: none;
        z-index: 0 !important
    }

        .bootstrap-select > select.mobile-device {
            top: 0;
            left: 0;
            display: block !important;
            width: 100% !important;
            z-index: 2 !important
        }

    .bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
        border-color: #b94a48
    }

    .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
        border-color: #28a745
    }

    .bootstrap-select.fit-width {
        width: auto !important
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 220px
    }

    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
        outline: thin dotted #333 !important;
        outline: none !important;
        outline-offset: -2px
    }

    .bootstrap-select.form-control {
        margin-bottom: 0;
        padding: 0;
        border: none;
        height: auto
    }

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

    .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
        float: right
    }

.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
    padding: 0
}

    .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        border-radius: inherit
    }

.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
    cursor: not-allowed
}

    .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
        outline: 0 !important
    }

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

    .bootstrap-select.bs-container .dropdown-menu {
        z-index: 1060
    }

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
        padding-right: inherit
    }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .bootstrap-select .dropdown-menu > .inner:focus {
        outline: 0 !important
    }

    .bootstrap-select .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bootstrap-select .dropdown-menu li {
        position: relative
    }

        .bootstrap-select .dropdown-menu li.active small {
            color: rgba(255,255,255,.5) !important
        }

        .bootstrap-select .dropdown-menu li.disabled a {
            cursor: not-allowed
        }

        .bootstrap-select .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .bootstrap-select .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em
            }

            .bootstrap-select .dropdown-menu li a span.check-mark {
                display: none
            }

            .bootstrap-select .dropdown-menu li a span.text {
                display: inline-block
            }

        .bootstrap-select .dropdown-menu li small {
            padding-left: .5em
        }

    .bootstrap-select .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        pointer-events: none;
        opacity: .9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .bootstrap-select .dropdown-menu .notify.fadeOut {
            -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut;
            -o-animation: .3s linear 750ms forwards bs-notify-fadeOut;
            animation: .3s linear 750ms forwards bs-notify-fadeOut
        }

.bootstrap-select .no-results {
    padding: 3px;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204,204,204,.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204,204,204,.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .bs-actionsbox .btn-group button {
        width: 50%
    }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .bs-donebutton .btn-group button {
        width: 100%
    }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.iconpicker .caret {
    margin-left: 10px !important;
}

.iconpicker {
    min-width: 60px;
}

    .iconpicker input.search-control {
        margin-bottom: 6px;
        margin-top: 6px;
    }

div.iconpicker.left .table-icons {
    margin-right: auto;
}

div.iconpicker.center .table-icons {
    margin-left: auto;
    margin-right: auto;
}

div.iconpicker.right .table-icons {
    margin-left: auto;
}

.table-icons .btn {
    min-height: 30px;
    min-width: 35px;
    text-align: center;
    padding: 0;
    margin: 2px;
}

.table-icons td {
    min-width: 39px;
}

.popover {
    max-width: inherit !important;
}

.iconpicker-popover {
    z-index: 1050 !important;
}

    .iconpicker-popover .search-control {
        margin-bottom: 6px;
        margin-top: 6px;
    }

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    max-width: 100% !important;
}

    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: bold
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 8px 10px !important;
        border-bottom: 1px solid #111
    }

        table.dataTable thead th:active, table.dataTable thead td:active {
            outline: none
        }

    table.dataTable tfoot th, table.dataTable tfoot td {
        padding-top: 8px;
        padding-right: 7px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top: 1px solid #111;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        *cursor: hand;
        background-repeat: no-repeat;
        background-position: center right
    }

    table.dataTable thead .sorting {
        background-image: url("../../img/datatables/sort_both.png")
    }

    table.dataTable thead .sorting_asc {
        background-image: url("../../img/datatables/sort_asc.png")
    }

    table.dataTable thead .sorting_desc {
        background-image: url("../../img/datatables/sort_desc.png")
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("../../img/datatables/sort_asc_disabled.png")
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("../../img/datatables/sort_desc_disabled.png")
    }

    table.dataTable tbody tr {
        background-color: #ffffff
    }

        table.dataTable tbody tr.selected {
            background-color: #B0BED9
        }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px !important
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: 1px solid #ddd
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
        border-left: 1px solid #ddd
    }

    table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
        border-top: none
    }

    table.dataTable.stripe > tbody > tr:nth-child(odd), table.dataTable.display > tbody > tr:nth-child(odd) {
        background-color: #f9f9f9
    }

    table.dataTable.stripe tbody tr:nth-child(odd).selected, table.dataTable.display tbody tr:nth-child(odd).selected {
        background-color: #acbad4
    }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #f6f6f6
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background-color: #aab7d1
        }

    table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe tbody tr:nth-child(odd) > .sorting_1 {
        background-color: #f1f1f1
    }

    table.dataTable.display tbody tr:nth-child(odd) > .sorting_2, table.dataTable.order-column.stripe tbody tr:nth-child(odd) > .sorting_2 {
        background-color: #f3f3f3
    }

    table.dataTable.display tbody tr:nth-child(odd) > .sorting_3, table.dataTable.order-column.stripe tbody tr:nth-child(odd) > .sorting_3 {
        background-color: whitesmoke
    }

    table.dataTable.display tbody tr:nth-child(odd).selected > .sorting_1, table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody tr:nth-child(odd).selected > .sorting_2, table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody tr:nth-child(odd).selected > .sorting_3, table.dataTable.order-column.stripe tbody tr:nth-child(odd).selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #111
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding: 4px 17px 4px 4px
    }

    table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
        padding: 4px
    }

    table.dataTable.compact tbody th, table.dataTable.compact tbody td {
        padding: 4px
    }

    table.dataTable th.dt-left, table.dataTable td.dt-left {
        text-align: left
    }

    table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
        text-align: center
    }

    table.dataTable th.dt-right, table.dataTable td.dt-right {
        text-align: right
    }

    table.dataTable th.dt-justify, table.dataTable td.dt-justify {
        text-align: justify
    }

    table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
        white-space: nowrap
    }

    table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
        text-align: left
    }

    table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
        text-align: center
    }

    table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
        text-align: right
    }

    table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
        text-align: justify
    }

    table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap
    }

    table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
        text-align: left
    }

    table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
        text-align: center
    }

    table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
        text-align: right
    }

    table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
        text-align: justify
    }

    table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap
    }

    table.dataTable, table.dataTable th, table.dataTable td {
        box-sizing: content-box
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

    .dataTables_wrapper .dataTables_length {
        float: left
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%)
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
                vertical-align: middle
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
        border-bottom: none
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em
    }
}

.fc button,
.fc table,
body .fc {
    font-size: 1em
}

.fc-bg,
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-icon,
.fc-unselectable {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.fc {
    direction: ltr;
    text-align: left
}

.tooltip-active {
    white-space: pre-wrap;
}

.fc-rtl {
    text-align: right
}

.fc th,
.fc-basic-view td.fc-week-number,
.fc-icon,
.fc-toolbar {
    text-align: center
}

.fc-highlight {
    background: #bce8f1;
    opacity: .5;
}

body.dark-layout .fc-highlight {
    background: #5a8dee !important;
    opacity: .3;
}

.fc-bgevent {
    /*background: #8fdf82;*/
    opacity: 1
}

.fc-nonbusiness {
    background: #d7d7d7
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    white-space: nowrap;
    cursor: pointer;
    color: #516377;
    background-color: transparent;
    text-shadow: none;
    transition: 0.3s;
}

    .fc button:hover {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        white-space: nowrap;
        cursor: pointer;
        color: transparent;
        background-color: #516377;
        text-shadow: none;
        opacity: 1;
    }

    .fc button .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle;
        color: #516377;
        transition: 0.3s;
    }

    .fc button:hover .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle;
        color: #fff;
        opacity: 1;
    }

body.dark-layout .fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    white-space: nowrap;
    cursor: pointer;
    color: #bdd1f8;
    background-color: transparent;
    text-shadow: none;
    transition: 0.3s;
}

    body.dark-layout .fc button:hover {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        white-space: nowrap;
        cursor: pointer;
        color: transparent;
        background-color: #bdd1f8;
        text-shadow: none;
        opacity: 1;
    }

    body.dark-layout .fc button .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle;
        color: #bdd1f8;
        transition: 0.3s;
    }

    body.dark-layout .fc button:hover .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle;
        color: #272e48;
        opacity: 1;
    }


.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid;
}

    .fc-state-default.fc-corner-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .fc-state-default.fc-corner-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.fc-state-active,
.fc-state-down {
    background-color: #ccc;
    background-image: none;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-event.fc-draggable,
.fc-event[href],
.fc-popover .fc-header .fc-close,
a[data-goto] {
    cursor: pointer
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

    .fc-popover .fc-header {
        padding: 2px 4px
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px
        }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-clear {
    clear: both
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.fc td,
.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

    .fc td.fc-today {
        border-style: double
    }

a[data-goto]:hover {
    text-decoration: underline
}

.fc .fc-row {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

    .fc-row .fc-bg {
        z-index: 1
    }

    .fc-row .fc-bgevent-skeleton td,
    .fc-row .fc-highlight-skeleton td {
        border-color: transparent
    }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5
    }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-icon,
.fc-row.fc-rigid,
.fc-time-grid-event {
    overflow: hidden
}

.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
}

    .fc-event,
    .fc-event:hover {
        color: #fff;
        text-decoration: none;
    }

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    display: block
}

    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
    }

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

    a.fc-more:hover {
        text-decoration: underline
    }

.fc.fc-bootstrap3 a,
.ui-widget .fc-event {
    text-decoration: none
}

.fc-limited {
    display: none
}

.fc-icon,
.fc-toolbar .fc-center {
    display: inline-block
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

    .fc-more-popover .fc-event-container {
        padding: 10px
    }

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-icon:after,
.fc-toolbar button {
    position: relative
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

.fc-scroller {
    height: auto !important;
}

.fc-unthemed td.fc-today {
    background: transparent;
}

    .fc-unthemed td.fc-today a {
        font-weight: 700 !important;
        color: red !important
    }

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}

.fc-icon {
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    font-family: "Courier New", Courier, monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666;
    font-size: .9em;
    margin-top: 2px
}

.ui-widget .fc-disabled-day {
    background-image: none
}

.fc-bootstrap3 .fc-time-grid .fc-slats table,
.fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0
}

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.ui-widget .fc-event {
    color: #fff;
    font-weight: 400
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc.fc-bootstrap3 a[data-goto]:hover {
    text-decoration: underline
}

.fc-bootstrap3 hr.fc-divider {
    border-color: inherit
}

.fc-bootstrap3 .fc-today.alert {
    border-radius: 0
}

.fc-bootstrap3 .fc-popover .panel-body {
    padding: 0
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}

.fc .fc-toolbar > * > * {
    float: left;
    margin-left: .75em
}

.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *,
.fc-view-container:after,
.fc-view-container:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view,
.fc-view > table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-day-top.fc-other-month {
    opacity: .3
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 2px
}

.fc-basic-view th.fc-day-number,
.fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey
}

.fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-bottom: 1em
        }

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.fc-time-grid,
.fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

    .fc-time-grid table {
        border: 0 hidden transparent
    }

    .fc-time-grid > .fc-bg {
        z-index: 1
    }

    .fc-time-grid .fc-slats,
    .fc-time-grid > hr {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-content-col {
        position: relative
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-highlight-container {
        z-index: 3;
        position: relative
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5
    }

    .fc-time-grid .fc-helper-container {
        position: relative;
        z-index: 6
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

    .fc-time-grid-event.fc-selected .fc-bg {
        display: none
    }

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

    .fc-time-grid-event.fc-short .fc-time span {
        display: none
    }

    .fc-time-grid-event.fc-short .fc-time:before {
        content: attr(data-start)
    }

    .fc-time-grid-event.fc-short .fc-time:after {
        content: "\000A0-\000A0"
    }

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
        content: "="
    }

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

    .fc-list-heading td {
        font-weight: 700
    }

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

    .fc-list-item-title a[href]:hover {
        text-decoration: underline
    }

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #f2f4f8
}

@media print {
    .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-event .fc-resizer, .fc-helper-container, .fc-helper-skeleton, .fc-highlight-container, .fc-highlight-skeleton {
        display: none
    }

    .fc tbody .fc-row, .fc-time-grid {
        min-height: 0 !important
    }

        .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {
            content: "..."
        }

    .fc {
        max-width: 100% !important
    }

    .fc-event {
        background: #fff !important;
        color: #000 !important;
        page-break-inside: avoid
    }

    .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
        border-color: #eee !important;
        background: #fff !important
    }

        .fc tbody .fc-row {
            height: 4em !important
        }

            .fc tbody .fc-row .fc-content-skeleton {
                position: static;
                padding-bottom: 0 !important
            }

                .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
                    padding-bottom: 3em
                }

                .fc tbody .fc-row .fc-content-skeleton table {
                    height: 1em
                }

    .fc-more, .fc-more-cell {
        display: none !important
    }

    .fc tr.fc-limited {
        display: table-row !important
    }

    .fc td.fc-limited {
        display: table-cell !important
    }

    .fc-agenda-view .fc-axis, .fc-popover {
        display: none
    }

    .fc-slats, .fc-time-grid hr {
        display: none !important
    }

    .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span {
        display: none
    }

    .fc-time-grid .fc-content-skeleton {
        position: static
    }

        .fc-time-grid .fc-content-skeleton table {
            height: 4em
        }

    .fc-time-grid .fc-event-container {
        margin: 0 !important
    }

    .fc-time-grid .fc-event {
        position: static !important;
        margin: 3px 2px !important
    }

        .fc-time-grid .fc-event.fc-not-end {
            border-bottom-width: 1px !important
        }

        .fc-time-grid .fc-event.fc-not-start {
            border-top-width: 1px !important
        }

        .fc-time-grid .fc-event .fc-time {
            white-space: normal !important
        }

            .fc-time-grid .fc-event .fc-time:after {
                content: attr(data-full)
            }

    .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
        overflow: visible !important;
        height: auto !important
    }

    .fc-row {
        border: 0 !important;
        margin: 0 !important
    }
}
/* user profile page css */
/*-----------------------*/
.page-user-profile .user-profile-images {
    position: relative;
}

    .page-user-profile .user-profile-images .user-timeline-image {
        min-height: 150px;
        object-fit: cover;
    }

    .page-user-profile .user-profile-images .user-profile-image {
        position: absolute;
        left: 20px;
        bottom: 0px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.41);
    }

    .page-user-profile .user-profile-images .user-profile-card-image {
        min-height: 190px;
        object-fit: cover;
        min-width: 110px;
    }

    .page-user-profile .user-profile-images .user-profile-stories-image {
        max-height: 300px;
    }

.page-user-profile .user-profile-text {
    position: absolute;
    bottom: 60px;
    left: 150px;
    color: #FFFFFF;
}

    .page-user-profile .user-profile-text .profile-text-color {
        color: #FFFFFF;
    }

.page-user-profile .user-profile-nav {
    padding-left: 12rem;
}

    .page-user-profile .user-profile-nav .nav-item .nav-link i {
        margin-right: 0 !important;
    }

.page-user-profile .user-profile-ellipsis {
    /* user profile text ellipsis */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-user-profile .user-profile-stories.swiper-container .swiper-slide {
    width: auto !important;
    cursor: pointer;
    position: relative;
}

    .page-user-profile .user-profile-stories.swiper-container .swiper-slide .user-swiper-text {
        color: #FFFFFF;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

.page-user-profile .card-header {
    padding: 1.7rem 1.7rem 0;
}

.page-user-profile .card-footer {
    padding: 0 1.7rem 1.7rem;
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {
    .page-user-profile .user-profile-images .user-profile-image {
        /* user profile image positioning */
        height: 75px;
        width: 75px;
        left: 50%;
        margin-left: -40px;
        margin-top: -10px;
        margin-bottom: 5px;
        bottom: 0px;
        z-index: 5555;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.41);
    }

    .user-timeline-image {
        height: 150px !important
    }

    .page-user-profile .user-profile-text {
        /* user profile text positioning */
        position: absolute;
        top: 15%;
        left: 0;
        width: 100%;
        color: #FFFFFF !important;
        z-index: 1;
        text-align: center !important;
    }

        .page-user-profile .user-profile-text .profile-text-color {
            color: #FFFFFF;
        }

    .page-user-profile .user-profile-nav {
        /* user profile nav tabs positioning */
        padding-left: 0rem;
        padding-top: 10rem;
    }
}

.fc-time {
    display: none;
}

.fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
    border-color: #eee !important;
    background: #transparent !important;
}

body.dark-layout .fc hr, body.dark-layout .fc tbody, body.dark-layout .fc td, body.dark-layout .fc th, body.dark-layout .fc thead, body.dark-layout .fc-row {
    border-color: #bdd1f8 !important;
    background: transparent;
}

body.dark-layout .fc-title {
    color: white !important;
}

.undone {
    width: 0;
    height: 0;
    display: inline-block;
    margin-bottom: 5.5px;
    margin-left: -6px;
    border: 8px solid transparent;
    border-top: 0;
    border-radius: 100px;
    border-bottom: 8px solid red;
    transform: rotate(-45deg);
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: super;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Tahoma,Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: ##516377;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #f2f4f4;
    background: #f2f4f4;
    color: #516377;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #f2f4f4;
        background: #f2f4f4;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../../img/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../../img/ui-icons_444444_256x240.png");
}

body.dark-layout .ui-widget-header .ui-icon {
    background-image: url("../../img/ui-icons_bdd1f8_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../../img/ui-icons_555555_256x240.png");
}

body.dark-layout .ui-state-hover .ui-icon,
body.dark-layout .ui-state-focus .ui-icon,
body.dark-layout .ui-button:hover .ui-icon,
body.dark-layout .ui-button:focus .ui-icon {
    background-image: url("../../img/ui-icons_bdd1f8_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../../img/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../img/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../../img/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("../../img/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 1px solid #5a8dee;
    background: #5a8dee;
    color: #fff;
}

body.dark-layout .ui-widget.ui-widget-content {
    border: 1px solid #bdd1f8;
}

body.dark-layout .ui-datepicker-calendar span:not(.badge):not(.token) {
    color: #bdd1f8;
}

body.dark-layout .ui-datepicker-title span:not(.badge):not(.token) {
    color: #bdd1f8;
}

body.dark-layout .ui-widget-content {
    border: 1px solid #323b5c;
    background: #323b5c;
    color: #333333;
}

    body.dark-layout .ui-state-default,
    body.dark-layout .ui-widget-content .ui-state-default {
        border: 1px solid #272e48;
        background: #272e48;
        font-weight: normal;
        color: white;
    }

body.dark-layout .ui-widget-header {
    border: 1px solid #272e48;
    background: #272e48;
    color: #333333;
    font-weight: bold;
}

body.dark-layout .ui-state-active,
body.dark-layout .ui-widget-content .ui-state-active {
    border: 1px solid #5a8dee;
    background: #5a8dee;
}

.datepicker:read-only {
    background: transparent;
}

body.dark-layout .ui-state-hover,
body.dark-layout .ui-widget-content .ui-state-hover,
body.dark-layout .ui-widget-header .ui-state-hover,
body.dark-layout .ui-state-focus,
body.dark-layout .ui-widget-content .ui-state-focus,
body.dark-layout .ui-widget-header .ui-state-focus,
body.dark-layout .ui-button:hover,
body.dark-layout .ui-button:focus {
    border: solid 1px white !important;
    background: #323b5c;
}

body.dark-layout .ui-state-highlight,
body.dark-layout .ui-widget-content .ui-state-highlight,
body.dark-layout .ui-widget-header .ui-state-highlight {
    border: 1px solid #bdd1f8;
    background: #bdd1f8;
    color: #fff;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    background-color: white;
    border-radius: 4px;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

    .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        margin-left: 5px;
        padding: 0;
        max-width: 100%;
        resize: none;
        height: 18px;
        vertical-align: bottom;
        font-family: sans-serif;
        overflow: hidden;
        word-break: keep-all
    }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.paginationjs-size-changer .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #5a8dee;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #475F7B;
    line-height: 28px
}

.paginationjs-size-changer .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5a8dee;
    line-height: 20px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.paginationjs-size-changer .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #5a8dee;
    height: 26px;
    position: absolute;
    top: 1px;
    right: -4px;
    width: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.paginationjs-size-changer .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #5a8dee transparent transparent transparent;
    color: #5a8dee;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -22px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.paginationjs-size-changer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    color: #5a8dee;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

    .select2-container--default .select2-selection--multiple.select2-selection--clearable {
        padding-right: 25px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        font-weight: bold;
        height: 20px;
        margin-right: 10px;
        margin-top: 5px;
        position: absolute;
        right: 0;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0;
        padding-left: 20px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-right: 1px solid white;
        border-radius: 4px;
        color: #999;
        cursor: pointer;
        font-size: 1em;
        font-weight: bold;
        padding: 0 4px;
        position: absolute;
        left: 0;
        top: 0
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
            background-color: white;
            color: orange !important;
            outline: none
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 280px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb !important;
    color: #FFFFFF !important;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        height: 26px;
        margin-right: 20px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
        padding: 0
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        padding-right: 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        background-color: transparent;
        border: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #888;
        cursor: pointer;
        font-size: 1em;
        font-weight: bold;
        padding: 0 4px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: none
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #FFFFFF !important;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
}

.select2-container--default .select2-results__option--selected {
    background-color: #5a8dee !important;
    color: #fff !important;
}

body.dark-layout .select2-results__option--highlighted span {
    color: #FFFFFF !important;
}

body.dark-layout .select2-container--default .select2-results__option--selected {
    background-color: #272e48;
}

body.dark-layout .btn-light {
    background: #1a233a !important;
    border-color: #8494a7 !important;
}

body.dark-layout .bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #8a99b5 !important;
    border-color: #464d5c !important;
}

body.dark-layout .bootstrap-select > .dropdown-toggle:after {
    color: #8a99b5;
}

tbody th {
    font-weight: 400 !important;
}

.positiveBtn, .positiveBtn:active, .positiveBtn:focus {
    border: 1px solid #528752 !important;
    background-color: transparent !important;
    color: #528752 !important;
}

    .positiveBtn:hover {
        color: white !important;
        background-color: #528752 !important;
    }

.negativeBtn, .negativeBtn:active, .negativeBtn:focus {
    border: 1px solid red !important;
    background-color: transparent !important;
    color: red !important;
}

    .negativeBtn:hover {
        color: white !important;
        background-color: red !important;
    }

body.dark-layout .positiveBtn {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #528752 !important;
    border-color: #528752 !important;
}

body.dark-layout .negativeBtn {
    background-color: transparent !important;
    box-shadow: none !important;
    color: red !important;
    border-color: red !important;
}

body.dark-layout .positiveBtn:hover {
    background-color: #528752 !important;
    box-shadow: none !important;
    color: #8a99b5 !important;
    border-color: transparent !important;
}

body.dark-layout .negativeBtn:hover {
    background-color: red !important;
    box-shadow: none !important;
    color: #8a99b5 !important;
    border-color: transparent !important;
}

body.dark-layout .listCard, body.dark-layout .listCard-header, body.dark-layout .listCard-body, body.dark-layout .listLabel {
    background-color: #303a59 !important;
}

body.dark-layout .listTextarea {
    outline: none;
    border: none;
}

.listCollapse {
    border-top: 1px solid gray;
}

body.dark-layout .listCollapse {
    border-top: 1px solid #54679e;
}

.activeTrItem {
    background-color: rgba(90, 141, 238, 0.2) !important;
    transition: background-color 0.5s ease;
}

.dt-control {
    text-align: center;
}

.dt-state-done {
    background-color: rgba(90, 255, 90, 0.2) !important;
}

.dt-state-obsolete {
    background-color: rgba(210, 120, 95, 0.2) !important;
}

.dt-state-error {
    background-color: rgba(255, 40, 40, 0.2) !important;
}

.dt-state-open {
    background-color: rgba(255, 255, 255, 1) !important;
}

.dt-state-waiting {
    background-color: rgba(120, 255, 200, 0.2) !important;
}

.dt-state-cancelled {
    background-color: rgba(40, 45, 200, 0.2) !important;
}

.dt-state-none {
    background-color: rgba(255, 255, 255, 1) !important;
}

@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.dataTables_wrapper {
    position: relative
}

div.dt-buttons {
    position: initial
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: white;
    border: 2px solid #111;
    box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

    div.dt-button-info h2 {
        padding: .5em;
        margin: 0;
        font-weight: normal;
        border-bottom: 1px solid #ddd;
        background-color: #f3f3f3
    }

    div.dt-button-info > div {
        padding: 1em
    }

div.dtb-popover-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 2003
}

button.dtb-hide-drop {
    display: none !important
}

div.dt-button-collection-title {
    text-align: center;
    padding: .3em 0 .5em;
    margin-left: .5em;
    margin-right: .5em;
    font-size: .9em
}

    div.dt-button-collection-title:empty {
        display: none
    }

span.dt-button-spacer {
    display: inline-block;
    margin: .5em;
    white-space: nowrap
}

    span.dt-button-spacer.bar {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        vertical-align: middle;
        padding-left: .5em
    }

        span.dt-button-spacer.bar:empty {
            height: 1em;
            width: 1px;
            padding-left: 0
        }

div.dt-button-collection span.dt-button-spacer {
    width: 100%;
    font-size: .9em;
    text-align: center;
    margin: .5em 0
}

    div.dt-button-collection span.dt-button-spacer:empty {
        height: 0;
        width: 100%
    }

    div.dt-button-collection span.dt-button-spacer.bar {
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        padding-left: 0
    }

button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-left: .167em;
    margin-right: .167em;
    margin-bottom: .333em;
    padding: .5em 1em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    line-height: 1.6em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    text-overflow: ellipsis
}

    button.dt-button:first-child, div.dt-button:first-child, a.dt-button:first-child, input.dt-button:first-child {
        margin-left: 0
    }

    button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled, input.dt-button.disabled {
        cursor: default;
        opacity: .4
    }

    button.dt-button:active:not(.disabled), div.dt-button:active:not(.disabled), a.dt-button:active:not(.disabled), input.dt-button:active:not(.disabled) {
        background-color: rgba(0, 0, 0, 0.1);
        background: linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
        box-shadow: inset 1px 1px 3px #999
    }

        button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), input.dt-button:active:not(.disabled):hover:not(.disabled) {
            box-shadow: inset 1px 1px 3px #999;
            background-color: rgba(0, 0, 0, 0.1);
            background: linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")
        }

    button.dt-button:hover, div.dt-button:hover, a.dt-button:hover, input.dt-button:hover {
        text-decoration: none
    }

        button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), input.dt-button:hover:not(.disabled) {
            border: 1px solid #666;
            background-color: rgba(0, 0, 0, 0.1);
            background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")
        }

    button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), input.dt-button:focus:not(.disabled) {
        border: 1px solid #426c9e;
        text-shadow: 0 1px 0 #c4def1;
        outline: none;
        background-color: #79ace9;
        background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#d1e2f7", EndColorStr="#79ace9")
    }

    button.dt-button.active:focus:not(.disabled), div.dt-button.active:focus:not(.disabled), a.dt-button.active:focus:not(.disabled), input.dt-button.active:focus:not(.disabled) {
        background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%) !important
    }

    button.dt-button span.dt-down-arrow, div.dt-button span.dt-down-arrow, a.dt-button span.dt-down-arrow, input.dt-button span.dt-down-arrow {
        position: relative;
        top: -2px;
        color: rgba(70, 70, 70, 0.75);
        font-size: 8px;
        padding-left: 10px;
        line-height: 1em
    }

.dt-button embed {
    outline: none
}

div.dt-buttons {
    float: left
}

    div.dt-buttons.buttons-right {
        float: right
    }

div.dataTables_layout_cell div.dt-buttons {
    float: none
}

    div.dataTables_layout_cell div.dt-buttons.buttons-right {
        float: none
    }

div.dt-btn-split-wrapper {
    display: inline-block
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 4px 4px 2px 4px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    max-height: 27.5rem;
    overflow-y: auto;
}

    div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        float: none;
        margin: 4px 0 2px 0
    }

        div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
            background-color: #dadada;
            background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
            box-shadow: inset 1px 1px 3px #666
        }

        div.dt-button-collection button.dt-button:first-child, div.dt-button-collection div.dt-button:first-child, div.dt-button-collection a.dt-button:first-child {
            margin-top: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        div.dt-button-collection button.dt-button:last-child, div.dt-button-collection div.dt-button:last-child, div.dt-button-collection a.dt-button:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

    div.dt-button-collection div.dt-btn-split-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: stretch;
        margin: 4px 0 2px 0
    }

        div.dt-button-collection div.dt-btn-split-wrapper button.dt-button {
            margin: 0;
            display: inline-block;
            width: 0;
            flex-grow: 1;
            flex-shrink: 0;
            flex-basis: 50px;
            border-radius: 0
        }

        div.dt-button-collection div.dt-btn-split-wrapper button.dt-btn-split-drop {
            min-width: 20px;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 0
        }

        div.dt-button-collection div.dt-btn-split-wrapper:first-child {
            margin-top: 0
        }

            div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-button {
                border-top-left-radius: 3px
            }

            div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-btn-split-drop {
                border-top-right-radius: 3px
            }

        div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-button {
            border-bottom-left-radius: 3px
        }

        div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-btn-split-drop {
            border-bottom-right-radius: 3px
        }

        div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-button, div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-button {
            background-color: #dadada;
            background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
            box-shadow: inset 0px 0px 4px #666
        }

        div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop, div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop {
            box-shadow: none
        }

    div.dt-button-collection.fixed .dt-button:first-child {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    div.dt-button-collection.fixed .dt-button:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    div.dt-button-collection.fixed {
        position: fixed;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        border-radius: 5px;
        background-color: white
    }

        div.dt-button-collection.fixed.two-column {
            margin-left: -200px
        }

        div.dt-button-collection.fixed.three-column {
            margin-left: -225px
        }

        div.dt-button-collection.fixed.four-column {
            margin-left: -300px
        }

        div.dt-button-collection.fixed.columns {
            margin-left: -409px
        }

@media screen and (max-width: 1024px) {
    div.dt-button-collection.fixed.columns {
        margin-left: -308px
    }
}

@media screen and (max-width: 640px) {
    div.dt-button-collection.fixed.columns {
        margin-left: -203px
    }
}

@media screen and (max-width: 460px) {
    div.dt-button-collection.fixed.columns {
        margin-left: -100px
    }
}

div.dt-button-collection.fixed > :last-child {
    max-height: 100vh;
    overflow: auto
}

div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
    display: block !important;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

    div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
        -webkit-column-break-inside: avoid;
        break-inside: avoid
    }

div.dt-button-collection.two-column {
    width: 400px
}

    div.dt-button-collection.two-column > :last-child {
        padding-bottom: 1px;
        column-count: 2
    }

div.dt-button-collection.three-column {
    width: 450px
}

    div.dt-button-collection.three-column > :last-child {
        padding-bottom: 1px;
        column-count: 3
    }

div.dt-button-collection.four-column {
    width: 600px
}

    div.dt-button-collection.four-column > :last-child {
        padding-bottom: 1px;
        column-count: 4
    }

div.dt-button-collection .dt-button {
    border-radius: 0
}

div.dt-button-collection.columns {
    width: auto
}

    div.dt-button-collection.columns > :last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: 818px;
        padding-bottom: 1px
    }

        div.dt-button-collection.columns > :last-child .dt-button {
            min-width: 200px;
            flex: 0 1;
            margin: 0
        }

    div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
        justify-content: space-between
    }

    div.dt-button-collection.columns.dtb-b3 .dt-button {
        flex: 1 1 32%
    }

    div.dt-button-collection.columns.dtb-b2 .dt-button {
        flex: 1 1 48%
    }

    div.dt-button-collection.columns.dtb-b1 .dt-button {
        flex: 1 1 100%
    }

@media screen and (max-width: 1024px) {
    div.dt-button-collection.columns > :last-child {
        width: 612px
    }
}

@media screen and (max-width: 640px) {
    div.dt-button-collection.columns > :last-child {
        width: 406px
    }

    div.dt-button-collection.columns.dtb-b3 .dt-button {
        flex: 0 1 32%
    }
}

@media screen and (max-width: 460px) {
    div.dt-button-collection.columns > :last-child {
        width: 200px
    }
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 2001
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: none !important;
        text-align: center
    }
}

button.dt-button.processing, div.dt-button.processing, a.dt-button.processing {
    color: rgba(0, 0, 0, 0.2)
}

    button.dt-button.processing:after, div.dt-button.processing:after, a.dt-button.processing:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        box-sizing: border-box;
        display: block;
        content: " ";
        border: 2px solid #282828;
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: dtb-spinner 1500ms infinite linear;
        -o-animation: dtb-spinner 1500ms infinite linear;
        -ms-animation: dtb-spinner 1500ms infinite linear;
        -webkit-animation: dtb-spinner 1500ms infinite linear;
        -moz-animation: dtb-spinner 1500ms infinite linear
    }

button.dt-btn-split-drop {
    margin-left: calc(-1px - .333em);
    padding-bottom: calc(.5em - 1px);
    border-radius: 0px 1px 1px 0px;
    color: rgba(70, 70, 70, 0.9);
    border-left: none
}

    button.dt-btn-split-drop span.dt-btn-split-drop-arrow {
        position: relative;
        top: -1px;
        left: -2px;
        font-size: 8px
    }

    button.dt-btn-split-drop:hover {
        z-index: 2
    }

button.buttons-split {
    border-right: 1px solid rgba(70, 70, 70, 0);
    border-radius: 1px 0px 0px 1px
}

button.dt-btn-split-drop-button {
    background-color: white
}

    button.dt-btn-split-drop-button:hover {
        background-color: white
    }

.calendar {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    overflow-x: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .calendar:after {
        clear: both;
        content: "";
        display: block
    }

    .calendar .calendar-rtl {
        direction: rtl
    }

        .calendar .calendar-rtl .calendar-rtl table tr td span {
            float: right
        }

    .calendar table {
        margin: auto;
        border-spacing: 0
    }

        .calendar table td, .calendar table th {
            text-align: center;
            width: 20px;
            height: 20px;
            border: none;
            padding: 4px 5px;
            font-size: 12px
        }

    .calendar .calendar-header {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #ddd
    }

        .calendar .calendar-header table {
            width: 100%
        }

            .calendar .calendar-header table th {
                font-size: 22px;
                padding: 5px 10px;
                cursor: pointer
            }

                .calendar .calendar-header table th:hover {
                    background: #eee
                }

                .calendar .calendar-header table th.disabled, .calendar .calendar-header table th.disabled:hover {
                    background: 0 0;
                    cursor: default;
                    color: #fff
                }

                .calendar .calendar-header table th.next, .calendar .calendar-header table th.prev {
                    width: 20px
                }

        .calendar .calendar-header .year-title {
            font-weight: 700 !important;
            text-align: center;
            height: 20px;
            width: auto
        }

        .calendar .calendar-header .year-neighbor {
            opacity: .4
        }

@media (max-width:991px) {
    .calendar .calendar-header .year-neighbor {
        display: none
    }
}

.calendar .calendar-header .year-neighbor2 {
    opacity: .2
}

@media (max-width:767px) {
    .calendar .calendar-header .year-neighbor2 {
        display: none
    }
}

.calendar .months-container {
    width: 100%;
    display: none;
    flex-wrap: wrap
}

    .calendar .months-container .month-container {
        float: left;
        text-align: center;
        padding: 0
    }

        .calendar .months-container .month-container.month-2 {
            width: 16.66666667%
        }

        .calendar .months-container .month-container.month-3 {
            width: 25%
        }

        .calendar .months-container .month-container.month-4 {
            width: 33.33333333%
        }

        .calendar .months-container .month-container.month-6 {
            width: 50%
        }

        .calendar .months-container .month-container.month-12 {
            width: 100%
        }

.calendar table.month th.month-title {
    font-size: 16px;
    padding-bottom: 5px
}

.calendar table.month th.day-header {
    font-size: 14px
}

.calendar table.month tr td, .calendar table.month tr th {
    padding: 0
}

    .calendar table.month tr td.hidden, .calendar table.month tr th.hidden {
        display: none
    }

.calendar table.month td.week-number {
    cursor: default;
    font-weight: 700;
    border-right: 1px solid #eee;
    padding: 5px
}

.calendar table.month td.day.round-left {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px
}

.calendar table.month td.day.round-right {
    webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0
}

.calendar table.month td.day .day-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px
}

.calendar table.month td.new, .calendar table.month td.new:hover, .calendar table.month td.old, .calendar table.month td.old:hover {
    background: 0 0;
    cursor: default
}

.calendar table.month td.disabled, .calendar table.month td.disabled:hover {
    color: #ddd
}

    .calendar table.month td.disabled .day-content:hover, .calendar table.month td.disabled:hover .day-content:hover {
        background: 0 0;
        cursor: default
    }

.calendar table.month td.range .day-content {
    background: rgba(0,0,0,.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.calendar table.month td.range.range-start .day-content {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.calendar table.month td.range.range-end .day-content {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.calendar .calendar-loading-container {
    position: relative;
    text-align: center;
    min-height: 200px
}

    .calendar .calendar-loading-container .calendar-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

.calendar .calendar-spinner {
    margin: 20px auto;
    width: 80px;
    text-align: center
}

    .calendar .calendar-spinner > div {
        width: 16px;
        height: 16px;
        margin: 5px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
        animation: sk-bouncedelay 1s infinite ease-in-out both
    }

        .calendar .calendar-spinner > div.bounce1 {
            -webkit-animation-delay: -.32s;
            animation-delay: -.32s
        }

        .calendar .calendar-spinner > div.bounce2 {
            -webkit-animation-delay: -.16s;
            animation-delay: -.16s
        }

.calendar-context-menu, .calendar-context-menu .submenu {
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    position: absolute;
    display: none
}

    .calendar-context-menu .item {
        position: relative
    }

        .calendar-context-menu .item .content {
            padding: 5px 10px;
            cursor: pointer;
            display: table;
            width: 100%;
            white-space: nowrap;
            box-sizing: border-box
        }

            .calendar-context-menu .item .content:hover {
                background: #eee
            }

            .calendar-context-menu .item .content .text {
                display: table-cell
            }

            .calendar-context-menu .item .content .arrow {
                display: table-cell;
                padding-left: 10px;
                text-align: right
            }

        .calendar-context-menu .item .submenu {
            top: -1px
        }

            .calendar-context-menu .item .submenu:not(.open-left) {
                left: 100%
            }

            .calendar-context-menu .item .submenu.open-left {
                right: 100%
            }

        .calendar-context-menu .item:hover > .submenu {
            display: block
        }

.table-striped .calendar table.month tr td, .table-striped .calendar table.month tr th {
    background-color: transparent
}

table.month td.day .day-content:hover {
    background: rgba(0,0,0,.2);
    cursor: pointer
}

@-webkit-keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.select2-selection__rendered {
    text-transform: none;
}

.sked-tape {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

    .sked-tape * {
        box-sizing: inherit;
    }

.sked-tape__aside {
    flex: none;
    max-width: 30%;
    min-width: 100px;
    padding: 0 !important;
    border-right: 5px solid transparent;
    position: relative;
}

.sked-tape__locations {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sked-tape__location {
    position: relative;
    padding: 0 15px;
    background-color: #EFEFEF;
    line-height: 37px;
    height: 37px;
}

    .sked-tape__location:not(:last-child) {
        border-bottom: 1px solid white;
    }

.sked-tape__location--forbidden {
    background-image: repeating-linear-gradient(-45deg, rgba(236, 106, 94, 0.5), rgba(236, 106, 94, 0.5) 10px, rgba(255, 0, 0, 0) 10px, rgba(255, 0, 0, 0) 20px);
}

.sked-tape__location-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.sked-tape__caption {
    display: block;
    background-color: white;
    height: 24px;
    position: relative;
    top: 0;
    text-align: center;
}

.sked-tape--has-dates .sked-tape__caption {
    height: 48px;
    line-height: 48px;
}

.sked-tape__time-wrap {
    flex: 3 0 auto;
    width: 0;
    padding: 0 !important;
}

.sked-tape__time-frame {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .sked-tape__time-frame:focus {
        outline: none;
    }

.sked-tape__time-canvas {
    position: relative;
}

.sked-tape__hours {
    background: white;
    transform-style: preserve-3d;
}

    .sked-tape__hours > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        height: 24px;
        align-items: center;
    }

        .sked-tape__hours > ul > li {
            flex: none;
            display: block;
            position: relative;
            min-width: 48px;
            width: 96px;
            height: 24px;
            line-height: 24px;
        }

            .sked-tape__hours > ul > li > time {
                display: block;
                position: absolute;
                left: 50%;
                font-size: 13px;
                white-space: nowrap;
            }

            .sked-tape__hours > ul > li:not(:first-child) > time {
                transform: translateX(-50%);
            }

            .sked-tape__hours > ul > li:last-child {
                width: 0;
                min-width: 0;
            }

                .sked-tape__hours > ul > li:last-child > time {
                    transform: translateX(-100%);
                }

.sked-tape__timeline-wrap {
    position: relative;
}

.sked-tape__timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-left: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.halbtag1 {
    height: 48%;
    z-index: 6;
}

.halbtag2 {
    height: 48%;
    margin-top: 18px;
    z-index: 6;
}

.sked-tape__event-row {
    position: relative;
    background-color: #F4F4F4;
    height: 37px;
}

    .sked-tape__event-row:nth-child(odd) {
        background-color: #FDFDFD;
    }

    .sked-tape__event-row:first-child {
        border-top: 1px solid #E5E5E5;
    }

    .sked-tape__event-row:last-child {
        border-bottom: 1px solid #E5E5E5;
    }

    .sked-tape__event-row:not(:last-child) {
        border-bottom: 0;
    }

.sked-tape__gap {
    display: block;
    height: 53px;
    line-height: 1;
    position: absolute;
    z-index: 4;
    white-space: nowrap;
    font-size: 12px;
    pointer-events: none;
}

.sked-tape__gap-text {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 0.2em;
    padding: 2px;
}

/*Original*/
/*.sked-tape__intersection {
    background: transparent;
    top: 1px;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 5;
    border: 2px dashed rgba(255, 62, 44, 0.5);
}*/

.sked-tape__intersection {
    background: transparent;
    top: 1px;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 6;
    border: 1px solid rgb(255, 255, 255);
}

body.dark-layout .sked-tape__intersection {
    background: transparent;
    top: 1px;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 6;
    border: 1px solid rgb(0, 0, 0);
}

.sked-tape__event {
    background-color: #EC6A5E;
    background-position: top right;
    transition: 200ms background-color;
    top: 1px;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 3;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: white;
    border: 1px solid #e32c1b;
    min-width: 10px;
    cursor: default;
    line-height: 16px;
}

    .sked-tape__event:hover, .sked-tape__event--active {
        background-color: #e74030;
    }

.sked-tape__event--low-gap {
    background-color: rgba(51, 175, 12, 0.53);
    border-color: #5ba044;
}

    .sked-tape__event--low-gap:hover {
        background-color: rgba(56, 193, 13, 0.79);
        border-color: #579842;
    }

.sked-tape__event--disabled, .sked-tape__event--disabled:hover {
    background-color: #b7b1b1;
    border-color: #a79797;
}

.sked-tape__dummy-event {
    display: block;
    position: absolute;
    border: 2px dashed black;
    top: 1px;
    bottom: 0;
    z-index: 4;
    white-space: nowrap;
    font-size: 12px;
    color: white;
}

.sked-tape__dummy-event-time {
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: 1px solid #5a8dee;
    background: rgba(227, 44, 27, 0.69);
    padding: 3px 2px;
    line-height: 1;
    text-align: center;
}

.sked-tape__dummy-event-time--left {
    right: 100%;
    margin-right: 5px;
}

.sked-tape__dummy-event-time--right {
    left: 100%;
    margin-left: 5px;
}

.sked-tape__center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 7;
    display: block;
    padding: 0 10px;
}

.sked-tape__grid {
    display: flex;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

    .sked-tape__grid > li {
        display: block;
        margin: 0;
        padding: 0;
        background-image: linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px);
        background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100%;
        background-repeat: no-repeat;
        background-color: #EFEFEF !important;
        /*  background-position: 0 0, 100% 0, 25% 0, 50% 0, 75% 0;*/
        min-width: 48px;
        width: 96px;
    }

.sked-tape__indicator {
    position: absolute;
    z-index: 7;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e43828;
}

.sked-tape__indicator--serifs::before, .sked-tape__indicator--serifs::after {
    content: '';
    display: block;
    position: absolute;
    left: -4px;
    width: 0;
    height: 0;
    border: 3px solid transparent;
}

.sked-tape__indicator--serifs::before {
    top: 0;
    border-bottom-width: 3px;
    border-top: 3px solid #e43828;
}

.sked-tape__indicator--serifs::after {
    bottom: 0;
    border-top-width: 3px;
    border-bottom: 3px solid #e43828;
}

.sked-tape__dates {
    display: flex;
    align-items: stretch;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sked-tape__date {
    display: block;
    margin: 0;
    padding: 0;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    background: #e0e0e0;
}

    .sked-tape__date:nth-child(odd) {
        background: #eee;
    }

    .sked-tape__date:before, .sked-tape__date:after {
        content: attr(title);
        display: block;
        width: calc(50% - 20px);
        height: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*.sked-tape__date:before {
  float: left;
  margin-left: 15px;
  text-align: left;
}

.sked-tape__date:after {
  float: right;
  margin-right: 15px;
  text-align: right;
}*/

.sked-tape__date--short:before {
    float: none;
    width: auto;
    margin: 0 5px;
    text-align: center;
}

.sked-tape__date--short:after {
    display: none;
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center;
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden; /* IE */
}

.ui-timepicker-standard {
    /* overwrites .ui-widget */
    font-family: Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    /* overwrites .ui-widget-content */
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    /* overwrites .ui-menu */
    margin: 0;
    padding: 2px;
}

    .ui-timepicker-standard a {
        border: 1px solid transparent;
        color: #222;
        display: block;
        padding: 0.2em 0.4em;
        text-decoration: none;
    }

    .ui-timepicker-standard .ui-state-hover {
        /* overwrites .ui-state-hover */
        background-color: #DADADA;
        border: 1px solid #999;
        font-weight: normal;
        color: #212121;
    }

    .ui-timepicker-standard .ui-menu-item {
        /* overwrites .ui-menu and .ui-menu-item */
        /*clear: left;
    float: left;*/
        margin: 0;
        padding: 0;
    }

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-timepicker-hidden {
    /* overwrites .ui-helper-hidden */
    display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none;
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

    .xdsoft_datetimepicker.xdsoft_rtl {
        padding: 8px 0 8px 8px
    }

    .xdsoft_datetimepicker iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 75px;
        height: 210px;
        background: transparent;
        border: 0
    }

    .xdsoft_datetimepicker button {
        border: none !important
    }

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .xdsoft_noselect::selection {
        background: transparent
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent
    }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block
    }

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: #f5f5f5;
        border-top: 1px solid #ddd;
        color: #666;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0;
        height: 25px;
        line-height: 25px
    }

        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
            border-top-width: 0
        }

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

    .xdsoft_datetimepicker .xdsoft_label:hover > span {
        text-decoration: underline
    }

    .xdsoft_datetimepicker .xdsoft_label:hover i {
        opacity: 1.0
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        overflow-y: hidden
    }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
            right: -7px
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
            right: 2px
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
            color: #fff;
            background: #ff8000
        }

        .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
            padding: 2px 10px 2px 5px;
            text-decoration: none !important
        }

            .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #3af;
                box-shadow: #178fe5 0 1px 3px 0 inset;
                color: #fff;
                font-weight: 700
            }

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
        opacity: .2;
        -ms-filter: "alpha(opacity=20)"
    }

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee !important
    }

        .xdsoft_datetimepicker .xdsoft_copyright a:hover {
            color: #aaa !important
        }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255,255,255,0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
        border-bottom: 1px solid #222
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
            background: #0a0a0a;
            border-top: 1px solid #222;
            color: #999
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
        background-color: #000
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
            border: 1px solid #333;
            background: #000
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
                color: #000;
                background: #007fff
            }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
                background: #c50;
                box-shadow: #b03e00 0 1px 3px 0 inset;
                color: #000
            }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
        }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0a0a0a;
        border: 1px solid #222;
        color: #999
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        background: #0e0e0e
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
        color: #c50
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
        background: #ffe9d2;
        box-shadow: #ffb871 0 1px 4px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
        background: #c1ffc9;
        box-shadow: #00dd1c 0 1px 4px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
        background: #c50;
        box-shadow: #b03e00 0 1px 3px 0 inset;
        color: #000
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
        color: #000 !important;
        background: #007fff !important
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
        color: #666
    }

    .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
        color: #333 !important
    }

        .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
            color: #111 !important
        }

            .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
                color: #555 !important
            }

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: Tahoma,"museo-sans","Book Antiqua",sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));
    background: -webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -o-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -ms-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: linear-gradient(to bottom,#fff 0,#f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)
}

    .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
        color: #454551;
        background: -moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));
        background: -webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);
        background: -o-linear-gradient(top,#f4f8fa 0,#FFF 73%);
        background: -ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);
        background: linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)
    }

.btn-outline-tertiary {
    border: 1px solid #d4d8dd !important;
    color: #677788;
}

.carousel-item .documentIcon {
    display: flex;
    justify-content: center;
    align-items: center
}

.multiscroll {
    overflow-y: auto;
}

.vertreterSelect {
    height: 200px !important;
}

.translationTabPanel {
    background-color: white;
}

.translationNavItem {
    padding-bottom: 0px !important;
    margin-right: 0px !important;
}

.translationNavBtn {
    box-shadow: none !important;
    border-radius: .267rem .267rem 0px 0px !important;
    border: 0px solid black !important;
}

#translationTabList {
    margin-bottom: 0px;
}

.nav.nav-tabs .nav-item .translationNavBtn.active:before {
    content: none;
}

.nav.nav-tabs .nav-item .translationNavBtn.active:after {
    content: none;
}

.translationCard {
    box-shadow: none !important;
    border: 1px solid #d4d8dd !important;
}

.translationSubPanel {
    padding: 0px !important;
    border: 1px solid #d4d8dd;
    border-radius: 0px 0.25rem 0.25rem 0.25rem;
}

.translationNavSubBtn {
    border-top: 1px solid #d4d8dd !important;
    border-left: 1px solid #d4d8dd !important;
    border-right: 1px solid #d4d8dd !important;
}

.nav-tabs.translationNavSubBtn:active {
    border-top: 1px solid black !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
}


#mailTemplateText {
}

.translationSubList {
    margin-bottom: 0px !important;
    border: 0px solid black !important;
}

.ql-container {
    box-sizing: border-box;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}

    .ql-container.ql-disabled .ql-tooltip {
        visibility: hidden;
    }

    .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
        pointer-events: none;
    }

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

    .ql-clipboard p {
        margin: 0;
        padding: 0;
    }

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .ql-editor > * {
        cursor: text;
    }

    .ql-editor p,
    .ql-editor ol,
    .ql-editor ul,
    .ql-editor pre,
    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6 {
        margin: 0;
        padding: 0;
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .ql-editor ol,
    .ql-editor ul {
        padding-left: 1.5em;
    }

        .ql-editor ol > li,
        .ql-editor ul > li {
            list-style-type: none;
        }

            .ql-editor ul > li::before {
                content: '\2022';
            }

        .ql-editor ul[data-checked=true],
        .ql-editor ul[data-checked=false] {
            pointer-events: none;
        }

            .ql-editor ul[data-checked=true] > li *,
            .ql-editor ul[data-checked=false] > li * {
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before,
            .ql-editor ul[data-checked=false] > li::before {
                color: #777;
                cursor: pointer;
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before {
                content: '\2611';
            }

            .ql-editor ul[data-checked=false] > li::before {
                content: '\2610';
            }

    .ql-editor li::before {
        display: inline-block;
        white-space: nowrap;
        width: 1.2em;
    }

    .ql-editor li:not(.ql-direction-rtl)::before {
        margin-left: -1.5em;
        margin-right: 0.3em;
        text-align: right;
    }

    .ql-editor li.ql-direction-rtl::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
    }

    .ql-editor ol li:not(.ql-direction-rtl),
    .ql-editor ul li:not(.ql-direction-rtl) {
        padding-left: 1.5em;
    }

    .ql-editor ol li.ql-direction-rtl,
    .ql-editor ul li.ql-direction-rtl {
        padding-right: 1.5em;
    }

    .ql-editor ol li {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        counter-increment: list-0;
    }

        .ql-editor ol li:before {
            content: counter(list-0, decimal) '. ';
        }

        .ql-editor ol li.ql-indent-1 {
            counter-increment: list-1;
        }

            .ql-editor ol li.ql-indent-1:before {
                content: counter(list-1, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-2 {
            counter-increment: list-2;
        }

            .ql-editor ol li.ql-indent-2:before {
                content: counter(list-2, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-3 {
            counter-increment: list-3;
        }

            .ql-editor ol li.ql-indent-3:before {
                content: counter(list-3, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-4 {
            counter-increment: list-4;
        }

            .ql-editor ol li.ql-indent-4:before {
                content: counter(list-4, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-5 {
            counter-increment: list-5;
        }

            .ql-editor ol li.ql-indent-5:before {
                content: counter(list-5, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-6 {
            counter-increment: list-6;
        }

            .ql-editor ol li.ql-indent-6:before {
                content: counter(list-6, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-6 {
            counter-reset: list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-7 {
            counter-increment: list-7;
        }

            .ql-editor ol li.ql-indent-7:before {
                content: counter(list-7, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-7 {
            counter-reset: list-8 list-9;
        }

        .ql-editor ol li.ql-indent-8 {
            counter-increment: list-8;
        }

            .ql-editor ol li.ql-indent-8:before {
                content: counter(list-8, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-8 {
            counter-reset: list-9;
        }

        .ql-editor ol li.ql-indent-9 {
            counter-increment: list-9;
        }

            .ql-editor ol li.ql-indent-9:before {
                content: counter(list-9, decimal) '. ';
            }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em;
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em;
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em;
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em;
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em;
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em;
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em;
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em;
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em;
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em;
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em;
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em;
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em;
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em;
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em;
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em;
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em;
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em;
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em;
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em;
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em;
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em;
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em;
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em;
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em;
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em;
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em;
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em;
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em;
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em;
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em;
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em;
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em;
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em;
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em;
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em;
    }

    .ql-editor .ql-video {
        display: block;
        max-width: 100%;
    }

        .ql-editor .ql-video.ql-align-center {
            margin: 0 auto;
        }

        .ql-editor .ql-video.ql-align-right {
            margin: 0 0 0 auto;
        }

    .ql-editor .ql-bg-black {
        background-color: #000;
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000;
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90;
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0;
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00;
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c;
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f;
    }

    .ql-editor .ql-color-white {
        color: #fff;
    }

    .ql-editor .ql-color-red {
        color: #e60000;
    }

    .ql-editor .ql-color-orange {
        color: #f90;
    }

    .ql-editor .ql-color-yellow {
        color: #ff0;
    }

    .ql-editor .ql-color-green {
        color: #008a00;
    }

    .ql-editor .ql-color-blue {
        color: #06c;
    }

    .ql-editor .ql-color-purple {
        color: #93f;
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia, Times New Roman, serif;
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco, Courier New, monospace;
    }

    .ql-editor .ql-size-small {
        font-size: 0.75em;
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em;
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em;
    }

    .ql-editor .ql-direction-rtl {
        direction: rtl;
        text-align: inherit;
    }

    .ql-editor .ql-align-center {
        text-align: center;
    }

    .ql-editor .ql-align-justify {
        text-align: justify;
    }

    .ql-editor .ql-align-right {
        text-align: right;
    }

    .ql-editor.ql-blank::before {
        color: rgba(0,0,0,0.6);
        content: attr(data-placeholder);
        font-style: italic;
        left: 15px;
        pointer-events: none;
        position: absolute;
        right: 15px;
    }

.ql-container {
    box-sizing: border-box;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}

    .ql-container.ql-disabled .ql-tooltip {
        visibility: hidden;
    }

    .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
        pointer-events: none;
    }

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

    .ql-clipboard p {
        margin: 0;
        padding: 0;
    }

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .ql-editor > * {
        cursor: text;
    }

    .ql-editor p,
    .ql-editor ol,
    .ql-editor ul,
    .ql-editor pre,
    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6 {
        margin: 0;
        padding: 0;
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .ql-editor ol,
    .ql-editor ul {
        padding-left: 1.5em;
    }

        .ql-editor ol > li,
        .ql-editor ul > li {
            list-style-type: none;
        }

            .ql-editor ul > li::before {
                content: '\2022';
            }

        .ql-editor ul[data-checked=true],
        .ql-editor ul[data-checked=false] {
            pointer-events: none;
        }

            .ql-editor ul[data-checked=true] > li *,
            .ql-editor ul[data-checked=false] > li * {
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before,
            .ql-editor ul[data-checked=false] > li::before {
                color: #777;
                cursor: pointer;
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before {
                content: '\2611';
            }

            .ql-editor ul[data-checked=false] > li::before {
                content: '\2610';
            }

    .ql-editor li::before {
        display: inline-block;
        white-space: nowrap;
        width: 1.2em;
    }

    .ql-editor li:not(.ql-direction-rtl)::before {
        margin-left: -1.5em;
        margin-right: 0.3em;
        text-align: right;
    }

    .ql-editor li.ql-direction-rtl::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
    }

    .ql-editor ol li:not(.ql-direction-rtl),
    .ql-editor ul li:not(.ql-direction-rtl) {
        padding-left: 1.5em;
    }

    .ql-editor ol li.ql-direction-rtl,
    .ql-editor ul li.ql-direction-rtl {
        padding-right: 1.5em;
    }

    .ql-editor ol li {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        counter-increment: list-0;
    }

        .ql-editor ol li:before {
            content: counter(list-0, decimal) '. ';
        }

        .ql-editor ol li.ql-indent-1 {
            counter-increment: list-1;
        }

            .ql-editor ol li.ql-indent-1:before {
                content: counter(list-1, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-2 {
            counter-increment: list-2;
        }

            .ql-editor ol li.ql-indent-2:before {
                content: counter(list-2, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-3 {
            counter-increment: list-3;
        }

            .ql-editor ol li.ql-indent-3:before {
                content: counter(list-3, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-4 {
            counter-increment: list-4;
        }

            .ql-editor ol li.ql-indent-4:before {
                content: counter(list-4, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-5 {
            counter-increment: list-5;
        }

            .ql-editor ol li.ql-indent-5:before {
                content: counter(list-5, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-6 {
            counter-increment: list-6;
        }

            .ql-editor ol li.ql-indent-6:before {
                content: counter(list-6, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-6 {
            counter-reset: list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-7 {
            counter-increment: list-7;
        }

            .ql-editor ol li.ql-indent-7:before {
                content: counter(list-7, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-7 {
            counter-reset: list-8 list-9;
        }

        .ql-editor ol li.ql-indent-8 {
            counter-increment: list-8;
        }

            .ql-editor ol li.ql-indent-8:before {
                content: counter(list-8, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-8 {
            counter-reset: list-9;
        }

        .ql-editor ol li.ql-indent-9 {
            counter-increment: list-9;
        }

            .ql-editor ol li.ql-indent-9:before {
                content: counter(list-9, decimal) '. ';
            }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em;
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em;
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em;
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em;
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em;
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em;
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em;
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em;
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em;
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em;
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em;
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em;
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em;
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em;
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em;
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em;
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em;
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em;
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em;
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em;
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em;
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em;
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em;
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em;
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em;
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em;
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em;
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em;
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em;
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em;
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em;
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em;
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em;
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em;
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em;
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em;
    }

    .ql-editor .ql-video {
        display: block;
        max-width: 100%;
    }

        .ql-editor .ql-video.ql-align-center {
            margin: 0 auto;
        }

        .ql-editor .ql-video.ql-align-right {
            margin: 0 0 0 auto;
        }

    .ql-editor .ql-bg-black {
        background-color: #000;
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000;
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90;
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0;
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00;
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c;
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f;
    }

    .ql-editor .ql-color-white {
        color: #fff;
    }

    .ql-editor .ql-color-red {
        color: #e60000;
    }

    .ql-editor .ql-color-orange {
        color: #f90;
    }

    .ql-editor .ql-color-yellow {
        color: #ff0;
    }

    .ql-editor .ql-color-green {
        color: #008a00;
    }

    .ql-editor .ql-color-blue {
        color: #06c;
    }

    .ql-editor .ql-color-purple {
        color: #93f;
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia, Times New Roman, serif;
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco, Courier New, monospace;
    }

    .ql-editor .ql-size-small {
        font-size: 0.75em;
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em;
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em;
    }

    .ql-editor .ql-direction-rtl {
        direction: rtl;
        text-align: inherit;
    }

    .ql-editor .ql-align-center {
        text-align: center;
    }

    .ql-editor .ql-align-justify {
        text-align: justify;
    }

    .ql-editor .ql-align-right {
        text-align: right;
    }

    .ql-editor.ql-blank::before {
        color: rgba(0,0,0,0.6);
        content: attr(data-placeholder);
        font-style: italic;
        left: 15px;
        pointer-events: none;
        position: absolute;
        right: 15px;
    }

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
}

    .ql-snow.ql-toolbar button svg,
    .ql-snow .ql-toolbar button svg {
        float: left;
        height: 100%;
    }

    .ql-snow.ql-toolbar button:active:hover,
    .ql-snow .ql-toolbar button:active:hover {
        outline: none;
    }

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
}

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #06c;
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #06c;
    }

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444;
    }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #444;
        }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #444;
        }
}

.ql-snow {
    box-sizing: border-box;
}

    .ql-snow * {
        box-sizing: border-box;
    }

    .ql-snow .ql-hidden {
        display: none;
    }

    .ql-snow .ql-out-bottom,
    .ql-snow .ql-out-top {
        visibility: hidden;
    }

    .ql-snow .ql-tooltip {
        position: absolute;
        transform: translateY(10px);
    }

        .ql-snow .ql-tooltip a {
            cursor: pointer;
            text-decoration: none;
        }

        .ql-snow .ql-tooltip.ql-flip {
            transform: translateY(-10px);
        }

    .ql-snow .ql-formats {
        display: inline-block;
        vertical-align: middle;
    }

        .ql-snow .ql-formats:after {
            clear: both;
            content: '';
            display: table;
        }

    .ql-snow .ql-stroke {
        fill: none;
        stroke: #444;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
    }

    .ql-snow .ql-stroke-miter {
        fill: none;
        stroke: #444;
        stroke-miterlimit: 10;
        stroke-width: 2;
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-stroke.ql-fill {
        fill: #444;
    }

    .ql-snow .ql-empty {
        fill: none;
    }

    .ql-snow .ql-even {
        fill-rule: evenodd;
    }

    .ql-snow .ql-thin,
    .ql-snow .ql-stroke.ql-thin {
        stroke-width: 1;
    }

    .ql-snow .ql-transparent {
        opacity: 0.4;
    }

    .ql-snow .ql-direction svg:last-child {
        display: none;
    }

    .ql-snow .ql-direction.ql-active svg:last-child {
        display: inline;
    }

    .ql-snow .ql-direction.ql-active svg:first-child {
        display: none;
    }

    .ql-snow .ql-editor h1 {
        font-size: 2em;
    }

    .ql-snow .ql-editor h2 {
        font-size: 1.5em;
    }

    .ql-snow .ql-editor h3 {
        font-size: 1.17em;
    }

    .ql-snow .ql-editor h4 {
        font-size: 1em;
    }

    .ql-snow .ql-editor h5 {
        font-size: 0.83em;
    }

    .ql-snow .ql-editor h6 {
        font-size: 0.67em;
    }

    .ql-snow .ql-editor a {
        text-decoration: underline;
    }

    .ql-snow .ql-editor blockquote {
        border-left: 4px solid #ccc;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-left: 16px;
    }

    .ql-snow .ql-editor code,
    .ql-snow .ql-editor pre {
        background-color: #f0f0f0;
        border-radius: 3px;
    }

    .ql-snow .ql-editor pre {
        white-space: pre-wrap;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 5px 10px;
    }

    .ql-snow .ql-editor code {
        font-size: 85%;
        padding: 2px 4px;
    }

    .ql-snow .ql-editor pre.ql-syntax {
        background-color: #23241f;
        color: #f8f8f2;
        overflow: visible;
    }

    .ql-snow .ql-editor img {
        max-width: 100%;
    }

    .ql-snow .ql-picker {
        color: #444;
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        position: relative;
        vertical-align: middle;
    }

    .ql-snow .ql-picker-label {
        cursor: pointer;
        display: inline-block;
        height: 100%;
        padding-left: 8px;
        padding-right: 2px;
        position: relative;
        width: 100%;
    }

        .ql-snow .ql-picker-label::before {
            display: inline-block;
            line-height: 22px;
        }

    .ql-snow .ql-picker-options {
        background-color: #fff;
        display: none;
        min-width: 100%;
        padding: 4px 8px;
        position: absolute;
        white-space: nowrap;
    }

        .ql-snow .ql-picker-options .ql-picker-item {
            cursor: pointer;
            display: block;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label {
        color: #ccc;
        z-index: 2;
    }

        .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
            fill: #ccc;
        }

        .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
            stroke: #ccc;
        }

    .ql-snow .ql-picker.ql-expanded .ql-picker-options {
        display: block;
        margin-top: -1px;
        top: 100%;
        z-index: 1;
    }

    .ql-snow .ql-color-picker,
    .ql-snow .ql-icon-picker {
        width: 28px;
    }

        .ql-snow .ql-color-picker .ql-picker-label,
        .ql-snow .ql-icon-picker .ql-picker-label {
            padding: 2px 4px;
        }

            .ql-snow .ql-color-picker .ql-picker-label svg,
            .ql-snow .ql-icon-picker .ql-picker-label svg {
                right: 4px;
            }

        .ql-snow .ql-icon-picker .ql-picker-options {
            padding: 4px 0px;
        }

        .ql-snow .ql-icon-picker .ql-picker-item {
            height: 24px;
            width: 24px;
            padding: 2px 4px;
        }

        .ql-snow .ql-color-picker .ql-picker-options {
            padding: 3px 5px;
            width: 152px;
        }

        .ql-snow .ql-color-picker .ql-picker-item {
            border: 1px solid transparent;
            float: left;
            height: 16px;
            margin: 2px;
            padding: 0px;
            width: 16px;
        }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        position: absolute;
        margin-top: -9px;
        right: 0;
        top: 50%;
        width: 18px;
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
        content: attr(data-label);
    }

    .ql-snow .ql-picker.ql-header {
        width: 98px;
    }

        .ql-snow .ql-picker.ql-header .ql-picker-label::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item::before {
            content: 'Normal';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
            content: 'Heading 1';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
            content: 'Heading 2';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
            content: 'Heading 3';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
            content: 'Heading 4';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
            content: 'Heading 5';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
            content: 'Heading 6';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
            font-size: 2em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
            font-size: 1.5em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
            font-size: 1.17em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
            font-size: 1em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
            font-size: 0.83em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
            font-size: 0.67em;
        }

    .ql-snow .ql-picker.ql-font {
        width: 108px;
    }

        .ql-snow .ql-picker.ql-font .ql-picker-label::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item::before {
            content: 'Sans Serif';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
            content: 'Serif';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
            content: 'Monospace';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
            font-family: Georgia, Times New Roman, serif;
        }

        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
            font-family: Monaco, Courier New, monospace;
        }

    .ql-snow .ql-picker.ql-size {
        width: 98px;
    }

        .ql-snow .ql-picker.ql-size .ql-picker-label::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item::before {
            content: 'Normal';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
            content: 'Small';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
            content: 'Large';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
            content: 'Huge';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
            font-size: 10px;
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
            font-size: 18px;
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
            font-size: 32px;
        }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
        background-color: #fff;
    }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
        background-color: #000;
    }

.ql-toolbar.ql-snow {
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
    font-family: Tahoma, 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
}

    .ql-toolbar.ql-snow .ql-formats {
        margin-right: 15px;
    }

    .ql-toolbar.ql-snow .ql-picker-label {
        border: 1px solid transparent;
    }

    .ql-toolbar.ql-snow .ql-picker-options {
        border: 1px solid transparent;
        box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
        border-color: #ccc;
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
        border-color: #ccc;
    }

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: #000;
    }

    .ql-toolbar.ql-snow + .ql-container.ql-snow {
        border-top: 0px;
        height: 14rem;
    }

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
}

    .ql-snow .ql-tooltip::before {
        content: "Visit URL:";
        line-height: 26px;
        margin-right: 8px;
    }

    .ql-snow .ql-tooltip input[type=text] {
        display: none;
        border: 1px solid #ccc;
        font-size: 13px;
        height: 26px;
        margin: 0px;
        padding: 3px 5px;
        width: 170px;
    }

    .ql-snow .ql-tooltip a.ql-preview {
        display: inline-block;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    .ql-snow .ql-tooltip a.ql-action::after {
        border-right: 1px solid #ccc;
        content: 'Edit';
        margin-left: 16px;
        padding-right: 8px;
    }

    .ql-snow .ql-tooltip a.ql-remove::before {
        content: 'Remove';
        margin-left: 8px;
    }

    .ql-snow .ql-tooltip a {
        line-height: 26px;
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-preview,
    .ql-snow .ql-tooltip.ql-editing a.ql-remove {
        display: none;
    }

    .ql-snow .ql-tooltip.ql-editing input[type=text] {
        display: inline-block;
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
        border-right: 0px;
        content: 'Save';
        padding-right: 0px;
    }

    .ql-snow .ql-tooltip[data-mode=link]::before {
        content: "Enter link:";
    }

    .ql-snow .ql-tooltip[data-mode=formula]::before {
        content: "Enter formula:";
    }

    .ql-snow .ql-tooltip[data-mode=video]::before {
        content: "Enter video:";
    }

.ql-snow a {
    color: #06c;
}

.sidebar-arrow {
    background-color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 10px
}

.navigation.navigation-main > .nav-item :hover {
    background-color: rgba(0,0,0,0.2) !important;
}

.main-menu.menu-light .navigation > li.nav-item:hover > a i {
    color: #5A8DEE !important
}

.select2-container--open {
    z-index: 999999 !important;
}


.dropdownDepartment:hover > .dropDownMenuDepartment {
    display: inline-table;
    position: absolute;
    z-index: 999999 !important;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(10em, 0px);
    overflow-y: auto;
}

.dropdownGroup:hover > .dropDownMenuGroup {
    display: block;
    position: absolute;
    z-index: 999999 !important;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(10em, 0px);
    max-height: 500px;
    overflow: auto;
}

#spWidget-anwesenheiten > .card {
    z-index: 999;
}

.tab-navigation-button {
    margin: 0px;
    border: 1px solid #ededed;
    border-bottom: none;
    border-radius: 5px 5px 0% 0%;
    padding-bottom: 0px !important;
}

    .tab-navigation-button:hover {
        margin: 0px;
        border: 1px solid #cbcbcb;
        border-bottom: none;
        padding-bottom: 0px !important;
    }

    .tab-navigation-button:has(> button.active) {
        border-color: #cbcbcb;
        padding-bottom: 0px !important;
    }

.clock {
    left: 50%;
    margin: 5px;
}

.clocktime {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.clockdate {
    font-size: 1em;
    flex: auto;
    color: #fff;
    margin: auto;
    padding: 0.625rem 1rem;
}



@media screen and (min-width: 600px) {
    .clock {
        left: 50%;
        margin: 5px;
    }

    .clocktime {
        color: #fff;
        font-size: 3em;
        font-weight: bold;
    }

    .clockdate {
        font-size: 2em;
        flex: auto;
        color: #fff;
        margin: auto;
        padding: 0.625rem 1rem;
    }
}


/*Mitarbeiterkalender*/

body.dark-layout .sked-tape__grid > li {
    display: block;
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to right, rgb(0,0,0) 1px, rgb(0,0,0) 1px), linear-gradient(to right, rgb(0,0,0) 1px, rgb(0,0,0) 1px), linear-gradient(to right, rgb(0,0,0) 1px, rgb(0,0,0) 1px), linear-gradient(to right, rgb(0,0,0) 1px, rgb(0,0,0) 1px), linear-gradient(to right, rgb(0,0,0) 1px, rgb(0,0,0) 1px) !important;
    background-size: 1px 100%, 1px 100%, 1px 100%, 1px 100%, 1px 100% !important;
    background-color: #1a233a70 !important;
    background-repeat: no-repeat;
    min-width: 48px;
    width: 96px;
}

.sked-tape__grid > .sat {
    background-color: #e0e0e0 !important;
}

.sked-tape__grid > .sun {
    background-color: #fee2fd !important;
}

body.dark-layout .sked-tape__hours {
    background-color: #272e48 !important;
    color: #bdd1f8 !important;
    border-bottom: 1px solid #475F7B !important
}

.Fehlzeitsperre_-4 {
    height: 10%;
    top: 90%;
    background-image: linear-gradient(0deg, rgb(0,0,0) 0%, rgb(0,0,0) 60%, rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0, 0) 100%);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-color: transparent !important;
    border: none !important;
    z-index: 4 !important;
}

body.dark-layout .Fehlzeitsperre_-4 {
    height: 10%;
    top: 90%;
    background-image: linear-gradient(0deg, rgb(255,255,255) 0%, rgb(255,255,255) 60%, rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0, 0) 100%);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-color: transparent !important;
    border: none !important;
    z-index: 4 !important;
}

    body.dark-layout .Fehlzeitsperre_-4 .sked-tape__center {
        color: rgb(255,255,255);
    }

.Fehlzeitsperre_DUMMY {
    border: none;
    color: black;
    text-align: center;
    background-color: transparent !important;
}

body.dark-layout .Fehlzeitsperre_DUMMY {
    border: none;
    background-color: transparent !important;
}

    body.dark-layout .Fehlzeitsperre_DUMMY .sked-tape__center {
        color: rgb(255,255,255);
    }

body.dark-layout .sked-tape__dates > li {
    background-color: #1a233a70 !important;
    color: #bdd1f8 !important;
}

body.dark-layout .sked-tape__date:nth-child(2) {
    background-color: #1a233a !important;
    color: #bdd1f8 !important;
}

body.dark-layout .sked-tape__timeline-wrap .sked-tape__grid {
    color: #bdd1f8 !important;
}


body.dark-layout .sked-tape__event-row {
    background-color: #1a233a !important;
}

    body.dark-layout .sked-tape__event-row:nth-child(odd) {
        background-color: #1a233a20 !important;
    }

.sked-tape__event-row:nth-child(odd) {
    background-color: #E3E3E3 !important;
}


body.dark-layout .sked-tape__grid > .sun {
    background-color: dimgrey !important;
}

body.dark-layout .sked-tape__grid > .sat {
    background-color: indianred !important;
}

body.dark-layout .sked-tape__event-row:first-child {
    border-top: 1px solid #475F7B !important;
}

body.dark-layout .sked-tape__caption {
    background-color: #272e48 !important;
    color: #bdd1f8 !important;
}

body.dark-layout .sked-tape__location {
    background-color: #1a233a70 !important;
    border-bottom: 1px solid #475F7B !important;
    color: #bdd1f8 !important;
}

.minicolors {
    position: relative;
}

.minicolors-sprite {
    background-image: url(../../img/jquery.minicolors.png);
}

.minicolors-swatch {
    position: absolute;
    vertical-align: middle;
    background-position: -80px 0;
    cursor: text;
    padding: 0;
    margin: 0;
    display: inline-block;
}

    .minicolors-swatch::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
        border-radius: 2px;
    }

.minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.minicolors input[type=hidden] + .minicolors-swatch {
    width: 28px;
    position: static;
    cursor: pointer;
}

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
    cursor: default;
}

/* Panel */
.minicolors-panel {
    position: absolute;
    width: 173px;
    background: white;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    z-index: 99999;
    box-sizing: content-box;
    display: none;
    touch-action: none;
}

    .minicolors-panel.minicolors-visible {
        display: block;
    }

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
    top: -154px;
}

.minicolors-position-right .minicolors-panel {
    right: 0;
}

.minicolors-position-bottom .minicolors-panel {
    top: auto;
}

.minicolors-position-left .minicolors-panel {
    left: 0;
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.minicolors .minicolors-grid {
    position: relative;
    top: 1px;
    left: 1px; /* LTR */
    width: 150px;
    height: 150px;
    margin-bottom: 2px;
    background-position: -120px 0;
    cursor: crosshair;
}

[dir=rtl] .minicolors .minicolors-grid {
    right: 1px;
}

.minicolors .minicolors-grid-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background-position: -270px 0;
    background-image: inherit;
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background-color: black;
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
    position: absolute;
    top: 1px;
    left: 152px; /* LTR */
    width: 20px;
    height: 150px;
    background-color: white;
    background-position: 0 0;
    cursor: row-resize;
}

[dir=rtl] .minicolors-slider,
[dir=rtl] .minicolors-opacity-slider {
    right: 152px;
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-opacity-slider {
    left: 173px; /* LTR */
    background-position: -40px 0;
    display: none;
}

[dir=rtl] .minicolors-opacity-slider {
    right: 173px;
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

/* Pickers */
.minicolors-grid .minicolors-picker {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 12px;
    height: 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 10px;
    margin-top: -6px;
    margin-left: -6px;
    background: none;
}

    .minicolors-grid .minicolors-picker > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        border: solid 2px white;
        box-sizing: content-box;
    }

.minicolors-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 3px;
    background: white;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin-top: -2px;
    margin-left: 1px;
    box-sizing: content-box;
}

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
    margin: 5px 0 3px 5px; /* LTR */
    padding: 0;
    list-style: none;
    overflow: hidden;
}

[dir=rtl] .minicolors-swatches,
[dir=rtl] .minicolors-swatches li {
    margin: 5px 5px 3px 0;
}

.minicolors-swatches .minicolors-swatch {
    position: relative;
    float: left; /* LTR */
    cursor: pointer;
    margin: 0 4px 0 0; /* LTR */
}

[dir=rtl] .minicolors-swatches .minicolors-swatch {
    float: right;
    margin: 0 0 0 4px;
}

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
    margin-right: 7px; /* LTR */
}

[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
    margin-right: 0;
    margin-left: 7px;
}

.minicolors-swatch.selected {
    border-color: #000;
}

/* Inline controls */
.minicolors-inline {
    display: inline-block;
}

    .minicolors-inline .minicolors-input {
        display: none !important;
    }

    .minicolors-inline .minicolors-panel {
        position: relative;
        top: auto;
        left: auto; /* LTR */
        box-shadow: none;
        z-index: auto;
        display: inline-block;
    }

[dir=rtl] .minicolors-inline .minicolors-panel {
    right: auto;
}

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
    top: 25%;
    left: 5px; /* LTR */
    width: 18px;
    height: 18px;
}

[dir=rtl] .minicolors-theme-default .minicolors-swatch {
    right: 5px;
}

.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
    margin-bottom: 2px;
    top: 0;
    left: 0; /* LTR */
    width: 18px;
    height: 18px;
}

[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
    right: 0;
}

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
    left: auto; /* LTR */
    right: 5px; /* LTR */
}

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
    right: auto;
    left: 5px;
}

.minicolors-theme-default.minicolors {
    display: inline-block;
}

.minicolors-theme-default .minicolors-input {
    display: inline-block;
    padding-left: 26px; /* LTR */
}

[dir=rtl] .minicolors-theme-default .minicolors-input {
    text-align: right;
    unicode-bidi: plaintext;
    padding-left: 1px;
    padding-right: 26px;
}

.minicolors-theme-default.minicolors-position-right .minicolors-input {
    padding-right: 26px; /* LTR */
    padding-left: inherit; /* LTR */
}

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
    padding-right: inherit;
    padding-left: 26px;
}

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
    z-index: 2;
    top: 3px;
    left: 3px; /* LTR */
    width: 28px;
    height: 28px;
    border-radius: 2px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
    right: 3px;
}

.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
    margin-bottom: 2px;
    top: 0;
    left: 0; /* LTR */
    width: 20px;
    height: 20px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
    right: 0;
}

.minicolors-theme-bootstrap .minicolors-swatch-color {
    border-radius: inherit;
}

.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
    left: auto; /* LTR */
    right: 3px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
    right: auto;
    left: 3px;
}

.minicolors-theme-bootstrap .minicolors-input {
    float: none;
    padding-left: 44px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
    text-align: right;
    unicode-bidi: plaintext;
    padding-left: 12px;
    padding-right: 44px;
}

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-right: 44px; /* LTR */
    padding-left: 12px; /* LTR */
}

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
    padding-right: 12px;
    padding-left: 44px;
}

.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
    top: 4px;
    left: 4px; /* LTR */
    width: 37px;
    height: 37px;
    border-radius: 5px;
}

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
    right: 4px;
}

.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
    width: 24px;
    height: 24px;
}

.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
    width: 18px;
    height: 18px;
}

.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
    border-top-left-radius: 0; /* LTR */
    border-bottom-left-radius: 0; /* LTR */
}

[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
    border-radius: 4px;
}

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* bootstrap input-group rtl override */
[dir=rtl] .input-group .form-control,
[dir=rtl] .input-group-addon,
[dir=rtl] .input-group-btn > .btn,
[dir=rtl] .input-group-btn > .btn-group > .btn,
[dir=rtl] .input-group-btn > .dropdown-toggle {
    border: 1px solid #ccc;
    border-radius: 4px;
}

    [dir=rtl] .input-group .form-control:first-child,
    [dir=rtl] .input-group-addon:first-child,
    [dir=rtl] .input-group-btn:first-child > .btn,
    [dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
    [dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
    [dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    [dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0;
    }

        [dir=rtl] .input-group .form-control:last-child,
        [dir=rtl] .input-group-addon:last-child,
        [dir=rtl] .input-group-btn:last-child > .btn,
        [dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
        [dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
        [dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
        [dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
    top: 0;
    left: 0; /* LTR */
    padding: 18px;
}

[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
    right: 0;
}

.minicolors-theme-semanticui input {
    text-indent: 30px;
}

.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

div.dt-button-collection {
    position: absolute;
    z-index: 2001;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: .5rem;
    width: 218px
}

body.dark-layout div.dt-button-collection {
    background: #1a233a;
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: transparent !important;
}

div.dt-buttons {
    float: right;
}

.dt-button-active {
}

    .dt-button-active::before {
        content: "\e9a4" !important;
        font-family: boxicons;
        margin-right: 10px;
    }


div[role=menu] {
    display: flex;
    flex-direction: column;
    float: left;
    flex-wrap: nowrap;
}

.buttons-columnVisibility {
    text-align: start;
}

.buttons-colvis {
    margin-top: 10px;
}

.icon-balance-redLight {
    content: url(../../img/redLight.png);
}

.icon-balance-yellowLight {
    content: url(../../img/yellowLight.png);
}

.icon-balance-greenLight {
    content: url(../../img/greenLight.png);
}


.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #5a8dee;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.table-day-free {
    background-color: RGBA(30,30,252,0.1) !important
}

body.dark-layout .table-day-free {
    background-color: RGBA(0,65,151,0.8) !important
}

.table-weekend-sunday {
    background-color: #e0e0e0 !important
}

.table-weekend-saturday {
    background-color: #fee2fd !important
}

body.dark-layout .table-weekend-saturday {
    background-color: dimgray !important
}

body.dark-layout .table-weekend-sunday {
    background-color: indianred !important
}

body.dark-layout .table-weekend-saturday td {
    color: #b4bed1 !important
}

body.dark-layout .table-weekend-sunday td {
    color: #b4bed1 !important
}

.dataTables_info {
    text-align: center !important;
    width: 100% !important;
}

.select__arrow b {
    width: 6px;
    height: 6px;
    margin-left: -10px;
    margin-top: -5px;
    border-width: 0 2px 2px 0;
    border-color: #b3c0ce;
    transform: rotate(45deg);
}

.select__arrow {
    min-height: 38px;
}


    .select__arrow b {
        border-width: 2px 0 0 2px;
        border-color: #b3c0ce transparent transparent #b3c0ce;
        margin-top: -2px;
    }

.select__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

    .select__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0
    }

.select__arrow {
    background-color: #fff;
    border: none;
    border-left: 1px solid #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #fff 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

    .select__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0
    }

#filterButtonDropdown {
    height: 40px;
    border: 1px solid #aaa !important;
    padding: 7px !important
}



.filtertext {
    color: #475F7B;
    line-height: 28px;
    padding-left: 8px
}

body.dark-layout #filterButtonDropdown {
    border: 1px solid #464d5c !important;
}

body.dark-layout .select__arrow {
    background-color: #fff;
    border: none;
    border-left: 1px solid #1a233a;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #1a233a 50%, #1a233a 100%);
    background-image: -o-linear-gradient(top, #1a233a 50%, #1a233a 100%);
    background-image: linear-gradient(to bottom, #1a233a 50%, #1a233a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.calendarButton {
    border-color: #5a8dee !important;
}

table thead tr th.table-header-sticky {
    position: sticky;
    top: 0px;
    background-color: #fff !important
}

body.dark-layout table thead tr th.table-header-sticky {
    position: sticky;
    top: 0px;
    background-color: #272e48 !important
}

.scroll-container {
    border: 2px solid #ccc;
    height: 125px;
    overflow-y: scroll;
    text-align: left !important;
    margin-bottom: 0.5rem;
    width: 100%;
}

body.dark-layout .scroll-container {
    border: 2px solid #ccc;
    height: 125px;
    overflow-y: scroll;
    text-align: left !important;
    margin-bottom: 0.5rem;
    width: 100%;
    background-color: #1a233a;
    border-color: #464d5c;
}

.ks-cboxtags-container {
    max-width: 640px;
    font-family: Tahoma, 'Segoe UI', Geneva, Verdana, sans-serif;
    font-size: 13px;
}

body.dark-layout .ks-cboxtags-container {
    max-width: 640px;
    font-family: Tahoma, 'Segoe UI', Geneva, Verdana, sans-serif;
    font-size: 13px;
    color: #8a99b5;
}

ul.ks-cboxtags {
    list-style: none;
    padding: 5px;
}

    ul.ks-cboxtags li {
        display: inline;
    }

        ul.ks-cboxtags li label {
            display: inline-block;
            background-color: rgba(255, 255, 255, .9);
            border: 2px solid rgba(139, 139, 139, .3);
            color: #adadad;
            border-radius: 15px;
            white-space: nowrap;
            margin: 2px 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
            transition: all .2s;
        }

body.dark-layout ul.ks-cboxtags li label {
    display: inline-block;
    background-color: #1a233a;
    border: 2px solid #464d5c;
    color: #8a99b5;
    border-radius: 15px;
    white-space: nowrap;
    margin: 2px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 4px 6px;
    cursor: pointer;
}

    ul.ks-cboxtags li label::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 12px;
        padding: 1px 3px 1px 1px;
        transition: transform .3s ease-in-out;
    }

body.dark-layout ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 1px 3px 1px 1px;
    transition: transform .3s ease-in-out;
    color: #8a99b5;
    border-color: #5a8dee;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #5a8dee;
    background-color: #5a8dee;
    color: #fff;
    transition: all .2s;
}

body.dark-layout ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #5a8dee;
    background-color: #5a8dee;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

    ul.ks-cboxtags li input[type="checkbox"]:focus + label {
        border: 2px solid #5a8dee;
    }

body.dark-layout ul.ks-cboxtags li input[type="checkbox"]:focus + label {
    border: 2px solid #5a8dee;
}

.lever-checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 20px;
    min-width: 50px;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lever-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.box_1 {
    background: #eee;
}

body.dark-layout .box_1 {
    background: #5a8dee;
}

.lever-checkbox input[type="checkbox"].switch_1 {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    background: #ddd;
    border-radius: 1em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body.dark-layout .lever-checkbox input[type="checkbox"].switch_1 {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    background: #1a233a;
    border-radius: 1em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.lever-checkbox input[type="checkbox"].switch_1:checked {
    background: #5a8dee;
}

body.dark-layout .lever-checkbox input[type="checkbox"].switch_1:checked {
    background: #5a8dee;
}

.lever-checkbox input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    aspect-ratio: 1 / 1;
    height: 100%;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

body.dark-layout .lever-checkbox input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    aspect-ratio: 1 / 1;
    height: 100%;
    border-radius: 50%;
    background: #8a99b5;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.lever-checkbox input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 0.75em);
}

body.dark-layout .lever-checkbox input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 0.75em);
    background-color: #ffffff;
    transition: all .2s ease-in-out;
}

.colvisbutton {
    margin-bottom: 10px
}

.swal-wide {
    width: 35% !important;
}

.okSpan {
    color: #528752;
}

.badSpan {
    color: red !important;
}

.stornierungBeantragt, .stornierungGenehmigt {
    background-color: red;
    color: black;
}


    .stornierungBeantragt > .ui-state-default {
        /*background-image: linear-gradient(45deg, white 10%, red 90%);*/
        background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent) !important;
        background-color: red;
    }

    .stornierungGenehmigt > .ui-state-default {
        /*background-image: linear-gradient(45deg, white 10%, red 90%);*/
        background-color: red;
        color: white !important;
        pointer-events: auto;
    }

/*    .stornierungGenehmigt:hover {
        opacity: 1 !important;
    }
    .stornierungGenehmigt:hover > .ui-state-default{
        opacity: 0.35 !important;
    }
    .stornierungGenehmigt:hover:after, .stornierungBeantragt:hover:after {
        opacity: 1 !important;
        position: absolute;
        width: 100%;
        content: attr(title);
        background-color: #fff;
        color: #000;
        line-height: 1.4em;
        border: 1px solid #000;
        z-index: 9999;
    }*/


/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/IBMPlexSans-Regular.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Tahoma, 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/Rubik-VariableFont_wght.ttf);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* add-to-homescreen */
.adhs-container .adhs-modal .adhs-title {
    text-align: center !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
    text-align: start !important;
}

.adhs-container.adhs-ios.adhs-safari .adhs-modal .adhs-list .adhs-ios-safari-add-to-home-screen-button {
    display: flex !important;
    margin: 0px !important;
}

.adhs-container.adhs-ios.adhs-safari .adhs-modal .adhs-list .adhs-ios-safari-sharing-api-button {
    margin: 0px !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-your-app-icon {
    margin: 0px !important;
}

.adhs-container .adhs-modal {
    margin-top: 60px !important;
}

.adhs-container .adhs-logo img {
    margin-top: 16px !important;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-more-button {
    margin: 0px !important;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-add-to-homescreen-button {
    margin: 0px !important;
}


#filterDropdownButton::after {
    top: 0rem !important;
}

.paginationjs {
    display: flex;
    line-height: 1.6;
    font-family: Tahoma,Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;
    font-size: 14px;
    box-sizing: initial
}

    .paginationjs:after {
        display: table;
        content: " ";
        clear: both
    }

    .paginationjs .paginationjs-pages {
        float: left;
        margin-left: 10px
    }

        .paginationjs .paginationjs-pages ul {
            float: left;
            margin: 0;
            padding: 0
        }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-size-changer {
        margin-left: 10px;
        margin-right: 0px;
        float: left;
        font-size: 14px
    }

    .paginationjs .paginationjs-pages li {
        float: left;
        border: 1px solid #aaa;
        border-right: none;
        list-style: none
    }

        .paginationjs .paginationjs-pages li > a {
            min-width: 30px;
            height: 28px;
            line-height: 28px;
            display: block;
            background: #fff;
            font-size: 14px;
            color: #333;
            text-decoration: none;
            text-align: center;
            cursor: pointer
        }

            .paginationjs .paginationjs-pages li > a:hover {
                background: #eee
            }

        .paginationjs .paginationjs-pages li.active {
            border: none
        }

            .paginationjs .paginationjs-pages li.active > a {
                height: 30px;
                line-height: 30px;
                background: #aaa;
                color: #fff;
                cursor: default
            }

        .paginationjs .paginationjs-pages li.disabled > a {
            opacity: .3;
            cursor: default
        }

            .paginationjs .paginationjs-pages li.disabled > a:hover {
                background: 0 0
            }

        .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {
            border-radius: 3px 0 0 3px
        }

        .paginationjs .paginationjs-pages li:last-child {
            border-right: 1px solid #aaa;
            border-radius: 0 3px 3px 0
        }

            .paginationjs .paginationjs-pages li:last-child > a {
                border-radius: 0 3px 3px 0
            }

    .paginationjs .paginationjs-size-changer > select {
        height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        padding: 0;
        font-size: 14px;
        text-align: center;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        box-sizing: initial
    }

    .paginationjs .paginationjs-go-input > input[type=text] {
        width: 30px;
        height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        padding: 0;
        font-size: 14px;
        text-align: center;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        box-sizing: initial
    }

    .paginationjs .paginationjs-go-button > input[type=button] {
        min-width: 40px;
        height: 30px;
        line-height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        text-align: center;
        padding: 0 8px;
        font-size: 14px;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        color: #333;
        cursor: pointer;
        vertical-align: middle\9
    }

        .paginationjs .paginationjs-go-button > input[type=button]:hover {
            background-color: #f8f8f8
        }

    .paginationjs .paginationjs-nav {
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .paginationjs.paginationjs-small {
        font-size: 12px
    }

        .paginationjs.paginationjs-small .paginationjs-pages li > a {
            min-width: 26px;
            height: 24px;
            line-height: 24px;
            font-size: 12px
        }

        .paginationjs.paginationjs-small .paginationjs-pages li.active > a {
            height: 26px;
            line-height: 26px
        }

        .paginationjs.paginationjs-small .paginationjs-size-changer {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-size-changer > select {
                height: 24px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-go-input {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
                width: 26px;
                height: 24px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-go-button {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
                min-width: 30px;
                height: 26px;
                line-height: 24px;
                padding: 0 6px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-nav {
            height: 26px;
            line-height: 26px;
            font-size: 12px
        }

    .paginationjs.paginationjs-big {
        font-size: 16px
    }

        .paginationjs.paginationjs-big .paginationjs-pages li > a {
            min-width: 36px;
            height: 34px;
            line-height: 34px;
            font-size: 16px
        }

        .paginationjs.paginationjs-big .paginationjs-pages li.active > a {
            height: 36px;
            line-height: 36px
        }

        .paginationjs.paginationjs-big .paginationjs-size-changer {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-size-changer > select {
                height: 34px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-go-input {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
                width: 36px;
                height: 34px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-go-button {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
                min-width: 50px;
                height: 36px;
                line-height: 34px;
                padding: 0 12px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-nav {
            height: 36px;
            line-height: 36px;
            font-size: 16px
        }

    .paginationjs > :first-child {
        margin-left: 0
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
        border-color: #5a8dee
    }

        .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
            color: #5a8dee
        }

            .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
                background: #e9f4fc
            }

        .paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
            background: #5a8dee;
            color: #fff
        }

        .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
            background: 0 0
        }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-size-changer > select {
        border-color: #5a8dee
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button] {
        background: #5a8dee;
        border-color: #5a8dee;
        color: #fff
    }

        .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button]:hover {
            background-color: #3ca5ea
        }

    .paginationjs.paginationjs-theme-blue .J-paginationjs-size-changer > select2-container {
        background: #fff !important;
        color: #5a8dee !important;
        border-color: #5a8dee !important;
    }

    .paginationjs.paginationjs-theme-green .paginationjs-pages li {
        border-color: #449d44
    }

        .paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
            color: #449d44
        }

            .paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
                background: #ebf4eb
            }

        .paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
            background: #449d44;
            color: #fff
        }

        .paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
            background: 0 0
        }

    .paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-green .paginationjs-size-changer > select {
        border-color: #449d44
    }

    .paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button] {
        background: #449d44;
        border-color: #449d44;
        color: #fff
    }

        .paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button]:hover {
            background-color: #55a555
        }

    .paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
        border-color: #ec971f
    }

        .paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
            color: #ec971f
        }

            .paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
                background: #fdf5e9
            }

        .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
            background: #ec971f;
            color: #fff
        }

        .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
            background: 0 0
        }

    .paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-yellow .paginationjs-size-changer > select {
        border-color: #ec971f
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button] {
        background: #ec971f;
        border-color: #ec971f;
        color: #fff
    }

        .paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button]:hover {
            background-color: #eea135
        }

    .paginationjs.paginationjs-theme-red .paginationjs-pages li {
        border-color: #c9302c
    }

        .paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
            color: #c9302c
        }

            .paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
                background: #faeaea
            }

        .paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
            background: #c9302c;
            color: #fff
        }

        .paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
            background: 0 0
        }

    .paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-red .paginationjs-size-changer > select {
        border-color: #c9302c
    }

    .paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button] {
        background: #c9302c;
        border-color: #c9302c;
        color: #fff
    }

        .paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button]:hover {
            background-color: #ce4541
        }

    .paginationjs .paginationjs-pages li.paginationjs-next {
        border-right: 1px solid #aaa\9
    }

    .paginationjs .paginationjs-size-changer {
        margin-left: 5px\9
    }

        .paginationjs .paginationjs-size-changer > select {
            line-height: 28px\9;
            vertical-align: middle\9
        }

    .paginationjs .paginationjs-go-input {
        margin-left: 5px\9
    }

        .paginationjs .paginationjs-go-input > input[type=text] {
            line-height: 28px\9;
            vertical-align: middle\9
        }

    .paginationjs .paginationjs-go-button {
        margin-left: 5px\9
    }

    .paginationjs.paginationjs-big .paginationjs-pages li > a {
        line-height: 36px\9
    }

    .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
        height: 36px\9;
        line-height: 36px\9
    }

    .paginationjs.paginationjs-theme-yellow .J-paginationjs-size-select {
        border-color: #ec971f !important;
        color: #ec971f
    }
/*    Darkmode paging
*/
.dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
    border-color: #1a233a !important;
    background-color: #272e48 !important;
}

    .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
        background-color: #bdd1f8;
        color: black
    }

        .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
            background: #272e48 !important;
            color: #bdd1f8 !important;
        }

    .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
        background: #1a233a !important;
        border-color: #bdd1f8 !important;
        color: #bdd1f8 !important
    }

    .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
        background: 0 0;
        color: #bdd1f8
    }

    .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a {
        background: 0 0;
        color: #bdd1f8
    }

.dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-size-changer > select {
    border-color: black
}

.dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button] {
    background: #272e48;
    border-color: black;
    color: #fff
}

    .dark-layout .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button]:hover {
        background-color: #272e48
    }

.dark-layout .paginationjs.paginationjs-theme-blue .J-paginationjs-size-select {
    background: #1a233a !important;
    color: #bdd1f8 !important;
    border-color: #bdd1f8 !important;
}

.scheduler-swal {
    width: 100vh !important;
    height: 60vh;
}

.balance-swal {
    width: 100vh !important;
}

.balanceFromSchedular-swal {
    width: fit-content !important
}

.ui-state-active-children a {
    color: #fff !important;
    background: #5a8dee !important;
    border: #5a8dee !important;
}

.dark-layout .versionLabel {
    background-color: transparent;
}

.swal-wide {
    width: 40vh;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    z-index: 999999999;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
    z-index: 999999999;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    z-index: 999999999;
}

.selectableMonthName:hover {
    cursor: pointer;
    text-decoration: underline;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.column-drop {
    border: 1px solid;
    border-radius: 3px;
    background-color: #F9F9F9;
    min-height: 35px;
    display: flex;
    align-items: center;
}

.dark-layout .column-drop {
    background-color: #272E48;
    color: #8A99B5;
}

.column-drop > span.column-drop-here {
    display: none;
}

    .column-drop > span.column-drop-here:last-child {
        display: block;
        padding-left: 5px;
        cursor: default;
    }

.column-drop-template {
    margin-right: 20px;
}

    .column-drop-template::before {
        content: '>';
    }

.header-normal {
    outline: none;
}

    .header-normal:hover {
        cursor: pointer
    }

.header-dragged {
    cursor: grab;
}

.ui-sortable-helper:hover {
    cursor: grabbing
}

.header-remove:hover {
    cursor: pointer
}

.header-dragged.sorting_asc > .sort-icon {
    background: url(../../img/datatables/sort_asc.png) no-repeat center right;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.header-dragged.sorting_desc > .sort-icon {
    background: url(../../img/datatables/sort_desc.png) no-repeat center right;
    width: 16px;
    height: 16px;
    display: inline-block;
}

table.dataTable.table-custom-grouped > thead th.sorting_asc:not(.group-extra-sort) > span {
    display: none
}

table.dataTable.table-custom-grouped > thead th.sorting_desc:not(.group-extra-sort) > span {
    display: none
}

.dtrg-group > th {
    border-top: none;
}

    .dtrg-group > th::before {
        content: '>';
        transform: rotate(90deg);
        display: inline-block;
        margin-right: 10px;
    }

.dtrg-group.collapsed > th::before {
    content: '>';
    transform: rotate(0deg);
    display: inline-block;
    margin-right: 10px;
}

.dtrg-group.collapsed + .dtrg-group {
    display: none;
}

.ui-draggable-dragging {
    display: none
}

div.dt-container .dt-info {
    text-align: center;
    padding-top: 10px;
}

colgroup {
    border-top: hidden !important;
}

.dt-empty {
    text-align: center;
}

table.dataTable.stripe > tbody > tr.dt-hasChild + tr {
    background-color: var(--bs-table-bg);
}

body.dark-layout > table.dataTable.stripe > tbody > tr:nth-child(odd) {
    background-color: #1a233a;
}

body.dark-layout table.dataTable.stripe > tbody > tr.dt-hasChild + tr {
    background-color: #272e48
}

table .stripe > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}

table.dataTable tfoot {
}

tfoot tr.datatables-sumrow {
    font-weight: bold;
    position: sticky;
    bottom: 0px;
    background-color: #ffffff;
}

    tfoot tr.datatables-sumrow th {
        border-top: solid 2px black;
    }

body.dark-layout .datatables-sumrow {
    background-color: #1a233a
}

.ag-cell .clickable,
table tbody tr.clickable:hover {
    cursor: pointer;
    -webkit-filter: brightness(95%);
}

body.dark-layout table tbody tr.clickable:hover {
    cursor: pointer;
    -webkit-filter: brightness(110%);
}

.ag-body-vertical-scroll, .ag-body-horizontal-scroll {
    z-index: 9999
}

.ag-row.ag-grid-weekend {
    background-color: #F2CEEF;
}

body.dark-layout .ag-row.ag-grid-weekend {
    background-color: #886886;
}

.ag-row.ag-grid-keinSoll:not(.ag-grid-weekend) {
    background-color: lightgray;
}

body.dark-layout .ag-row.ag-grid-keinSoll:not(.ag-grid-weekend) {
    background-color: #8A8A8A;
}

.actions-button-cell {
    overflow: visible !important;
}

.ag-row {
    z-index: 0;
}

    .ag-row.ag-row-focus {
        z-index: 100;
    }

.dropdown-item.sm {
    padding: 0.2rem 0.8rem;
}

.ag-root {
    z-index: 0;
}

.ag-pinned-left-cols-container {
    z-index: 999999
}

.center-in-col {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.dark-layout .input-group span {
    background-color: #1a233a;
    border-color: #464d5c;
    color: #8a99b5;
}

body.dark-layout div.ag-cell-value span {
    color: #8a99b5 !important;
}

body.dark-layout input.select2-search__field {
    background-color: #464d5c;
    color: #8a99b5;
}

.ag-grid-clickable:hover {
    cursor: pointer
}

body .ag-horizontal-left-spacer {
    overflow: auto !important
}

body .ag-floating-bottom {
    overflow: auto !important
}

body div.ag-horizontal-right-spacer.ag-scroller-corner {
    display: none !important
}

label.project-date-info {
    text-transform: none;
    font-size: 0.70rem;
    font-weight: 600;
}

.swal2-modal .swal2-validationsuccess {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

    .swal2-modal .swal2-validationsuccess::before {
        content: '✓';
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #7dea7d;
        color: #fff;
        line-height: 24px;
        text-align: center;
        margin-right: 10px
    }

.swal2-modal .swal2-validationinfo {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

    .swal2-modal .swal2-validationinfo::before {
        content: 'i';
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #7d7dea;
        color: #fff;
        line-height: 24px;
        text-align: center;
        margin-right: 10px
    }

.input-group > .select2-container {
    width: auto;
    flex: 1 1 auto;
}

    .input-group > .select2-container .select2-selection--single {
        height: 100%;
        line-height: inherit;
        padding: 0.5rem 1rem;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }

.input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #475F7B;
    line-height: inherit !important
}

.ag-grid-footnote-star {
    font-size: 18px;
}

.sked-tape__timeline-wrap {
    overflow-x: hidden
}

.ag-body .ag-row.ag-row-striped-even {
    background-color: #ffffff
}

body.dark-layout .ag-row.ag-row-striped-even {
    background-color: #272e48;
}

.ag-body .ag-row.ag-row-striped-odd {
    background-color: #f9f9f9;
}

body.dark-layout .ag-row.ag-row-striped-odd {
    background-color: #1a233a;
}

.ag-body .ag-row-bordered > .ag-cell {
    border-right: solid 0.5px lightgray;
}

.ag-floating-bottom-container {
    font-weight: bold;
    bottom: 0px;
}

    .ag-floating-bottom-container > .ag-row {
        background-color: var(--ag-header-background-color)
    }

body.dark-layout .ag-floating-bottom-container > .ag-row {
    background-color: rgb(40, 49, 62) !important
}

.ag-root-wrapper.ag-layout-normal .ag-root-wrapper-body.ag-layout-normal,
.ag-root-wrapper.ag-layout-normal .ag-root-wrapper-body.ag-layout-normal div {
    font-family: Tahoma, "Rubik", "Times New Roman", serif !important;
    color: #475F7B !important
}

body.dark-layout .ag-root-wrapper.ag-layout-normal .ag-root-wrapper-body.ag-layout-normal,
body.dark-layout .ag-root-wrapper.ag-layout-normal .ag-root-wrapper-body.ag-layout-normal div {
    color: #8a99b5 !important
}

.ag-checkbox-input-wrapper::before {
    border: solid lightgray 1.5px !important;
    border-radius: 3px !important;
}

body.dark-layout .ag-checkbox-input-wrapper::before {
    border: solid rgb(70, 77, 92) 1.5px !important;
    border-radius: 3px !important;
}

.ag-checkbox-input-wrapper::after {
    content: "" !important;
}

.ag-checkbox-input-wrapper.ag-checked::after {
    content: "✓" !important;
    left: 2px !important;
}

.overtimeInput {
    cursor: pointer;
    background-color: #ffffff !important
}

.dark-layout .overtimeInput {
    cursor: pointer;
}

.label-icon {
    position: relative;
    top: 3px;
    font-size: 14px;
}

.label-policy {
    font-size: 10px;
}

.month-picker {
    display: inline-block;
    position: absolute;
    z-index: 9999;
}

    .month-picker table {
        border-collapse: separate;
        border-spacing: 2px 2px;
    }

    .month-picker td {
        padding: 0px;
    }

    .month-picker .ui-button-text {
        padding: .4em 0;
    }

.month-picker-header {
    margin: 3px 3px 0px 3px;
}

.month-picker-year-table {
    width: 100%;
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .month-picker-year-table a {
        border: 1px solid transparent;
    }

    .month-picker-year-table .ui-button {
        font-size: 1.1em;
        width: 1.5em;
        height: 1.5em;
        cursor: default;
        margin: 0;
    }

    .month-picker-year-table .month-picker-title {
        text-align: center;
    }

        .month-picker-year-table .month-picker-title .ui-button {
            font-size: 1em;
            padding: .1em 0;
            width: 100%;
            font-weight: bold;
        }

    .month-picker-year-table .ui-button-text {
        padding: 0;
    }

.month-picker-month-table td {
    height: 35px;
    text-align: center;
}


.month-picker-month-table .ui-button {
    width: 4.2em;
    margin: .2em;
}

.month-picker-open-button {
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}

.month-picker-invalid-message {
    display: none;
    background-color: Yellow;
}

.month-picker-disabled {
    background-color: #e1e1e1;
}


.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Tahoma, "Rubik", Helvetica, Arial, serif;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1;
}

    .irs-handle.type_last {
        z-index: 2;
    }

.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default;
}

.irs-min {
    left: 0;
}

.irs-max {
    right: 0;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.irs--flat {
    height: 40px;
    margin-bottom: 5px;
}

    .irs--flat.irs-with-grid {
        height: 60px;
    }

    .irs--flat .irs-line {
        top: 25px;
        height: 12px;
        background-color: #e1e4e9;
        border-radius: 4px;
    }

    .irs--flat .irs-bar {
        top: 25px;
        height: 12px;
        background-color: #5a8dee !important;
    }

    .irs--flat .irs-bar--single {
        border-radius: 4px 0 0 4px;
    }

    .irs--flat .irs-shadow {
        height: 1px;
        bottom: 16px;
        background-color: #e1e4e9;
    }

    .irs--flat .irs-handle {
        top: 22px;
        width: 16px;
        height: 18px;
        background-color: transparent;
    }

        .irs--flat .irs-handle > i:first-child {
            position: absolute;
            display: block;
            top: 0;
            left: 50%;
            width: 2px;
            height: 100%;
            margin-left: -1px;
            background-color: #5a8dee !important;
        }

        .irs--flat .irs-handle.state_hover > i:first-child,
        .irs--flat .irs-handle:hover > i:first-child {
            background-color: #a43540;
        }

    .irs--flat .irs-min,
    .irs--flat .irs-max {
        top: 0;
        padding: 1px 3px;
        color: #999;
        font-size: 10px;
        line-height: 1.333;
        text-shadow: none;
        background-color: #e1e4e9;
        border-radius: 4px;
    }

    .irs--flat .irs-from,
    .irs--flat .irs-to,
    .irs--flat .irs-single {
        color: white;
        font-size: 12px;
        line-height: 1.133;
        text-shadow: none;
        padding: 1px 5px;
        background-color: #5a8dee !important;
        border-radius: 3px;
    }

        .irs--flat .irs-from:before,
        .irs--flat .irs-to:before,
        .irs--flat .irs-single:before {
            position: absolute;
            display: block;
            content: "";
            bottom: -9px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -5px;
            overflow: hidden;
            border: 5px solid transparent;
            border-top-color: #5a8dee !important;
        }

    .irs--flat .irs-grid-pol {
        background-color: #e1e4e9;
    }

    .irs--flat .irs-grid-text {
        color: #999;
    }

.irs--big {
    height: 55px;
}

    .irs--big.irs-with-grid {
        height: 70px;
    }

    .irs--big .irs-line {
        top: 33px;
        height: 12px;
        background-color: white;
        background: linear-gradient(to bottom, #ddd -50%, white 150%);
        border: 1px solid #ccc;
        border-radius: 12px;
    }

    .irs--big .irs-bar {
        top: 33px;
        height: 12px;
        background-color: #92bce0;
        border: 1px solid #428bca;
        background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
        box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
    }

    .irs--big .irs-bar--single {
        border-radius: 12px 0 0 12px;
    }

    .irs--big .irs-shadow {
        height: 1px;
        bottom: 16px;
        background-color: rgba(66, 139, 202, 0.5);
    }

    .irs--big .irs-handle {
        top: 25px;
        width: 30px;
        height: 30px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        background-color: #cbcfd5;
        background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
        border-radius: 30px;
    }

        .irs--big .irs-handle.state_hover,
        .irs--big .irs-handle:hover {
            border-color: rgba(0, 0, 0, 0.45);
            background-color: #939ba7;
            background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
        }

    .irs--big .irs-min,
    .irs--big .irs-max {
        top: 0;
        padding: 1px 5px;
        color: white;
        text-shadow: none;
        background-color: #9f9f9f;
        border-radius: 3px;
    }

    .irs--big .irs-from,
    .irs--big .irs-to,
    .irs--big .irs-single {
        color: white;
        text-shadow: none;
        padding: 1px 5px;
        background-color: #428bca;
        background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
        border-radius: 3px;
    }

    .irs--big .irs-grid-pol {
        background-color: #428bca;
    }

    .irs--big .irs-grid-text {
        color: #428bca;
    }

.irs--modern {
    height: 55px;
}

    .irs--modern.irs-with-grid {
        height: 55px;
    }

    .irs--modern .irs-line {
        top: 25px;
        height: 5px;
        background-color: #d1d6e0;
        background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
        border: 1px solid #a3adc1;
        border-bottom-width: 0;
        border-radius: 5px;
    }

    .irs--modern .irs-bar {
        top: 25px;
        height: 5px;
        background: #20b426;
        background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
    }

    .irs--modern .irs-bar--single {
        border-radius: 5px 0 0 5px;
    }

    .irs--modern .irs-shadow {
        height: 1px;
        bottom: 21px;
        background-color: rgba(209, 214, 224, 0.5);
    }

    .irs--modern .irs-handle {
        top: 37px;
        width: 12px;
        height: 13px;
        border: 1px solid #a3adc1;
        border-top-width: 0;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 3px 3px;
    }

        .irs--modern .irs-handle > i:nth-child(1) {
            position: absolute;
            display: block;
            top: -4px;
            left: 1px;
            width: 6px;
            height: 6px;
            border: 1px solid #a3adc1;
            background: white;
            transform: rotate(45deg);
        }

        .irs--modern .irs-handle > i:nth-child(2) {
            position: absolute;
            display: block;
            box-sizing: border-box;
            top: 0;
            left: 0;
            width: 10px;
            height: 12px;
            background: #e9e6e6;
            background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
            border-radius: 0 0 3px 3px;
        }

        .irs--modern .irs-handle > i:nth-child(3) {
            position: absolute;
            display: block;
            box-sizing: border-box;
            top: 3px;
            left: 3px;
            width: 4px;
            height: 5px;
            border-left: 1px solid #a3adc1;
            border-right: 1px solid #a3adc1;
        }

        .irs--modern .irs-handle.state_hover,
        .irs--modern .irs-handle:hover {
            border-color: #7685a2;
            background: #c3c7cd;
            background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
        }

            .irs--modern .irs-handle.state_hover > i:nth-child(1),
            .irs--modern .irs-handle:hover > i:nth-child(1) {
                border-color: #7685a2;
            }

            .irs--modern .irs-handle.state_hover > i:nth-child(3),
            .irs--modern .irs-handle:hover > i:nth-child(3) {
                border-color: #48536a;
            }

    .irs--modern .irs-min,
    .irs--modern .irs-max {
        top: 0;
        font-size: 10px;
        line-height: 1.333;
        text-shadow: none;
        padding: 1px 5px;
        color: white;
        background-color: #d1d6e0;
        border-radius: 5px;
    }

    .irs--modern .irs-from,
    .irs--modern .irs-to,
    .irs--modern .irs-single {
        font-size: 10px;
        line-height: 1.333;
        text-shadow: none;
        padding: 1px 5px;
        background-color: #20b426;
        color: white;
        border-radius: 5px;
    }

        .irs--modern .irs-from:before,
        .irs--modern .irs-to:before,
        .irs--modern .irs-single:before {
            position: absolute;
            display: block;
            content: "";
            bottom: -6px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -3px;
            overflow: hidden;
            border: 3px solid transparent;
            border-top-color: #20b426;
        }

    .irs--modern .irs-grid {
        height: 25px;
    }

    .irs--modern .irs-grid-pol {
        background-color: #dedede;
    }

    .irs--modern .irs-grid-text {
        color: silver;
        font-size: 13px;
    }

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1;
}

    .irs--sharp.irs-with-grid {
        height: 57px;
    }

    .irs--sharp .irs-line {
        top: 30px;
        height: 2px;
        background-color: black;
        border-radius: 2px;
    }

    .irs--sharp .irs-bar {
        top: 30px;
        height: 2px;
        background-color: #ee22fa;
    }

    .irs--sharp .irs-bar--single {
        border-radius: 2px 0 0 2px;
    }

    .irs--sharp .irs-shadow {
        height: 1px;
        bottom: 21px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .irs--sharp .irs-handle {
        top: 25px;
        width: 10px;
        height: 10px;
        background-color: #a804b2;
    }

        .irs--sharp .irs-handle > i:first-child {
            position: absolute;
            display: block;
            top: 100%;
            left: 0;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-top-color: #a804b2;
        }

        .irs--sharp .irs-handle.state_hover,
        .irs--sharp .irs-handle:hover {
            background-color: black;
        }

            .irs--sharp .irs-handle.state_hover > i:first-child,
            .irs--sharp .irs-handle:hover > i:first-child {
                border-top-color: black;
            }

    .irs--sharp .irs-min,
    .irs--sharp .irs-max {
        color: white;
        font-size: 14px;
        line-height: 1;
        top: 0;
        padding: 3px 4px;
        opacity: 0.4;
        background-color: #a804b2;
        border-radius: 2px;
    }

    .irs--sharp .irs-from,
    .irs--sharp .irs-to,
    .irs--sharp .irs-single {
        font-size: 14px;
        line-height: 1;
        text-shadow: none;
        padding: 3px 4px;
        background-color: #a804b2;
        color: white;
        border-radius: 2px;
    }

        .irs--sharp .irs-from:before,
        .irs--sharp .irs-to:before,
        .irs--sharp .irs-single:before {
            position: absolute;
            display: block;
            content: "";
            bottom: -6px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -3px;
            overflow: hidden;
            border: 3px solid transparent;
            border-top-color: #a804b2;
        }

    .irs--sharp .irs-grid {
        height: 25px;
    }

    .irs--sharp .irs-grid-pol {
        background-color: #dedede;
    }

    .irs--sharp .irs-grid-text {
        color: silver;
        font-size: 13px;
    }

.irs--round {
    height: 50px;
}

    .irs--round.irs-with-grid {
        height: 65px;
    }

    .irs--round .irs-line {
        top: 36px;
        height: 4px;
        background-color: #dee4ec;
        border-radius: 4px;
    }

    .irs--round .irs-bar {
        top: 36px;
        height: 4px;
        background-color: #006cfa;
    }

    .irs--round .irs-bar--single {
        border-radius: 4px 0 0 4px;
    }

    .irs--round .irs-shadow {
        height: 4px;
        bottom: 21px;
        background-color: rgba(222, 228, 236, 0.5);
    }

    .irs--round .irs-handle {
        top: 27px;
        width: 19px;
        height: 19px;
        border: 4px solid #006cfa;
        background-color: white;
        border-radius: 24px;
        box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
    }

        .irs--round .irs-handle.state_hover,
        .irs--round .irs-handle:hover {
            background-color: #f0f6ff;
        }

    .irs--round .irs-min,
    .irs--round .irs-max {
        color: #333;
        font-size: 14px;
        line-height: 1;
        top: 0;
        padding: 3px 5px;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    .irs--round .irs-from,
    .irs--round .irs-to,
    .irs--round .irs-single {
        font-size: 12px;
        line-height: 1;
        text-shadow: none;
        padding: 3px 5px;
        background-color: #006cfa;
        color: white;
        border-radius: 4px;
        top: 5px;
        margin-left: -2px;
    }

        .irs--round .irs-from:before,
        .irs--round .irs-to:before,
        .irs--round .irs-single:before {
            position: absolute;
            display: block;
            content: "";
            bottom: -9px;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -3px;
            overflow: hidden;
            border: 5px solid transparent;
            border-top-color: #006cfa;
        }

    .irs--round .irs-grid {
        height: 25px;
    }

    .irs--round .irs-grid-pol {
        background-color: #dedede;
    }

    .irs--round .irs-grid-text {
        color: silver;
        font-size: 13px;
    }

.irs--square {
    height: 50px;
}

    .irs--square.irs-with-grid {
        height: 60px;
    }

    .irs--square .irs-line {
        top: 31px;
        height: 4px;
        background-color: #dedede;
    }

    .irs--square .irs-bar {
        top: 31px;
        height: 4px;
        background-color: black;
    }

    .irs--square .irs-shadow {
        height: 2px;
        bottom: 21px;
        background-color: #dedede;
    }

    .irs--square .irs-handle {
        top: 25px;
        width: 16px;
        height: 16px;
        border: 3px solid black;
        background-color: white;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .irs--square .irs-handle.state_hover,
        .irs--square .irs-handle:hover {
            background-color: #f0f6ff;
        }

    .irs--square .irs-min,
    .irs--square .irs-max {
        color: #333;
        font-size: 14px;
        line-height: 1;
        top: 0;
        padding: 3px 5px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .irs--square .irs-from,
    .irs--square .irs-to,
    .irs--square .irs-single {
        font-size: 14px;
        line-height: 1;
        text-shadow: none;
        padding: 3px 5px;
        background-color: black;
        color: white;
    }

    .irs--square .irs-grid {
        height: 25px;
    }

    .irs--square .irs-grid-pol {
        background-color: #dedede;
    }

    .irs--square .irs-grid-text {
        color: silver;
        font-size: 11px;
    }

.swal-label-subheader {
    font-size: 0.75rem !important;
}

.swal-label-subtext {
    font-size: 0.9rem !important;
    text-transform: none !important;
}

.swal-hint {
    font-size: 0.75rem !important;
}

.readonly-hidden {
    opacity: 1 !important;
    background-color: rgb(255, 255, 255) !important;
}

body.dark-layout .readonly-hidden {
    opacity: 1 !important;
    background-color: #1a233a !important;
}

body.dark-layout .month-picker-year-table .ui-button,
body.dark-layout .month-picker-month-table .ui-button {
    border: 1px solid rgb(70, 77, 92);
    background-color: #1a233a !important;
}

    body.dark-layout .month-picker-month-table .ui-button.ui-state-highlight {
        background-color: #091229 !important;
    }

.month-picker-year-table .month-picker-next a.ui-button .ui-button-icon,
.month-picker-year-table .month-picker-previous a.ui-button .ui-button-icon {
    position: absolute;
    left: 9px;
    top: 8px;
}

tr.datatables-sumrow th::before {
    content: "";
    border-top: 2px solid #d4d8dd;
    position: absolute;
    width: -moz-available;
    width: -webkit-fill-available;
    margin-left: -10px;
    margin-top: -10px;
}

td.fc-day.fc-widget-content.fc-sat {
    background-color: #e0e0e0;
}

td.fc-day.fc-widget-content.fc-sun {
    background-color: #ffe2ff;
}

.dark-layout td.fc-day.fc-widget-content.fc-sat {
    background-color: indianred !important;
}

.dark-layout td.fc-day.fc-widget-content.fc-sun {
    background-color: dimgrey !important
}

div.ag-pinned-left-cols-container .ag-row-first-small .ag-cell {
    padding: 0px !important;
}

.ag-employee-image {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid gray;
    position: relative;
    top: 1px;
}

.avatar-box {
    position: relative;
    display: inline-block;
}

    .avatar-box .avatar-title {
        display: flex;
        width: 100%;
        height: 100%;
        color: #f8f8fc;
        align-items: center;
        justify-content: center;
    }

.thumb-md {
    height: 38px;
    width: 38px;
    font-size: 14px;
    font-weight: 700;
}

.thumb-lg {
    height: 43px;
    width: 43px;
    font-size: 16px;
    font-weight: 700;
}

.bigger-grid .card.shadow-card {
    box-shadow: rgba(38, 60, 85, 0.16) 0px 2px 14px 0px !important;
    background-color: #E6E6E6;
}

body.dark-layout .card-presence-bar-colorless,
.card-presence-bar-colorless {
    border-left: 10px solid;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

body.dark-layout .shadow-card .card-body {
    background-color: #1a233a !important;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.card.clickable:hover {
    cursor: pointer
}

@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px;
    vertical-align: middle;
}

    .bootstrap-select > .dropdown-toggle {
        position: relative;
        width: 100%;
        text-align: right;
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bootstrap-select > .dropdown-toggle:after {
            margin-top: -1px;
            padding-left: 5px;
        }

    .bootstrap-select > select {
        position: absolute !important;
        bottom: 0;
        left: 50%;
        display: block !important;
        width: 0.5px !important;
        height: 100% !important;
        padding: 0 !important;
        opacity: 0 !important;
        border: none;
        z-index: 0 !important;
    }

        .bootstrap-select > select.mobile-device {
            top: 0;
            left: 0;
            display: block !important;
            width: 100% !important;
            z-index: 2 !important;
        }

    .has-error .bootstrap-select .dropdown-toggle,
    .error .bootstrap-select .dropdown-toggle,
    .bootstrap-select.is-invalid .dropdown-toggle,
    .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
        border-color: #b94a48;
    }

    .bootstrap-select.is-valid .dropdown-toggle,
    .was-validated .bootstrap-select select:valid + .dropdown-toggle {
        border-color: #28a745;
    }

    .bootstrap-select.fit-width {
        width: auto !important;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 220px;
    }

    .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
    .bootstrap-select .dropdown-toggle:focus {
        outline: thin dotted #333333 !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px;
    }

    .bootstrap-select.form-control {
        margin-bottom: 0;
        padding: 0;
        border: none;
        height: auto;
    }

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
    width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

    .bootstrap-select.dropdown-menu-right,
    .bootstrap-select[class*="col-"].dropdown-menu-right,
    .row .bootstrap-select[class*="col-"].dropdown-menu-right {
        float: right;
    }

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0;
}

    .form-group-lg .bootstrap-select.form-control .dropdown-toggle,
    .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        border-radius: inherit;
    }

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
    width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    cursor: not-allowed;
}

    .bootstrap-select.disabled:focus,
    .bootstrap-select > .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important;
}

    .bootstrap-select.bs-container .dropdown-menu {
        z-index: 1060;
    }

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none;
}

    .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
        padding-right: inherit;
    }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
    position: relative;
    display: block;
    margin-right: 5px;
    text-align: center;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
    padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
    position: relative;
    top: -webkit-calc(((-1em / 1.5) + 1ex) / 2);
    top: calc(((-1em / 1.5) + 1ex) / 2);
    pointer-events: none;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
    top: auto;
}

.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
    display: none;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select .dropdown-menu > .inner:focus {
        outline: none !important;
    }

    .bootstrap-select .dropdown-menu.inner {
        position: static;
        float: none;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select .dropdown-menu li.active small {
            color: rgba(255, 255, 255, 0.5) !important;
        }

        .bootstrap-select .dropdown-menu li.disabled a {
            cursor: not-allowed;
        }

        .bootstrap-select .dropdown-menu li a {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .bootstrap-select .dropdown-menu li a.opt {
                position: relative;
                padding-left: 2.25em;
            }

            .bootstrap-select .dropdown-menu li a span.check-mark {
                display: none;
            }

            .bootstrap-select .dropdown-menu li a span.text {
                display: inline-block;
            }

        .bootstrap-select .dropdown-menu li small {
            padding-left: 0.5em;
        }

    .bootstrap-select .dropdown-menu .notify {
        position: absolute;
        bottom: 5px;
        width: 96%;
        margin: 0 2%;
        min-height: 26px;
        padding: 3px 5px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        opacity: 0.9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bootstrap-select .dropdown-menu .notify.fadeOut {
            -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
            -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
            animation: 300ms linear 750ms forwards bs-notify-fadeOut;
        }

.bootstrap-select .no-results {
    padding: 3px;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0';
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 10px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 1em;
    border-style: solid;
    border-width: 0 0.26em 0.26em 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-actionsbox .btn-group {
        display: block;
    }

        .bs-actionsbox .btn-group button {
            width: 50%;
        }

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bs-donebutton .btn-group {
        display: block;
    }

        .bs-donebutton .btn-group button {
            width: 100%;
        }

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.btn-group-icons {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    border: 1px solid rgb(132, 148, 167);
}

    .btn-group-icons > button {
        border: 1px solid rgb(132, 148, 167);
    }

        .btn-group-icons > button:last-child {
            border-right: none;
        }

        .btn-group-icons > button:first-child {
            border-left: none
        }

body.dark-layout i.legend-circle,
i.legend-circle {
    border: 1.5px solid lightgray;
    border-radius: 50%;
}

div.card-header.sticky {
    position: sticky;
    top: 75px;
    background: white;
    z-index: 1;
}

body.dark-layout div.card-header.sticky {
    background: #272e48;
}

.ag-filter .ag-grid-filter-customselect.card-body {
    padding: 1rem 1rem;
}

.ag-grid-filter-customselect .clickable {
    cursor: pointer
}

.ag-grid-filter-customselect .filter-container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}

.ag-cell-value.ag-cell .media.clickable{
    display: inline-flex
}

.btn.dropdown-toggle.btn-light:not(.bs-placeholder)::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 9px;
    right: 24px;
    border-radius: 50%;
    background-color: #2196f3;
    border: 1.5px solid #DDECF9;
}

.bootstrap-select > .dropdown-toggle:not(.bs-placeholder):after {
    background: #DDECF9;
    border-radius: 20%;
    width: 24px;
    padding-left: 3px;
    padding-right: 3px;
}



body.dark-layout
.btn.dropdown-toggle.btn-light:not(.bs-placeholder)::after {
    background: #1D385B;
    border-radius: 20%;
    width: 24px;
    padding-left: 3px;
    padding-right: 3px;
}

body.dark-layout
.btn.dropdown-toggle.btn-light:not(.bs-placeholder)::before {
    border: 1.5px solid #1D385B;
}
table thead.table-header-small th{
    padding-bottom: 2px;
}

table tbody.table-body-small td {
    padding: .35rem
}

table tbody tr.underline-gray {
    border-bottom: solid 1.5px lightgray
}

.yearpicker-container {
    position: absolute;
    color: var(--text-color);
    width: 280px;
    border: 1px solid lightgray;
    border-radius: 3px;
    font-size: 1rem;
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.2);
    background-color: white;
    z-index: 10;
    margin-top: 0.2rem;
}

body.dark-layout .yearpicker-container {
    border-color: #505050FF;
    background-color: #272e48;
}

.yearpicker-header {
    display: flex;
    width: 100%;
    height: 2.5rem;
    border-bottom: 1px solid lightgray;
    align-items: center;
    justify-content: space-around;
}

.yearpicker-prev,
.yearpicker-next {
    cursor: pointer;
    font-size: 2rem;
}

    .yearpicker-prev:hover,
    .yearpicker-next:hover {
        color: var(--selected-text-color);
    }

.yearpicker-current{
    color: black
}

body.dark-layout .yearpicker-current{
    color: white
}


.yearpicker-year {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
}

.yearpicker-items {
    list-style: none;
    padding: 1rem 0.5rem;
    flex: 0 0 33.3%;
    width: 100%;
}

.yearpicker-container .yearpicker-items:hover {
    background-color: var(--hover-background-color);
    color: var(--selected-text-color);
    cursor: pointer;
    -webkit-filter: brightness(50%);
}

body.dark-layout ul.yearpicker-year li.yearpicker-items.highlighted {
    color: white !important
}

.yearpicker-items.highlighted {
    color: darkgray
}

    .yearpicker-items.selected {
        text-decoration: underline
    }

.hide {
    display: none;
}

.yearpicker-items.disabled {
    pointer-events: none;
    color: #bbb;
}


.bank-account-input-Error{
    border: 1px solid red;
}

.presenceOverviewRef {
    font-family: Tahoma, "Rubik", "Times New Roman", serif !important;
    font-size: 14px;
    color: #475F7B !important;
    margin-bottom: 0 !important;
    margin-top: 0.5rem !important;
    text-align-last: end;
}

.stickybuttons {
    display: flex;
    position: sticky;
    right: 0;
    float: left;
    padding: 10px;
    overflow-x: auto;
    min-width: 100px;
    z-index: 1000;
    flex-wrap: wrap;
    overflow: hidden;
}

.stickybuttons button{
    flex: 1;
}

@media (max-width: 900px) {
    .stickybuttons {
        flex-direction: column;
        align-items: stretch;
        gap:15px;
        margin-bottom: 10px;
    }

    .stickybuttons button {
        width: 100%;
    }
}