.dark-mode :root {
    --lightblue: #86bad8;
    --navy: #002c59;
    --olive: #74c8a3;
    --lime: #67ffa9;
    --fuchsia: #f672d8;
    --maroon: #ed6c9b;
    --blue: #3f6791;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74c3c;
    --orange: #fd7e14;
    --yellow: #f39c12;
    --green: #00bc8c;
    --teal: #20c997;
    --cyan: #3498db;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3f6791;
    --secondary: #6c757d;
    --success: #00bc8c;
    --info: #3498db;
    --warning: #f39c12;
    --danger: #e74c3c;
    --light: #f8f9fa;
    --dark: #343a40;
}


.dark-mode .preloader {
    background-color: #fff !important;
    color: #fff;
}

.dark-mode .mega-dropdown-content-single-np {
    background-color: #454d55 !important;
    color: #fff;
}

.dark-mode .variant-detail {
    background-color: #454d55 !important;
    color: #fff;
}

.yesilBub{
    color:#000!important;

}
.dark-mode .search-input ul {

    background: #454d55 !important;
}


/*//err*/
.dark-mode .bg-lightgray {
    background-color: #454d55 !important;
    color: #fff;
}


.dark-mode .search-input {
    background-color: #454d55 !important;
    color: #fff !important;
}

.dark-mode hr {
    background-color: #7f868d !important;
    color: #fff !important;
}

.dark-mode .border-bottom {

    border-bottom: 1px solid #7f868d !important;

}

.dark-mode .border-top {
    border-top: 1px solid #7f868d !important;
}

.dark-mode .search-input a {

    color: #fff !important;
}


.dark-mode .search-input div div span {

    color: #fff !important;
}

.dark-mode .search-input small {

    color: #fff !important;
}

.dark-mode .search-input #search_product_mobile2::placeholder {

    color: #fff !important;
}


.dark-mode .wrap .container-fluid{
    background: #343a40;
    color: #fff !important;
}


.dark-mode .container-fluid{
    background: #343a40!important;
    color: #fff !important;
}

.dark-mode .price-box__lowest-price-wrapper > span {
    color: #fff;
}

.dark-mode {
    background-color: #343a40 !important;
    color: #fff !important;

}


.dark-mode option {

    color: #fff !important;
}

.dark-mode .mega-navbar {

    background-color: #343a40 !important;
    color: #fff !important;
}

.dark-mode .mega-dropdown-triple-binary-picture {

    background-color: #454d55 !important;

}

.dark-mode .mega-dropdown-content-single-picture {

    background-color: #454d55 !important;

}

.dark-mode .mega-dropdown-content-single-picture .row .col-md-12 .row a:hover {

    color: #f36cc2 !important;

}

.dark-mode .mega-dropdown-triple-binary-picture .ccd a:hover {
    color: #f36cc2 !important;
}

.dark-mode .mega-dropdown-triple-binary-picture .ccd a {
    color: #cbb4e9 !important;
}

.dark-mode .mega-dropdown-triple-binary-picture .row .col-md-12 .product-item a:hover {
    color: #f36cc2 !important;
}


.dark-mode .btn-outline-pink {

    color: #fff !important;
}

.dark-mode a {
    color: #fff !important;
}

.dark-mode .yesilBub {
    color: #fff !important;
}
.dark-mode .text-price {
    color: #89c434 !important;
}

.dark-mode .bg-success {
    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(61 0 62 / 76%) 40%, rgb(0 0 0 / 74%) 100%) !important;
}

.dark-mode #main .row .col-lg-10 .row .col-md-12 ol li {

    color: #fff !important;
}

.dark-mode .mega-navbar a:hover {

    color: #dcc1ff !important;
    text-decoration: none;
}


.dark-mode .n-box {
    background: #6c757d !important;;
    color: #fff !important;
}

.dark-mode .n-box .n-list-title {
    background: #454d55 !important;;
    color: #fff !important;
}

.dark-mode .n-box .n-list:hover {
    background: #454d55 !important;

}

.dark-mode .account-menu-box span {
    background: #343a40 !important;

}

.dark-mode .header-logo {

    filter: invert(100%);
}

.dark-mode .favoriteCount {
    border: 2px solid #9f6bc4 !important;
    background: #9f6bc4 !important;

}
/*
.n-number {
    position: absolute;
    left: 10px;
    top: -10px;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 9px;
    margin-left: -10px;
    transition: .3s;
    background: #9f6bc4;
    color: #fff;
    border: 2px solid #9f6bc4;
    border-radius: 0.5rem !important;
}*/

/*
.dark-mode .mini-right-menu span {

    background: #343a40 !important;
}
*/

.dark-mode .filter_check input:checked ~ .checkmark {
    background-color: #f36cc2;
    border: 1px solid #000 !important;
    -webkit-transition: background-color .25s ease-out, border-color .25s ease-out;
    transition: background-color .25s ease-out, border-color .25s ease-out;
}


.dark-mode .filter_radio input:checked ~ .radiomark {
    background-color: #f36cc2;
    border: 1px solid #000 !important;
    -webkit-transition: background-color .25s ease-out, border-color .25s ease-out;
    transition: background-color .25s ease-out, border-color .25s ease-out;
}

.dark-mode .bgr {

    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(61 0 62 / 76%) 40%, rgb(0 0 0 / 74%) 100%) !important;
}

#prodNotify {
    z-index: 9999999999 !important;
}

.dark-mode #prodNotify .shadow {
    background: #6c757d !important;
    color: #ffffff !important;
}

.dark-mode #prodNotify .shadow p {

    color: #ffffff !important;
}

.dark-mode .purple-gradient {
    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(61 0 62 / 76%) 40%, rgb(0 0 0 / 74%) 100%) !important;
}

.dark-mode .purple-gradient a {
    color: #000 !important;

}

.dark-mode .wrap .border-top {
    border-top: 1px solid #000 !important;
}

.dark-mode a:hover {
    color: #adb5bd !important;
}

.dark-mode #footerDetail .card .footer-item {
    background: #343a40 !important;
    color: #dcc1ff !important;
}

.dark-mode #footerDetail .card h6 {

    color: #dcc1ff !important;
}

.dark-mode .row .col-md-12 .d-flex h3, .dark-mode .row .col-md-12 .d-flex .h8 {

    color: #ffffff !important;
}

.dark-mode .invert {

    filter: invert(1);
}

.dark-mode .footer-inner img {

    filter: brightness(0) invert(1);
}

.dark-mode .paymentslogo {

    filter: brightness(0) invert(1);
}

.dark-mode #odemeformu img {

    filter: brightness(0) invert(1);
}

.dark-mode #jscroll-loading img {

    filter: invert(1);
}

.dark-mode .bg_load {

    background: #454d55 !important;
}

.dark-mode .gvnlimg, .dark-mode .googleplaylogo, .dark-mode .appstorelogo {

    display: none;
}

.dark-mode .card-body {


}

.dark-mode #footerDetail .card h6 {

    color: #f36cc2 !important;
}

.dark-mode .footer .container .container p a:hover {

    color: #adb5bd !important;
}

.dark-mode .text-pink {
    color: #dcc1ff !important;
}

.dark-mode .baloncuk {
    background: #8e6db9 !important;
}

.dark-mode .account-menu:hover i {
    color: #dcc1ff;
}


.dark-mode #footerDetail .card h6 {

    color: #dcc1ff !important;
}

.dark-mode footer p {

    color: #fff !important;
}

/*login*/
.dark-mode .login-tab {
    position: relative;
    width: 207.5px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    border-bottom: none;
    background: #6c757d !important;
}

.dark-mode .d-flex h6 {
    color: #ffffff !important;

}

.dark-mode #nav-tabContent input::placeholder {
    color: #ffffff !important;

}

.dark-mode #nav-tabContent .btn {
    background: #000000 !important;

}


/* login end*/
/*uyeol*/


.dark-mode .modal input::placeholder {
    color: #ffffff !important;

}

.dark-mode #btnCargoCheckStatus {

    background: #000000 !important;
}

.dark-mode .modal-header .close span {

    background: none !important;
}

/*uyelik*/


.dark-mode .content-body {

    background: none !important;
}

.dark-mode .accordion .card .card-header {

    background-color: #343a40 !important;
    border-bottom: 1px solid #000000 !important;
}

.dark-mode .accordion .card {

    border: none !important;
}

/*navbar-expand*/
.dark-mode .nav-drill .bg-pink {
    background: #343a40 !important;


}

.dark-mode .nav-drill input {
    background: #6c757d !important;


}

.dark-mode .nav-drill input::placeholder {
    color: #fff !important;


}

.dark-mode .nav-drill a {
    color: #fff !important;
    background: #454d55 !important;
}

.dark-mode .nav-items {
     background: #454d55 !important;
}

/*bize ulas*/

.dark-mode .contact-bg {

    background: none !important;
}

/*bize ulas*/


.dark-mode .card {

    border: 1px solid #6c757d !important;
}


.dark-mode .mini-right-menu a:hover {
    color: #dcc1ff !important;
    transition: .3s;
}

.dark-mode p {
    color: #fff !important;

}

.dark-mode .bg-lightgray {
    background-image: none !important;

}

.dark-mode #productOptionOption {
    z-index: 99;
    background: #343a40 !important;
}


.dark-mode .detail-item {
    background: none !important;
    cursor: pointer;
}

.dark-mode .alerttooltip .tooltiptext {

    background-color: #adb5bd !important;
    color: #3d4246;

}

.dark-mode .alerttooltip .tooltiptext .h8 {

    color: #3d4246 !important;

}

.dark-mode .alerttooltip .tooltiptext h6 {

    color: #454d55 !important;

}

.dark-mode .alerttooltip .tooltiptext .h5 {

    color: #454d55 !important;

}

.dark-mode input::placeholder {

    color: #adb5bd !important;

}

.dark-mode input {

    border: 1px solid #2f2f2f !important;

}

.dark-mode textarea {

    color: #adb5bd !important;

}

.dark-mode select {

    border: 1px solid #adb5bd !important;

}

.dark-mode select::placeholder {

    color: #adb5bd !important;

}

.dark-mode textarea {

    border: 1px solid #adb5bd !important;

}

.dark-mode .modal label {

    color: #fff !important;

}

.dark-mode .modal .number-radio {

    background: #454d55 !important;;

}

.dark-mode #productDetails h1, .dark-mode #productDetails h2, .dark-mode #productDetails h3, .dark-mode #productDetails h4, .dark-mode #productDetails h5, .dark-mode #productDetails p {
    color: #fff !important;
}

.dark-mode .sticky-top .col-md-12 .border-pink-2 {
    border: 1px solid #fff !important;
}

.dark-mode .sticky-top .discount-2 {
    background: none !important;
}

.dark-mode .sticky-top .input-group-append .btn {

    border: 1px solid #fff !important;
    color: #fff !important;
}

.dark-mode .sticky-top .h7 {
    color: #fff !important;
}

.dark-mode .sticky-top .add-to-card .variant-btn {
    background: #9570a1 !important;
    color: #fff !important;
}

.dark-mode .sticky-top .btn-fature:hover {

    color: #454d55 !important;
}

.dark-mode .sticky-top b {

    color: #fff !important;
}

.dark-mode .sticky-top .add-to-card {
    background: #1f2226d4 !important;
}

.dark-mode .product-header {

    color: #fff !important;
}

.dark-mode .product-header.active {
    opacity: 1;
    background-color: #3d4246 !important;
    transition: all .3s;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
}

.dark-mode .product-header .text-dark {

    color: #fff !important;
}

.dark-mode .product-header .text-dark {

    color: #fff !important;
}

.dark-mode .yuvarlak i {

    color: #fff !important;
}

.dark-mode #paylasModal a:hover {

    color: none !important;
}

.dark-mode #profileForm .form-group label {

    color: #fff !important;
}

.dark-mode #profileForm .form-group .btn {

    background: #adb5bd !important;
    color: #000 !important;


}

.dark-mode #updateForm label {

    color: #fff !important;
}

.dark-mode #updateForm .btn {

    background: #adb5bd !important;
    color: #000 !important;
}

.dark-mode .swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: 0.625em;
    overflow-y: hidden;
    background: #1f2226d4 !important;

}

.dark-mode #bodySizeModal ul li .btn {
    color: #000 !important;

}

.dark-mode #bodySizeModal .btn {
    color: #fff !important;

}

.dark-mode .mini-right-menu a:hover i {
    color: #dcc1ff !important;
    transition: .3s;
}

.dark-mode .btn-feature:hover i {
    color: #dcc1ff !important;
    transition: all .4s;
}

.dark-mode .btn-feature:hover p {
    color: #dcc1ff !important;
    transition: all .4s;
}

.dark-mode .favoriBosListe h4 {
    color: #fff !important;

}

.dark-mode .btn-outline-pink {
    background: #9570a1 !important;

}

.dark-mode .btn-pink {
    background: #9570a1 !important;
    border: 1px solid #fff !important;

}

.dark-mode .sss-card-active {
    border-color: #dcc1ff !important;
    color: #dcc1ff !important;
}

.dark-mode .sss-card-active .card-bodya a {

    color: #dcc1ff !important;
}

.dark-mode .lblCartCount {
    margin-left: -10px;
    position: absolute;
    transition: .3s;
    background: #9f6bc4;
    color: #fff;
    border: 2px solid #9f6bc4;
    border-radius: 0.5rem !important;
    width: 16px;
    height: 16px;
    top: 1px !important;
}

.dark-mode .acfavorilerim .btn {

    background: #9f6bc4;
    border: 2px solid #9f6bc4;
    color: #fff;

}

.dark-mode .acfavorilerim .btn:hover {

    background: #000;

}

.dark-mode .fa-envelope:before {
    content: "\f0e0";
    color: #fff;
}

.dark-mode .sepeteeklevaryant {
    background: #9570a1;
    color: #fff;
    border: 1px solid #fff !important;
}

.dark-mode .sepeteeklevaryant span {

    color: #fff !important;

}

.dark-mode .other-color-options span {
    color: #9570a1 !important;

}

.dark-mode .mobilmodalvaryasyonlar span {
    color: #000 !important;
}

.dark-mode
#confirmCart {

    background: #1f2226 !important;

}

.dark-mode
.sepet-container h4 {

    color: #fff !important;

}

.dark-mode
.summary-detail {

    background: #1f2226d4 !important;

}

.dark-mode
#checkoutCart {

    background: #1f2226d4 !important;

}

.dark-mode
.checkout-detail {

    background: #1f2226d4 !important;

}

.dark-mode
#odemeformu i {

    color: #fff !important;

}

.dark-mode
#odemeformu .h8 {

    color: #fff !important;
}

.dark-mode .sepaet-container
h4 {

    color: #fff !important;

}

.dark-mode
#odemeformu span {

    color: #fff !important;

}

.dark-mode
.swal2-validation-message {
    background: #343a40 !important;
    color: #fff !important;

}


.dark-mode #prevOrderNumber:checked + .circle {
    background-color: #00bc8c !important;
    left: 35px;
    cursor: pointer;
}


.dark-mode #paytrdirek .text-danger {
    color: #f36cc2 !important;
}

.dark-mode #sortMenu label {
    color: #fff !important;
}

.dark-mode #filterSoldOutProductsMenu label {
    color: #fff !important;
}

.dark-mode #filterPriceMenu label {
    color: #fff !important;
}

.dark-mode #filterSizeMenu label {
    color: #fff !important;
}

.dark-mode .paymentList .text-success {
    color: #7fe396 !important;
}

.dark-mode #filterColorMenu label {
    color: #fff !important;
}

.dark-mode .number-box:hover, .classStock:hover {
    background-color: #000000 !important;
    color: #fff !important;
    border-color: #7f868d !important;
}

.dark-mode .border {
    border: 1px solid #7f868d !important;
}

.dark-mode .sticky-top input[type="radio"]:checked + label {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

.dark-mode .sticky-top .alert {
    background: #454d55 !important;

}

.dark-mode .discount-2 {
    position: relative;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 13px;
    border-radius: 22px;
    background-color: rgba(255, 250, 245, 0.7);
    border: solid 1px #dcc1ff !important;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    white-space: nowrap;
}

.dark-mode .discount-2 i {

    color: #dcc1ff !important;

}

.dark-mode .bg-pistachio-green {
    background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(61 0 62 / 76%) 40%, rgb(0 0 0 / 74%) 100%) !important;

}.dark-mode .hurryForBuy  {
     background: #dcc1ff !important;

 }


/*end*/

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

@media (min-width: 576px) {
    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-sm-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }
}

@media (min-width: 768px) {
    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-md-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }
}

@media (min-width: 992px) {
    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-lg-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }
}

@media (min-width: 1200px) {
    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #fff;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xl-navbar-fixed .dark-mode .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #fff !important;
    }
}

.dark-mode .breadcrumb-item.active,
.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: #adb5bd !important;
}

.dark-mode .main-footer {
    background-color: #343a40;
    border-color: #4b545c;
}

.dark-mode .content-wrapper {
    background-color: #454d55;
    color: #fff;
}

.dark-mode .content-wrapper .content-header {
    color: #fff;
}


.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3f6791;
}

.dark-mode .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6c757d;
}

.dark-mode .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #00bc8c;
}

.dark-mode .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3498db;
}

.dark-mode .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f39c12;
}

.dark-mode .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #e74c3c;
}

.dark-mode .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f8f9fa;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f8f9fa;
}

.dark-mode .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #343a40;
}

.dark-mode .sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #86bad8;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #86bad8;
}

.dark-mode .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #002c59;
    color: #fff;
}

.dark-mode .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #002c59;
}

.dark-mode .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #74c8a3;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #74c8a3;
}

.dark-mode .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #67ffa9;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #67ffa9;
}

.dark-mode .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f672d8;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f672d8;
}

.dark-mode .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #ed6c9b;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #ed6c9b;
}

.dark-mode .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3f6791;
}

.dark-mode .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6610f2;
    color: #fff;
}

.dark-mode .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6610f2;
}

.dark-mode .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6f42c1;
    color: #fff;
}

.dark-mode .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6f42c1;
}

.dark-mode .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #e83e8c;
    color: #fff;
}

.dark-mode .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #e83e8c;
}

.dark-mode .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #e74c3c;
}

.dark-mode .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #fd7e14;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #fd7e14;
}

.dark-mode .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f39c12;
}

.dark-mode .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #00bc8c;
}

.dark-mode .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #20c997;
    color: #fff;
}

.dark-mode .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #20c997;
}

.dark-mode .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3498db;
}

.dark-mode .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #fff;
    color: #1f2d3d;
}

.dark-mode .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #fff;
}

.dark-mode .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6c757d;
}

.dark-mode .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.dark-mode .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #343a40;
}

.dark-mode [class*="sidebar-light-"] .sidebar a {
    color: #343a40;
}

.dark-mode [class*="sidebar-light-"] .sidebar a:hover {
    text-decoration: none;
}


.dark-mode .dropdown-menu {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .dropdown-item {
    color: #fff;
}

.dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover {
    background-color: #3f474e;
}

.dark-mode .dropdown-divider {
    border-color: #6c757d;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #3a4047;
    color: #fff;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #fff;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
    background-color: #3f474e;
    color: #dee2e6;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
    background-color: #454d55;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-color: #6c757d;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background-color: transparent !important;
    color: #fff !important;
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus {
    color: #ced4da !important;
}


.dark-mode .nav-pills .nav-link {
    color: #ced4da;
}

.dark-mode .nav-tabs {
    border-color: #56606a;
}

.dark-mode .nav-tabs .nav-link:focus,
.dark-mode .nav-tabs .nav-link:hover {
    border-color: #56606a;
}

.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
    background-color: #343a40;
    border-color: #56606a #56606a transparent #56606a;
    color: #fff;
}

.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link.active, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs.flex-column .nav-link.active,
.dark-mode .nav-tabs.flex-column .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-link:hover {
    border-color: #56606a transparent #56606a #56606a;
}

.dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:focus, .dark-mode .nav-tabs.flex-column .nav-item.show .nav-link:hover,
.dark-mode .nav-tabs.flex-column .nav-link:focus,
.dark-mode .nav-tabs.flex-column .nav-link:hover {
    background-color: #3f474e;
}

.dark-mode .nav-tabs.flex-column.nav-tabs-right {
    border-color: #56606a;
}

.dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link.active, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .dark-mode .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
    border-color: #56606a #56606a #56606a transparent;
}

.dark-mode .navbar-light {
    background-color: #f8f9fa;
}

.dark-mode .navbar-dark {
    background-color: #343a40;
    border-color: #4b545c;
}

.dark-mode .navbar-primary {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar,
.dark-mode .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #395d83;
    border-color: #315071;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #375a7f;
    border-color: #315071 !important;
    color: #343a40;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar,
.dark-mode .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #45719f;
    border-color: #4d7eb1;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #4774a3;
    border-color: #4d7eb1 !important;
    color: #fff;
}

.dark-mode .navbar-secondary {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar,
.dark-mode .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #636b72;
    border-color: #575e64;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #60686f;
    border-color: #575e64 !important;
    color: #343a40;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar,
.dark-mode .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #757f88;
    border-color: #838c94;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #78828a;
    border-color: #838c94 !important;
    color: #fff;
}

.dark-mode .navbar-success {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar,
.dark-mode .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #00a87d;
    border-color: #008e6a;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-success.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #00a379;
    border-color: #008e6a !important;
    color: #343a40;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar,
.dark-mode .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #00d09b;
    border-color: #00eaae;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #00d69f;
    border-color: #00eaae !important;
    color: #fff;
}

.dark-mode .navbar-info {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar,
.dark-mode .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #268fd5;
    border-color: #2280bf;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-info.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #258cd1;
    border-color: #2280bf !important;
    color: #343a40;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar,
.dark-mode .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #45a1de;
    border-color: #5bace2;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #4aa3df;
    border-color: #5bace2 !important;
    color: #fff;
}

.dark-mode .navbar-warning {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar,
.dark-mode .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e5910c;
    border-color: #cd820a;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #e08e0b;
    border-color: #cd820a !important;
    color: #343a40;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar,
.dark-mode .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #f4a425;
    border-color: #f5ae3e;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f4a62a;
    border-color: #f5ae3e !important;
    color: #fff;
}

.dark-mode .navbar-danger {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar,
.dark-mode .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e53b2a;
    border-color: #da2d1b;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #e43725;
    border-color: #da2d1b !important;
    color: #343a40;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar,
.dark-mode .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e95d4e;
    border-color: #ec7265;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #ea6153;
    border-color: #ec7265 !important;
    color: #fff;
}

.dark-mode .navbar-lightblue {
    background-color: #86bad8;
    color: #1f2d3d;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar,
.dark-mode .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #76b1d3;
    border-color: #63a6cd;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #72afd2;
    border-color: #63a6cd !important;
    color: #343a40;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar,
.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #95c3dd;
    border-color: #a9cee3;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #99c5de;
    border-color: #a9cee3 !important;
    color: #fff;
}

.dark-mode .navbar-navy {
    background-color: #002c59;
    color: #fff;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar,
.dark-mode .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #002244;
    border-color: #00152b;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #001f3f;
    border-color: #00152b !important;
    color: #343a40;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar,
.dark-mode .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #00366d;
    border-color: #004286;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #003872;
    border-color: #004286 !important;
    color: #fff;
}

.dark-mode .navbar-olive {
    background-color: #74c8a3;
    color: #1f2d3d;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar,
.dark-mode .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #66c299;
    border-color: #53bb8d;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #62c096;
    border-color: #53bb8d !important;
    color: #343a40;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar,
.dark-mode .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #83ceac;
    border-color: #95d5b8;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #87cfaf;
    border-color: #95d5b8 !important;
    color: #fff;
}

.dark-mode .navbar-lime {
    background-color: #67ffa9;
    color: #1f2d3d;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar,
.dark-mode .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #53ff9e;
    border-color: #39ff90;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #4eff9b;
    border-color: #39ff90 !important;
    color: #343a40;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar,
.dark-mode .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #7bffb5;
    border-color: #95ffc3;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #81ffb8;
    border-color: #95ffc3 !important;
    color: #fff;
}

.dark-mode .navbar-fuchsia {
    background-color: #f672d8;
    color: #1f2d3d;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar,
.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #f55fd3;
    border-color: #f347cc;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f55ad2;
    border-color: #f347cc !important;
    color: #343a40;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar,
.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #f785de;
    border-color: #f99de4;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f88adf;
    border-color: #f99de4 !important;
    color: #fff;
}

.dark-mode .navbar-maroon {
    background-color: #ed6c9b;
    color: #1f2d3d;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar,
.dark-mode .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #ea5a8f;
    border-color: #e8447f;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #ea568c;
    border-color: #e8447f !important;
    color: #343a40;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar,
.dark-mode .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #ef7ea8;
    border-color: #f295b7;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f083ab;
    border-color: #f295b7 !important;
    color: #fff;
}

.dark-mode .navbar-blue {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar,
.dark-mode .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #395d83;
    border-color: #315071;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #375a7f;
    border-color: #315071 !important;
    color: #343a40;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar,
.dark-mode .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #45719f;
    border-color: #4d7eb1;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #4774a3;
    border-color: #4d7eb1 !important;
    color: #fff;
}

.dark-mode .navbar-indigo {
    background-color: #6610f2;
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar,
.dark-mode .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #5d0ce1;
    border-color: #530bc9;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #5b0cdd;
    border-color: #530bc9 !important;
    color: #343a40;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar,
.dark-mode .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #7223f3;
    border-color: #823cf4;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #7528f3;
    border-color: #823cf4 !important;
    color: #fff;
}

.dark-mode .navbar-purple {
    background-color: #6f42c1;
    color: #fff;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar,
.dark-mode .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #663bb4;
    border-color: #5b35a0;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #643ab0;
    border-color: #5b35a0 !important;
    color: #343a40;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar,
.dark-mode .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #7b51c6;
    border-color: #8965cc;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #7e55c7;
    border-color: #8965cc !important;
    color: #fff;
}

.dark-mode .navbar-pink {
    background-color: #e83e8c;
    color: #fff;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar,
.dark-mode .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e62c81;
    border-color: #de1a74;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #e5277e;
    border-color: #de1a74 !important;
    color: #343a40;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar,
.dark-mode .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #ea5097;
    border-color: #ed67a4;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #eb559a;
    border-color: #ed67a4 !important;
    color: #fff;
}

.dark-mode .navbar-red {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar,
.dark-mode .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e53b2a;
    border-color: #da2d1b;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-red.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #e43725;
    border-color: #da2d1b !important;
    color: #343a40;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar,
.dark-mode .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e95d4e;
    border-color: #ec7265;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #ea6153;
    border-color: #ec7265 !important;
    color: #fff;
}

.dark-mode .navbar-orange {
    background-color: #fd7e14;
    color: #1f2d3d;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar,
.dark-mode .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #fa7302;
    border-color: #e16702;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f57102;
    border-color: #e16702 !important;
    color: #343a40;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar,
.dark-mode .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #fd8928;
    border-color: #fd9742;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #fd8c2d;
    border-color: #fd9742 !important;
    color: #fff;
}

.dark-mode .navbar-yellow {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar,
.dark-mode .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #e5910c;
    border-color: #cd820a;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #e08e0b;
    border-color: #cd820a !important;
    color: #343a40;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar,
.dark-mode .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #f4a425;
    border-color: #f5ae3e;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f4a62a;
    border-color: #f5ae3e !important;
    color: #fff;
}

.dark-mode .navbar-green {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar,
.dark-mode .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #00a87d;
    border-color: #008e6a;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-green.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #00a379;
    border-color: #008e6a !important;
    color: #343a40;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar,
.dark-mode .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #00d09b;
    border-color: #00eaae;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #00d69f;
    border-color: #00eaae !important;
    color: #fff;
}

.dark-mode .navbar-teal {
    background-color: #20c997;
    color: #fff;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar,
.dark-mode .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #1db78a;
    border-color: #1aa179;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #1cb386;
    border-color: #1aa179 !important;
    color: #343a40;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar,
.dark-mode .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #23dba4;
    border-color: #38dfae;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #26dca6;
    border-color: #38dfae !important;
    color: #fff;
}

.dark-mode .navbar-cyan {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar,
.dark-mode .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #268fd5;
    border-color: #2280bf;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #258cd1;
    border-color: #2280bf !important;
    color: #343a40;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar,
.dark-mode .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #45a1de;
    border-color: #5bace2;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #4aa3df;
    border-color: #5bace2 !important;
    color: #fff;
}

.dark-mode .navbar-white {
    background-color: #fff;
    color: #1f2d3d;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar,
.dark-mode .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: whitesmoke;
    border-color: #e8e8e8;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-white.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #f2f2f2;
    border-color: #e8e8e8 !important;
    color: #343a40;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar,
.dark-mode .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: white;
    border-color: white;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: white;
    border-color: white !important;
    color: #fff;
}

.dark-mode .navbar-gray {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar,
.dark-mode .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #636b72;
    border-color: #575e64;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #60686f;
    border-color: #575e64 !important;
    color: #343a40;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar,
.dark-mode .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #757f88;
    border-color: #838c94;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #78828a;
    border-color: #838c94 !important;
    color: #fff;
}

.dark-mode .navbar-gray-dark {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar,
.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #2b3035;
    border-color: #1f2327;
    color: rgba(52, 58, 64, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus,
.dark-mode .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #292d32;
    border-color: #1f2327 !important;
    color: #343a40;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar,
.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
    background-color: #3d444b;
    border-color: #495159;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
    color: #fff;
}

.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
.dark-mode .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
    background-color: #3f474e;
    border-color: #495159 !important;
    color: #fff;
}


.dark-mode .page-item.disabled a,
.dark-mode .page-item.disabled .page-link {
    background-color: #3a4047 !important;
    border-color: #6c757d !important;
    color: #6c757d;
}

.dark-mode .page-item .page-link {
    color: #3f6791;
}

.dark-mode .page-item.active .page-link {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .page-item.active .page-link:hover, .dark-mode .page-item.active .page-link:focus {
    color: #ced4da !important;
}

.dark-mode .page-item:not(.active) .page-link {
    background-color: #343a40;
    border-color: #6c757d;
}

.dark-mode .page-item:not(.active) .page-link:hover, .dark-mode .page-item:not(.active) .page-link:focus {
    color: #4774a3;
    background-color: #3f474e;
}


.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar),
.dark-mode .custom-select,
.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after,
.dark-mode .custom-control-label::before,
.dark-mode .input-group-text {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus),
.dark-mode .custom-file-label,
.dark-mode .custom-file-label::after {
    border-color: #6c757d!important;
}

.dark-mode select {
    background-color: #343a40;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode .input-group-text {
    border-color: #6c757d;
}

.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: #3f474e;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .custom-range::-webkit-slider-runnable-track {
    background-color: #454d55;
}

.dark-mode .custom-range::-moz-range-track {
    background-color: #454d55;
}

.dark-mode .custom-range::-ms-track {
    background-color: #454d55;
}

.dark-mode .custom-range.custom-range-primary:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-webkit-slider-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-primary::-moz-range-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-moz-range-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-primary::-ms-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-primary::-ms-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-secondary:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-moz-range-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-secondary::-ms-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-secondary::-ms-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-success:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-success:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-webkit-slider-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-success::-moz-range-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-moz-range-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-success::-ms-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-success::-ms-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-info:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-info:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-webkit-slider-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-info::-moz-range-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-moz-range-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-info::-ms-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-info::-ms-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-warning:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-webkit-slider-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-warning::-moz-range-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-moz-range-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-warning::-ms-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-warning::-ms-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-danger:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-webkit-slider-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-danger::-moz-range-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-moz-range-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-danger::-ms-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-danger::-ms-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-light:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-light:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb {
    background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-light::-moz-range-thumb {
    background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-light::-ms-thumb {
    background-color: #f8f9fa;
}

.dark-mode .custom-range.custom-range-light::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-dark:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-webkit-slider-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-range.custom-range-dark::-moz-range-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-moz-range-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-range.custom-range-dark::-ms-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-dark::-ms-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-range.custom-range-lightblue:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb {
    background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb {
    background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-lightblue::-ms-thumb {
    background-color: #86bad8;
}

.dark-mode .custom-range.custom-range-lightblue::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-navy:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb {
    background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-webkit-slider-thumb:active {
    background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-navy::-moz-range-thumb {
    background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-moz-range-thumb:active {
    background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-navy::-ms-thumb {
    background-color: #002c59;
}

.dark-mode .custom-range.custom-range-navy::-ms-thumb:active {
    background-color: #0c84ff;
}

.dark-mode .custom-range.custom-range-olive:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb {
    background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-webkit-slider-thumb:active {
    background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-olive::-moz-range-thumb {
    background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-moz-range-thumb:active {
    background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-olive::-ms-thumb {
    background-color: #74c8a3;
}

.dark-mode .custom-range.custom-range-olive::-ms-thumb:active {
    background-color: #f4fbf8;
}

.dark-mode .custom-range.custom-range-lime:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb {
    background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-lime::-moz-range-thumb {
    background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-lime::-ms-thumb {
    background-color: #67ffa9;
}

.dark-mode .custom-range.custom-range-lime::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
    background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb {
    background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb {
    background-color: #f672d8;
}

.dark-mode .custom-range.custom-range-fuchsia::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-maroon:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb {
    background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb {
    background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-maroon::-ms-thumb {
    background-color: #ed6c9b;
}

.dark-mode .custom-range.custom-range-maroon::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-blue:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-webkit-slider-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-blue::-moz-range-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-moz-range-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-blue::-ms-thumb {
    background-color: #3f6791;
}

.dark-mode .custom-range.custom-range-blue::-ms-thumb:active {
    background-color: #a9c1da;
}

.dark-mode .custom-range.custom-range-indigo:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb {
    background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
    background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb {
    background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-moz-range-thumb:active {
    background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-indigo::-ms-thumb {
    background-color: #6610f2;
}

.dark-mode .custom-range.custom-range-indigo::-ms-thumb:active {
    background-color: #d2b9fb;
}

.dark-mode .custom-range.custom-range-purple:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb {
    background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-webkit-slider-thumb:active {
    background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-purple::-moz-range-thumb {
    background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-moz-range-thumb:active {
    background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-purple::-ms-thumb {
    background-color: #6f42c1;
}

.dark-mode .custom-range.custom-range-purple::-ms-thumb:active {
    background-color: #d5c8ed;
}

.dark-mode .custom-range.custom-range-pink:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb {
    background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-webkit-slider-thumb:active {
    background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-pink::-moz-range-thumb {
    background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-moz-range-thumb:active {
    background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-pink::-ms-thumb {
    background-color: #e83e8c;
}

.dark-mode .custom-range.custom-range-pink::-ms-thumb:active {
    background-color: #fbddeb;
}

.dark-mode .custom-range.custom-range-red:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-red:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-webkit-slider-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-red::-moz-range-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-moz-range-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-red::-ms-thumb {
    background-color: #e74c3c;
}

.dark-mode .custom-range.custom-range-red::-ms-thumb:active {
    background-color: #fbdedb;
}

.dark-mode .custom-range.custom-range-orange:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb {
    background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-webkit-slider-thumb:active {
    background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-orange::-moz-range-thumb {
    background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-moz-range-thumb:active {
    background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-orange::-ms-thumb {
    background-color: #fd7e14;
}

.dark-mode .custom-range.custom-range-orange::-ms-thumb:active {
    background-color: #ffdfc5;
}

.dark-mode .custom-range.custom-range-yellow:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-moz-range-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-yellow::-ms-thumb {
    background-color: #f39c12;
}

.dark-mode .custom-range.custom-range-yellow::-ms-thumb:active {
    background-color: #fce3bc;
}

.dark-mode .custom-range.custom-range-green:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-green:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-webkit-slider-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-green::-moz-range-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-moz-range-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-green::-ms-thumb {
    background-color: #00bc8c;
}

.dark-mode .custom-range.custom-range-green::-ms-thumb:active {
    background-color: #70ffda;
}

.dark-mode .custom-range.custom-range-teal:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb {
    background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-webkit-slider-thumb:active {
    background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-teal::-moz-range-thumb {
    background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-moz-range-thumb:active {
    background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-teal::-ms-thumb {
    background-color: #20c997;
}

.dark-mode .custom-range.custom-range-teal::-ms-thumb:active {
    background-color: #aaf1dc;
}

.dark-mode .custom-range.custom-range-cyan:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-moz-range-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-cyan::-ms-thumb {
    background-color: #3498db;
}

.dark-mode .custom-range.custom-range-cyan::-ms-thumb:active {
    background-color: #cce5f6;
}

.dark-mode .custom-range.custom-range-white:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-white:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb {
    background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-webkit-slider-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-white::-moz-range-thumb {
    background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-moz-range-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-white::-ms-thumb {
    background-color: #fff;
}

.dark-mode .custom-range.custom-range-white::-ms-thumb:active {
    background-color: white;
}

.dark-mode .custom-range.custom-range-gray:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-webkit-slider-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray::-moz-range-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-moz-range-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray::-ms-thumb {
    background-color: #6c757d;
}

.dark-mode .custom-range.custom-range-gray::-ms-thumb:active {
    background-color: #caced1;
}

.dark-mode .custom-range.custom-range-gray-dark:focus {
    outline: none;
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb {
    background-color: #343a40;
}

.dark-mode .custom-range.custom-range-gray-dark::-ms-thumb:active {
    background-color: #88939e;
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
    background-color: #182838;
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #97b4d2;
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
    background-color: #313539;
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #bcc1c6;
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
    background-color: #003d2d;
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #56ffd4;
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
    background-color: #16527a;
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #b6daf2;
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
    background-color: #7f5006;
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fad9a4;
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
    background-color: #921e12;
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f8c9c4;
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
    background-color: #f8f9fa;
    border-color: #bdc6d0;
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
    background-color: #aeb9c5;
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f8f9fa;
    border-color: #bdc6d0;
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7a8793;
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
    background-color: #86bad8;
    border-color: #3c8dbc;
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
    background-color: #367fa9;
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #86bad8;
    border-color: #3c8dbc;
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fafcfd;
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
    background-color: #002c59;
    border-color: black;
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #002c59;
    border-color: black;
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #0077f2;
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
    background-color: #74c8a3;
    border-color: #3d9970;
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
    background-color: #368763;
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #74c8a3;
    border-color: #3d9970;
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #e2f3eb;
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
    background-color: #67ffa9;
    border-color: #01ff70;
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
    background-color: #00e765;
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #67ffa9;
    border-color: #01ff70;
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
    background-color: #f672d8;
    border-color: #f012be;
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
    background-color: #db0ead;
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f672d8;
    border-color: #f012be;
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
    background-color: #ed6c9b;
    border-color: #d81b60;
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
    background-color: #c11856;
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ed6c9b;
    border-color: #d81b60;
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fef4f8;
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
    background-color: #182838;
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #97b4d2;
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
    background-color: #6610f2;
    border-color: #3d0894;
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
    background-color: #33077c;
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6610f2;
    border-color: #3d0894;
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #c3a1fa;
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
    background-color: #6f42c1;
    border-color: #432776;
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
    background-color: #382063;
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6f42c1;
    border-color: #432776;
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #c7b5e7;
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
    background-color: #e83e8c;
    border-color: #ac145a;
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
    background-color: #95124e;
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e83e8c;
    border-color: #ac145a;
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f8c7dd;
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
    background-color: #921e12;
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f8c9c4;
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
    background-color: #fd7e14;
    border-color: #aa4e01;
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
    background-color: #904201;
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fd7e14;
    border-color: #aa4e01;
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fed1ac;
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
    background-color: #7f5006;
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fad9a4;
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
    background-color: #003d2d;
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #56ffd4;
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
    background-color: #20c997;
    border-color: #127155;
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
    background-color: #0e5b44;
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #20c997;
    border-color: #127155;
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #94eed3;
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
    background-color: #16527a;
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #b6daf2;
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #cccccc;
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
    background-color: #bfbfbf;
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #cccccc;
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
    background-color: #313539;
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #bcc1c6;
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7a8793;
}

.dark-mode .custom-control-input-primary:checked ~ .custom-control-label::before {
    border-color: #3f6791;
    background-color: #3f6791;
}

.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-primary:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #85a7ca;
}

.dark-mode .custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
    background-color: #a9c1da;
    border-color: #a9c1da;
}

.dark-mode .custom-control-input-secondary:checked ~ .custom-control-label::before {
    border-color: #6c757d;
    background-color: #6c757d;
}

.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-secondary:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #afb5ba;
}

.dark-mode .custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
    background-color: #caced1;
    border-color: #caced1;
}

.dark-mode .custom-control-input-success:checked ~ .custom-control-label::before {
    border-color: #00bc8c;
    background-color: #00bc8c;
}

.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-success:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #3dffcd;
}

.dark-mode .custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
    background-color: #70ffda;
    border-color: #70ffda;
}

.dark-mode .custom-control-input-info:checked ~ .custom-control-label::before {
    border-color: #3498db;
    background-color: #3498db;
}

.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-info:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #a0cfee;
}

.dark-mode .custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
    background-color: #cce5f6;
    border-color: #cce5f6;
}

.dark-mode .custom-control-input-warning:checked ~ .custom-control-label::before {
    border-color: #f39c12;
    background-color: #f39c12;
}

.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-warning:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f9cf8b;
}

.dark-mode .custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fce3bc;
    border-color: #fce3bc;
}

.dark-mode .custom-control-input-danger:checked ~ .custom-control-label::before {
    border-color: #e74c3c;
    background-color: #e74c3c;
}

.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-danger:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f5b4ae;
}

.dark-mode .custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fbdedb;
    border-color: #fbdedb;
}

.dark-mode .custom-control-input-light:checked ~ .custom-control-label::before {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
}

.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-light:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
}

.dark-mode .custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
    border-color: white;
}

.dark-mode .custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-dark:checked ~ .custom-control-label::before {
    border-color: #343a40;
    background-color: #343a40;
}

.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-dark:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #6d7a86;
}

.dark-mode .custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
    background-color: #88939e;
    border-color: #88939e;
}

.dark-mode .custom-control-input-lightblue:checked ~ .custom-control-label::before {
    border-color: #86bad8;
    background-color: #86bad8;
}

.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2386bad8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386bad8'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lightblue:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(134, 186, 216, 0.25);
}

.dark-mode .custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #e6f1f7;
}

.dark-mode .custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-navy:checked ~ .custom-control-label::before {
    border-color: #002c59;
    background-color: #002c59;
}

.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23002c59' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23002c59'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-navy:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 44, 89, 0.25);
}

.dark-mode .custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #006ad8;
}

.dark-mode .custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
    background-color: #0c84ff;
    border-color: #0c84ff;
}

.dark-mode .custom-control-input-olive:checked ~ .custom-control-label::before {
    border-color: #74c8a3;
    background-color: #74c8a3;
}

.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2374c8a3' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2374c8a3'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-olive:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(116, 200, 163, 0.25);
}

.dark-mode .custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #cfecdf;
}

.dark-mode .custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
    background-color: #f4fbf8;
    border-color: #f4fbf8;
}

.dark-mode .custom-control-input-lime:checked ~ .custom-control-label::before {
    border-color: #67ffa9;
    background-color: #67ffa9;
}

.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2367ffa9' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2367ffa9'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-lime:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(103, 255, 169, 0.25);
}

.dark-mode .custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #e7fff1;
}

.dark-mode .custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-fuchsia:checked ~ .custom-control-label::before {
    border-color: #f672d8;
    background-color: #f672d8;
}

.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f672d8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f672d8'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-fuchsia:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(246, 114, 216, 0.25);
}

.dark-mode .custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #feeaf9;
}

.dark-mode .custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-maroon:checked ~ .custom-control-label::before {
    border-color: #ed6c9b;
    background-color: #ed6c9b;
}

.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ed6c9b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ed6c9b'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-maroon:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(237, 108, 155, 0.25);
}

.dark-mode .custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #fbdee8;
}

.dark-mode .custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-blue:checked ~ .custom-control-label::before {
    border-color: #3f6791;
    background-color: #3f6791;
}

.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233f6791' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233f6791'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-blue:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
}

.dark-mode .custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #85a7ca;
}

.dark-mode .custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
    background-color: #a9c1da;
    border-color: #a9c1da;
}

.dark-mode .custom-control-input-indigo:checked ~ .custom-control-label::before {
    border-color: #6610f2;
    background-color: #6610f2;
}

.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-indigo:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
}

.dark-mode .custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b389f9;
}

.dark-mode .custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
    background-color: #d2b9fb;
    border-color: #d2b9fb;
}

.dark-mode .custom-control-input-purple:checked ~ .custom-control-label::before {
    border-color: #6f42c1;
    background-color: #6f42c1;
}

.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-purple:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.dark-mode .custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b8a2e0;
}

.dark-mode .custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
    background-color: #d5c8ed;
    border-color: #d5c8ed;
}

.dark-mode .custom-control-input-pink:checked ~ .custom-control-label::before {
    border-color: #e83e8c;
    background-color: #e83e8c;
}

.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-pink:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
}

.dark-mode .custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f6b0d0;
}

.dark-mode .custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fbddeb;
    border-color: #fbddeb;
}

.dark-mode .custom-control-input-red:checked ~ .custom-control-label::before {
    border-color: #e74c3c;
    background-color: #e74c3c;
}

.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e74c3c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-red:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
}

.dark-mode .custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f5b4ae;
}

.dark-mode .custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fbdedb;
    border-color: #fbdedb;
}

.dark-mode .custom-control-input-orange:checked ~ .custom-control-label::before {
    border-color: #fd7e14;
    background-color: #fd7e14;
}

.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-orange:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
}

.dark-mode .custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #fec392;
}

.dark-mode .custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
    background-color: #ffdfc5;
    border-color: #ffdfc5;
}

.dark-mode .custom-control-input-yellow:checked ~ .custom-control-label::before {
    border-color: #f39c12;
    background-color: #f39c12;
}

.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f39c12' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f39c12'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-yellow:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.dark-mode .custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f9cf8b;
}

.dark-mode .custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fce3bc;
    border-color: #fce3bc;
}

.dark-mode .custom-control-input-green:checked ~ .custom-control-label::before {
    border-color: #00bc8c;
    background-color: #00bc8c;
}

.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300bc8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300bc8c'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-green:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 188, 140, 0.25);
}

.dark-mode .custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #3dffcd;
}

.dark-mode .custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
    background-color: #70ffda;
    border-color: #70ffda;
}

.dark-mode .custom-control-input-teal:checked ~ .custom-control-label::before {
    border-color: #20c997;
    background-color: #20c997;
}

.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-teal:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
}

.dark-mode .custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #7eeaca;
}

.dark-mode .custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
    background-color: #aaf1dc;
    border-color: #aaf1dc;
}

.dark-mode .custom-control-input-cyan:checked ~ .custom-control-label::before {
    border-color: #3498db;
    background-color: #3498db;
}

.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233498db' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-cyan:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.dark-mode .custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #a0cfee;
}

.dark-mode .custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
    background-color: #cce5f6;
    border-color: #cce5f6;
}

.dark-mode .custom-control-input-white:checked ~ .custom-control-label::before {
    border-color: #fff;
    background-color: #fff;
}

.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-white:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.dark-mode .custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
    border-color: white;
}

.dark-mode .custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.dark-mode .custom-control-input-gray:checked ~ .custom-control-label::before {
    border-color: #6c757d;
    background-color: #6c757d;
}

.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.dark-mode .custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #afb5ba;
}

.dark-mode .custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
    background-color: #caced1;
    border-color: #caced1;
}

.dark-mode .custom-control-input-gray-dark:checked ~ .custom-control-label::before {
    border-color: #343a40;
    background-color: #343a40;
}

.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.dark-mode .custom-control-input-gray-dark:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.dark-mode .custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #6d7a86;
}

.dark-mode .custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
    background-color: #88939e;
    border-color: #88939e;
}


.dark-mode .progress {
    background: #454d55;
}


.card-default .nav-item:first-child .nav-link {
    border-left: 0;
}

.dark-mode .card-primary:not(.card-outline) > .card-header {
    background-color: #3f6791;
}

.dark-mode .card-primary:not(.card-outline) > .card-header,
.dark-mode .card-primary:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-primary:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-primary.card-outline {
    border-top: 3px solid #3f6791;
}

.dark-mode .card-primary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-primary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3f6791;
}

.dark-mode .bg-primary > .card-header .btn-tool,
.dark-mode .bg-gradient-primary > .card-header .btn-tool,
.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-primary > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-primary > .card-header .btn-tool:hover,
.dark-mode .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #335375;
    color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #5080b3;
    color: #fff;
}

.dark-mode .card-secondary:not(.card-outline) > .card-header {
    background-color: #6c757d;
}

.dark-mode .card-secondary:not(.card-outline) > .card-header,
.dark-mode .card-secondary:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-secondary:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-secondary.card-outline {
    border-top: 3px solid #6c757d;
}

.dark-mode .card-secondary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-secondary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6c757d;
}

.dark-mode .bg-secondary > .card-header .btn-tool,
.dark-mode .bg-gradient-secondary > .card-header .btn-tool,
.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-secondary > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-secondary > .card-header .btn-tool:hover,
.dark-mode .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #596167;
    color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #868e96;
    color: #fff;
}

.dark-mode .card-success:not(.card-outline) > .card-header {
    background-color: #00bc8c;
}

.dark-mode .card-success:not(.card-outline) > .card-header,
.dark-mode .card-success:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-success:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-success.card-outline {
    border-top: 3px solid #00bc8c;
}

.dark-mode .card-success.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-success.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #00bc8c;
}

.dark-mode .bg-success > .card-header .btn-tool,
.dark-mode .bg-gradient-success > .card-header .btn-tool,
.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-success > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-success > .card-header .btn-tool:hover,
.dark-mode .card-success:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #00936e;
    color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #00efb2;
    color: #fff;
}

.dark-mode .card-info:not(.card-outline) > .card-header {
    background-color: #3498db;
}

.dark-mode .card-info:not(.card-outline) > .card-header,
.dark-mode .card-info:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-info:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-info.card-outline {
    border-top: 3px solid #3498db;
}

.dark-mode .card-info.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-info.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3498db;
}

.dark-mode .bg-info > .card-header .btn-tool,
.dark-mode .bg-gradient-info > .card-header .btn-tool,
.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-info > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-info > .card-header .btn-tool:hover,
.dark-mode .card-info:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #2383c4;
    color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #5faee3;
    color: #fff;
}

.dark-mode .card-warning:not(.card-outline) > .card-header {
    background-color: #f39c12;
}

.dark-mode .card-warning:not(.card-outline) > .card-header,
.dark-mode .card-warning:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-warning:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-warning.card-outline {
    border-top: 3px solid #f39c12;
}

.dark-mode .card-warning.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-warning.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #f39c12;
}

.dark-mode .bg-warning > .card-header .btn-tool,
.dark-mode .bg-gradient-warning > .card-header .btn-tool,
.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-warning > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-warning > .card-header .btn-tool:hover,
.dark-mode .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #d2850b;
    color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f5b043;
    color: #1f2d3d;
}

.dark-mode .card-danger:not(.card-outline) > .card-header {
    background-color: #e74c3c;
}

.dark-mode .card-danger:not(.card-outline) > .card-header,
.dark-mode .card-danger:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-danger:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-danger.card-outline {
    border-top: 3px solid #e74c3c;
}

.dark-mode .card-danger.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-danger.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #e74c3c;
}

.dark-mode .bg-danger > .card-header .btn-tool,
.dark-mode .bg-gradient-danger > .card-header .btn-tool,
.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-danger > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-danger > .card-header .btn-tool:hover,
.dark-mode .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #df2e1b;
    color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ed7669;
    color: #fff;
}

.dark-mode .card-light:not(.card-outline) > .card-header {
    background-color: #f8f9fa;
}

.dark-mode .card-light:not(.card-outline) > .card-header,
.dark-mode .card-light:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-light:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-light.card-outline {
    border-top: 3px solid #f8f9fa;
}

.dark-mode .card-light.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-light.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #f8f9fa;
}

.dark-mode .bg-light > .card-header .btn-tool,
.dark-mode .bg-gradient-light > .card-header .btn-tool,
.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-light > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-light > .card-header .btn-tool:hover,
.dark-mode .card-light:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e0e5e9;
    color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: white;
    color: #1f2d3d;
}

.dark-mode .card-dark:not(.card-outline) > .card-header {
    background-color: #343a40;
}

.dark-mode .card-dark:not(.card-outline) > .card-header,
.dark-mode .card-dark:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-dark:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-dark.card-outline {
    border-top: 3px solid #343a40;
}

.dark-mode .card-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-dark.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #343a40;
}

.dark-mode .bg-dark > .card-header .btn-tool,
.dark-mode .bg-gradient-dark > .card-header .btn-tool,
.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-dark > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-dark > .card-header .btn-tool:hover,
.dark-mode .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #222629;
    color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4b545c;
    color: #fff;
}

.dark-mode .card-lightblue:not(.card-outline) > .card-header {
    background-color: #86bad8;
}

.dark-mode .card-lightblue:not(.card-outline) > .card-header,
.dark-mode .card-lightblue:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-lightblue:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-lightblue.card-outline {
    border-top: 3px solid #86bad8;
}

.dark-mode .card-lightblue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-lightblue.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #86bad8;
}

.dark-mode .bg-lightblue > .card-header .btn-tool,
.dark-mode .bg-gradient-lightblue > .card-header .btn-tool,
.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-lightblue > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-lightblue > .card-header .btn-tool:hover,
.dark-mode .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #67a8ce;
    color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #acd0e5;
    color: #1f2d3d;
}

.dark-mode .card-navy:not(.card-outline) > .card-header {
    background-color: #002c59;
}

.dark-mode .card-navy:not(.card-outline) > .card-header,
.dark-mode .card-navy:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-navy:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-navy.card-outline {
    border-top: 3px solid #002c59;
}

.dark-mode .card-navy.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-navy.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #002c59;
}

.dark-mode .bg-navy > .card-header .btn-tool,
.dark-mode .bg-gradient-navy > .card-header .btn-tool,
.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-navy > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-navy > .card-header .btn-tool:hover,
.dark-mode .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #001730;
    color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #00458c;
    color: #fff;
}

.dark-mode .card-olive:not(.card-outline) > .card-header {
    background-color: #74c8a3;
}

.dark-mode .card-olive:not(.card-outline) > .card-header,
.dark-mode .card-olive:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-olive:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-olive.card-outline {
    border-top: 3px solid #74c8a3;
}

.dark-mode .card-olive.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-olive.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #74c8a3;
}

.dark-mode .bg-olive > .card-header .btn-tool,
.dark-mode .bg-gradient-olive > .card-header .btn-tool,
.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-olive > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-olive > .card-header .btn-tool:hover,
.dark-mode .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #57bc8f;
    color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #99d6bb;
    color: #1f2d3d;
}

.dark-mode .card-lime:not(.card-outline) > .card-header {
    background-color: #67ffa9;
}

.dark-mode .card-lime:not(.card-outline) > .card-header,
.dark-mode .card-lime:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-lime:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-lime.card-outline {
    border-top: 3px solid #67ffa9;
}

.dark-mode .card-lime.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-lime.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #67ffa9;
}

.dark-mode .bg-lime > .card-header .btn-tool,
.dark-mode .bg-gradient-lime > .card-header .btn-tool,
.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-lime > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-lime > .card-header .btn-tool:hover,
.dark-mode .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #3eff92;
    color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #9affc6;
    color: #1f2d3d;
}

.dark-mode .card-fuchsia:not(.card-outline) > .card-header {
    background-color: #f672d8;
}

.dark-mode .card-fuchsia:not(.card-outline) > .card-header,
.dark-mode .card-fuchsia:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-fuchsia:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-fuchsia.card-outline {
    border-top: 3px solid #f672d8;
}

.dark-mode .card-fuchsia.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-fuchsia.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #f672d8;
}

.dark-mode .bg-fuchsia > .card-header .btn-tool,
.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool,
.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-fuchsia > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-fuchsia > .card-header .btn-tool:hover,
.dark-mode .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #f44cce;
    color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f9a2e5;
    color: #1f2d3d;
}

.dark-mode .card-maroon:not(.card-outline) > .card-header {
    background-color: #ed6c9b;
}

.dark-mode .card-maroon:not(.card-outline) > .card-header,
.dark-mode .card-maroon:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-maroon:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-maroon.card-outline {
    border-top: 3px solid #ed6c9b;
}

.dark-mode .card-maroon.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-maroon.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #ed6c9b;
}

.dark-mode .bg-maroon > .card-header .btn-tool,
.dark-mode .bg-gradient-maroon > .card-header .btn-tool,
.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-maroon > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-maroon > .card-header .btn-tool:hover,
.dark-mode .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e84883;
    color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f29aba;
    color: #1f2d3d;
}

.dark-mode .card-blue:not(.card-outline) > .card-header {
    background-color: #3f6791;
}

.dark-mode .card-blue:not(.card-outline) > .card-header,
.dark-mode .card-blue:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-blue:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-blue.card-outline {
    border-top: 3px solid #3f6791;
}

.dark-mode .card-blue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-blue.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3f6791;
}

.dark-mode .bg-blue > .card-header .btn-tool,
.dark-mode .bg-gradient-blue > .card-header .btn-tool,
.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-blue > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-blue > .card-header .btn-tool:hover,
.dark-mode .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #335375;
    color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #5080b3;
    color: #fff;
}

.dark-mode .card-indigo:not(.card-outline) > .card-header {
    background-color: #6610f2;
}

.dark-mode .card-indigo:not(.card-outline) > .card-header,
.dark-mode .card-indigo:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-indigo:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-indigo.card-outline {
    border-top: 3px solid #6610f2;
}

.dark-mode .card-indigo.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-indigo.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6610f2;
}

.dark-mode .bg-indigo > .card-header .btn-tool,
.dark-mode .bg-gradient-indigo > .card-header .btn-tool,
.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-indigo > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-indigo > .card-header .btn-tool:hover,
.dark-mode .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #550bce;
    color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #8540f5;
    color: #fff;
}

.dark-mode .card-purple:not(.card-outline) > .card-header {
    background-color: #6f42c1;
}

.dark-mode .card-purple:not(.card-outline) > .card-header,
.dark-mode .card-purple:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-purple:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-purple.card-outline {
    border-top: 3px solid #6f42c1;
}

.dark-mode .card-purple.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-purple.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6f42c1;
}

.dark-mode .bg-purple > .card-header .btn-tool,
.dark-mode .bg-gradient-purple > .card-header .btn-tool,
.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-purple > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-purple > .card-header .btn-tool:hover,
.dark-mode .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #5d36a4;
    color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #8c68ce;
    color: #fff;
}

.dark-mode .card-pink:not(.card-outline) > .card-header {
    background-color: #e83e8c;
}

.dark-mode .card-pink:not(.card-outline) > .card-header,
.dark-mode .card-pink:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-pink:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-pink.card-outline {
    border-top: 3px solid #e83e8c;
}

.dark-mode .card-pink.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-pink.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #e83e8c;
}

.dark-mode .bg-pink > .card-header .btn-tool,
.dark-mode .bg-gradient-pink > .card-header .btn-tool,
.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-pink > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-pink > .card-header .btn-tool:hover,
.dark-mode .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e21b76;
    color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ed6ca7;
    color: #fff;
}

.dark-mode .card-red:not(.card-outline) > .card-header {
    background-color: #e74c3c;
}

.dark-mode .card-red:not(.card-outline) > .card-header,
.dark-mode .card-red:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-red:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-red.card-outline {
    border-top: 3px solid #e74c3c;
}

.dark-mode .card-red.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-red.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #e74c3c;
}

.dark-mode .bg-red > .card-header .btn-tool,
.dark-mode .bg-gradient-red > .card-header .btn-tool,
.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-red > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-red > .card-header .btn-tool:hover,
.dark-mode .card-red:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #df2e1b;
    color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ed7669;
    color: #fff;
}

.dark-mode .card-orange:not(.card-outline) > .card-header {
    background-color: #fd7e14;
}

.dark-mode .card-orange:not(.card-outline) > .card-header,
.dark-mode .card-orange:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-orange:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-orange.card-outline {
    border-top: 3px solid #fd7e14;
}

.dark-mode .card-orange.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-orange.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #fd7e14;
}

.dark-mode .bg-orange > .card-header .btn-tool,
.dark-mode .bg-gradient-orange > .card-header .btn-tool,
.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-orange > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-orange > .card-header .btn-tool:hover,
.dark-mode .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e66a02;
    color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #fd9a47;
    color: #1f2d3d;
}

.dark-mode .card-yellow:not(.card-outline) > .card-header {
    background-color: #f39c12;
}

.dark-mode .card-yellow:not(.card-outline) > .card-header,
.dark-mode .card-yellow:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-yellow:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-yellow.card-outline {
    border-top: 3px solid #f39c12;
}

.dark-mode .card-yellow.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-yellow.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #f39c12;
}

.dark-mode .bg-yellow > .card-header .btn-tool,
.dark-mode .bg-gradient-yellow > .card-header .btn-tool,
.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-yellow > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-yellow > .card-header .btn-tool:hover,
.dark-mode .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #d2850b;
    color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f5b043;
    color: #1f2d3d;
}

.dark-mode .card-green:not(.card-outline) > .card-header {
    background-color: #00bc8c;
}

.dark-mode .card-green:not(.card-outline) > .card-header,
.dark-mode .card-green:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-green:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-green.card-outline {
    border-top: 3px solid #00bc8c;
}

.dark-mode .card-green.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-green.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #00bc8c;
}

.dark-mode .bg-green > .card-header .btn-tool,
.dark-mode .bg-gradient-green > .card-header .btn-tool,
.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-green > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-green > .card-header .btn-tool:hover,
.dark-mode .card-green:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #00936e;
    color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #00efb2;
    color: #fff;
}

.dark-mode .card-teal:not(.card-outline) > .card-header {
    background-color: #20c997;
}

.dark-mode .card-teal:not(.card-outline) > .card-header,
.dark-mode .card-teal:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-teal:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-teal.card-outline {
    border-top: 3px solid #20c997;
}

.dark-mode .card-teal.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-teal.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #20c997;
}

.dark-mode .bg-teal > .card-header .btn-tool,
.dark-mode .bg-gradient-teal > .card-header .btn-tool,
.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-teal > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-teal > .card-header .btn-tool:hover,
.dark-mode .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #1aa67d;
    color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3ce0af;
    color: #fff;
}

.dark-mode .card-cyan:not(.card-outline) > .card-header {
    background-color: #3498db;
}

.dark-mode .card-cyan:not(.card-outline) > .card-header,
.dark-mode .card-cyan:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-cyan:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-cyan.card-outline {
    border-top: 3px solid #3498db;
}

.dark-mode .card-cyan.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-cyan.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3498db;
}

.dark-mode .bg-cyan > .card-header .btn-tool,
.dark-mode .bg-gradient-cyan > .card-header .btn-tool,
.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-cyan > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-cyan > .card-header .btn-tool:hover,
.dark-mode .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #2383c4;
    color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #5faee3;
    color: #fff;
}

.dark-mode .card-white:not(.card-outline) > .card-header {
    background-color: #fff;
}

.dark-mode .card-white:not(.card-outline) > .card-header,
.dark-mode .card-white:not(.card-outline) > .card-header a {
    color: #1f2d3d;
}

.dark-mode .card-white:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-white.card-outline {
    border-top: 3px solid #fff;
}

.dark-mode .card-white.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-white.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #fff;
}

.dark-mode .bg-white > .card-header .btn-tool,
.dark-mode .bg-gradient-white > .card-header .btn-tool,
.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

.dark-mode .bg-white > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-white > .card-header .btn-tool:hover,
.dark-mode .card-white:not(.card-outline) > .card-header .btn-tool:hover {
    color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #ebebeb;
    color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: white;
    color: #1f2d3d;
}

.dark-mode .card-gray:not(.card-outline) > .card-header {
    background-color: #6c757d;
}

.dark-mode .card-gray:not(.card-outline) > .card-header,
.dark-mode .card-gray:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-gray:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-gray.card-outline {
    border-top: 3px solid #6c757d;
}

.dark-mode .card-gray.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-gray.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6c757d;
}

.dark-mode .bg-gray > .card-header .btn-tool,
.dark-mode .bg-gradient-gray > .card-header .btn-tool,
.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-gray > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-gray > .card-header .btn-tool:hover,
.dark-mode .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #596167;
    color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #868e96;
    color: #fff;
}

.dark-mode .card-gray-dark:not(.card-outline) > .card-header {
    background-color: #343a40;
}

.dark-mode .card-gray-dark:not(.card-outline) > .card-header,
.dark-mode .card-gray-dark:not(.card-outline) > .card-header a {
    color: #fff;
}

.dark-mode .card-gray-dark:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}

.dark-mode .card-gray-dark.card-outline {
    border-top: 3px solid #343a40;
}

.dark-mode .card-gray-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.dark-mode .card-gray-dark.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #343a40;
}

.dark-mode .bg-gray-dark > .card-header .btn-tool,
.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool,
.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .bg-gray-dark > .card-header .btn-tool:hover,
.dark-mode .bg-gradient-gray-dark > .card-header .btn-tool:hover,
.dark-mode .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
    color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #222629;
    color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.dark-mode .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4b545c;
    color: #fff;
}

.dark-mode .card {
    background-color: #343a40;
    color: #fff;

}

.dark-mode .card .card {
    background-color: #3f474e;
    color: #fff;
}

.dark-mode .card .nav.flex-column > li {
    border-bottom-color: #6c757d;
}

.dark-mode .card .card-footer {
    background-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .card.card-outline-tabs .card-header a:hover {
    border-color: #6c757d;
    border-bottom-color: transparent;
}

.dark-mode .card:not(.card-outline) > .card-header a.active {
    color: #fff;
}

.dark-mode .card-comments {
    background-color: #373d44;
}

.dark-mode .card-comments .username {
    color: #ced4da;
}

.dark-mode .card-comments .card-comment {
    border-bottom-color: #454d55;
}

.dark-mode .todo-list > li {
    background-color: #3f474e;
    border-color: #454d55;
    color: #fff;
}

.dark-mode .todo-list .primary {
    border-left-color: #3f6791;
}

.dark-mode .todo-list .secondary {
    border-left-color: #6c757d;
}

.dark-mode .todo-list .success {
    border-left-color: #00bc8c;
}

.dark-mode .todo-list .info {
    border-left-color: #3498db;
}

.dark-mode .todo-list .warning {
    border-left-color: #f39c12;
}

.dark-mode .todo-list .danger {
    border-left-color: #e74c3c;
}

.dark-mode .todo-list .light {
    border-left-color: #f8f9fa;
}

.dark-mode .todo-list .dark {
    border-left-color: #343a40;
}

.dark-mode .todo-list .lightblue {
    border-left-color: #86bad8;
}

.dark-mode .todo-list .navy {
    border-left-color: #002c59;
}

.dark-mode .todo-list .olive {
    border-left-color: #74c8a3;
}

.dark-mode .todo-list .lime {
    border-left-color: #67ffa9;
}

.dark-mode .todo-list .fuchsia {
    border-left-color: #f672d8;
}

.dark-mode .todo-list .maroon {
    border-left-color: #ed6c9b;
}

.dark-mode .todo-list .blue {
    border-left-color: #3f6791;
}

.dark-mode .todo-list .indigo {
    border-left-color: #6610f2;
}

.dark-mode .todo-list .purple {
    border-left-color: #6f42c1;
}

.dark-mode .todo-list .pink {
    border-left-color: #e83e8c;
}

.dark-mode .todo-list .red {
    border-left-color: #e74c3c;
}

.dark-mode .todo-list .orange {
    border-left-color: #fd7e14;
}

.dark-mode .todo-list .yellow {
    border-left-color: #f39c12;
}

.dark-mode .todo-list .green {
    border-left-color: #00bc8c;
}

.dark-mode .todo-list .teal {
    border-left-color: #20c997;
}

.dark-mode .todo-list .cyan {
    border-left-color: #3498db;
}

.dark-mode .todo-list .white {
    border-left-color: #fff;
}

.dark-mode .todo-list .gray {
    border-left-color: #6c757d;
}

.dark-mode .todo-list .gray-dark {
    border-left-color: #343a40;
}

.modal-dialog .overlay {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: -1px;
    z-index: 1052;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #666f76;
    border-radius: 0.3rem;
}

.modal-content.bg-warning .modal-header,
.modal-content.bg-warning .modal-footer {
    border-color: #343a40;
}

.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
    border-color: #6c757d;
}

.dark-mode .modal-content {
    background-color: #343a40;
}

.dark-mode .modal-content.bg-warning .modal-header,
.dark-mode .modal-content.bg-warning .modal-footer {
    border-color: #6c757d;
}

.dark-mode .modal-content.bg-warning .close, .dark-mode .modal-content.bg-warning .mailbox-attachment-close {
    color: #343a40 !important;
    text-shadow: 0 1px 0 #495057 !important;
}

.dark-mode .modal-content.bg-primary .modal-header,
.dark-mode .modal-content.bg-primary .modal-footer, .dark-mode .modal-content.bg-secondary .modal-header,
.dark-mode .modal-content.bg-secondary .modal-footer, .dark-mode .modal-content.bg-info .modal-header,
.dark-mode .modal-content.bg-info .modal-footer, .dark-mode .modal-content.bg-danger .modal-header,
.dark-mode .modal-content.bg-danger .modal-footer, .dark-mode .modal-content.bg-success .modal-header,
.dark-mode .modal-content.bg-success .modal-footer {
    border-color: #fff;
}


.dark-mode .toast {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.dark-mode .toast .toast-header {
    background-color: rgba(52, 58, 64, 0.7);
    color: #f8f9fa;
}

.dark-mode .toast.bg-primary {
    background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-primary .close, .dark-mode .toast.bg-primary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-primary .toast-header {
    background-color: rgba(63, 103, 145, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-secondary {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-secondary .close, .dark-mode .toast.bg-secondary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-secondary .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-success {
    background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-success .close, .dark-mode .toast.bg-success .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-success .toast-header {
    background-color: rgba(0, 188, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-info {
    background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-info .close, .dark-mode .toast.bg-info .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-info .toast-header {
    background-color: rgba(52, 152, 219, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-warning {
    background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-warning .toast-header {
    background-color: rgba(243, 156, 18, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-danger {
    background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-danger .close, .dark-mode .toast.bg-danger .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-danger .toast-header {
    background-color: rgba(231, 76, 60, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-light {
    background-color: rgba(248, 249, 250, 0.9) !important;
}

.dark-mode .toast.bg-light .toast-header {
    background-color: rgba(248, 249, 250, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-dark .close, .dark-mode .toast.bg-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-lightblue {
    background-color: rgba(134, 186, 216, 0.9) !important;
}

.dark-mode .toast.bg-lightblue .toast-header {
    background-color: rgba(134, 186, 216, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-navy {
    background-color: rgba(0, 44, 89, 0.9) !important;
}

.dark-mode .toast.bg-navy .close, .dark-mode .toast.bg-navy .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-navy .toast-header {
    background-color: rgba(0, 44, 89, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-olive {
    background-color: rgba(116, 200, 163, 0.9) !important;
}

.dark-mode .toast.bg-olive .toast-header {
    background-color: rgba(116, 200, 163, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-lime {
    background-color: rgba(103, 255, 169, 0.9) !important;
}

.dark-mode .toast.bg-lime .toast-header {
    background-color: rgba(103, 255, 169, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-fuchsia {
    background-color: rgba(246, 114, 216, 0.9) !important;
}

.dark-mode .toast.bg-fuchsia .toast-header {
    background-color: rgba(246, 114, 216, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-maroon {
    background-color: rgba(237, 108, 155, 0.9) !important;
}

.dark-mode .toast.bg-maroon .toast-header {
    background-color: rgba(237, 108, 155, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-blue {
    background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-blue .close, .dark-mode .toast.bg-blue .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-blue .toast-header {
    background-color: rgba(63, 103, 145, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-indigo {
    background-color: rgba(102, 16, 242, 0.9) !important;
}

.dark-mode .toast.bg-indigo .close, .dark-mode .toast.bg-indigo .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-indigo .toast-header {
    background-color: rgba(102, 16, 242, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-purple {
    background-color: rgba(111, 66, 193, 0.9) !important;
}

.dark-mode .toast.bg-purple .close, .dark-mode .toast.bg-purple .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-purple .toast-header {
    background-color: rgba(111, 66, 193, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-pink {
    background-color: rgba(232, 62, 140, 0.9) !important;
}

.dark-mode .toast.bg-pink .close, .dark-mode .toast.bg-pink .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-pink .toast-header {
    background-color: rgba(232, 62, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-red {
    background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-red .close, .dark-mode .toast.bg-red .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-red .toast-header {
    background-color: rgba(231, 76, 60, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-orange {
    background-color: rgba(253, 126, 20, 0.9) !important;
}

.dark-mode .toast.bg-orange .toast-header {
    background-color: rgba(253, 126, 20, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-yellow {
    background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-yellow .toast-header {
    background-color: rgba(243, 156, 18, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-green {
    background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-green .close, .dark-mode .toast.bg-green .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-green .toast-header {
    background-color: rgba(0, 188, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-teal {
    background-color: rgba(32, 201, 151, 0.9) !important;
}

.dark-mode .toast.bg-teal .close, .dark-mode .toast.bg-teal .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-teal .toast-header {
    background-color: rgba(32, 201, 151, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-cyan {
    background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-cyan .close, .dark-mode .toast.bg-cyan .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-cyan .toast-header {
    background-color: rgba(52, 152, 219, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-white {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.dark-mode .toast.bg-white .toast-header {
    background-color: rgba(255, 255, 255, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-gray {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-gray .close, .dark-mode .toast.bg-gray .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-gray-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-gray-dark .close, .dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}


.dark-mode .btn-default,
.dark-mode .btn-app {

    color: #fff;

}

.dark-mode .btn-default:hover, .dark-mode .btn-default:focus,
.dark-mode .btn-app:hover,
.dark-mode .btn-app:focus {
    background-color: #3f474e;
    color: #dee2e6;
    border-color: #727b84;
}

.dark-mode .btn-light {
    background-color: #454d55;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode .btn-light:hover, .dark-mode .btn-light:focus {
    background-color: #4b545c;
    color: #dee2e6;
    border-color: #78828a;
}

.dark-mode .btn-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
    box-shadow: none;
}

.dark-mode .btn-primary:hover {
    color: #fff;
    background-color: #335476;
    border-color: #304e6d;
}

.dark-mode .btn-primary:focus, .dark-mode .btn-primary.focus {
    color: #fff;
    background-color: #335476;
    border-color: #304e6d;
    box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
}

.dark-mode .btn-primary.disabled, .dark-mode .btn-primary:disabled {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-primary:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #304e6d;
    border-color: #2c4765;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(92, 126, 162, 0.5);
}

.dark-mode .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
}

.dark-mode .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.dark-mode .btn-secondary:focus, .dark-mode .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.dark-mode .btn-secondary.disabled, .dark-mode .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .btn-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.dark-mode .btn-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
    box-shadow: none;
}

.dark-mode .btn-success:hover {
    color: #fff;
    background-color: #009670;
    border-color: #008966;
}

.dark-mode .btn-success:focus, .dark-mode .btn-success.focus {
    color: #fff;
    background-color: #009670;
    border-color: #008966;
    box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
}

.dark-mode .btn-success.disabled, .dark-mode .btn-success:disabled {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .btn-success:not(:disabled):not(.disabled):active, .dark-mode .btn-success:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #008966;
    border-color: #007c5d;
}

.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 198, 157, 0.5);
}

.dark-mode .btn-info {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
    box-shadow: none;
}

.dark-mode .btn-info:hover {
    color: #fff;
    background-color: #2384c6;
    border-color: #217dbb;
}

.dark-mode .btn-info:focus, .dark-mode .btn-info.focus {
    color: #fff;
    background-color: #2384c6;
    border-color: #217dbb;
    box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
}

.dark-mode .btn-info.disabled, .dark-mode .btn-info:disabled {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.dark-mode .btn-info:not(:disabled):not(.disabled):active, .dark-mode .btn-info:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #217dbb;
    border-color: #1f76b0;
}

.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 167, 224, 0.5);
}

.dark-mode .btn-warning {
    color: #1f2d3d;
    background-color: #f39c12;
    border-color: #f39c12;
    box-shadow: none;
}

.dark-mode .btn-warning:hover {
    color: #fff;
    background-color: #d4860b;
    border-color: #c87f0a;
}

.dark-mode .btn-warning:focus, .dark-mode .btn-warning.focus {
    color: #fff;
    background-color: #d4860b;
    border-color: #c87f0a;
    box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
}

.dark-mode .btn-warning.disabled, .dark-mode .btn-warning:disabled {
    color: #1f2d3d;
    background-color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .btn-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-warning:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c87f0a;
    border-color: #bc770a;
}

.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(211, 139, 24, 0.5);
}

.dark-mode .btn-danger {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
    box-shadow: none;
}

.dark-mode .btn-danger:hover {
    color: #fff;
    background-color: #e12e1c;
    border-color: #d62c1a;
}

.dark-mode .btn-danger:focus, .dark-mode .btn-danger.focus {
    color: #fff;
    background-color: #e12e1c;
    border-color: #d62c1a;
    box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
}

.dark-mode .btn-danger.disabled, .dark-mode .btn-danger:disabled {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .btn-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-danger:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d62c1a;
    border-color: #ca2a19;
}

.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(235, 103, 89, 0.5);
}

.dark-mode .btn-light {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: none;
}

.dark-mode .btn-light:hover {
    color: #1f2d3d;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.dark-mode .btn-light:focus, .dark-mode .btn-light.focus {
    color: #1f2d3d;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.dark-mode .btn-light.disabled, .dark-mode .btn-light:disabled {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active, .dark-mode .btn-light:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-light.dropdown-toggle {
    color: #1f2d3d;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
}

.dark-mode .btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: none;
}

.dark-mode .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.dark-mode .btn-dark:focus, .dark-mode .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.dark-mode .btn-dark.disabled, .dark-mode .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.dark-mode .btn-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-dark:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.dark-mode .btn-outline-primary {
    color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .btn-outline-primary:hover {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
}

.dark-mode .btn-outline-primary.disabled, .dark-mode .btn-outline-primary:disabled {
    color: #3f6791;
    background-color: transparent;
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(63, 103, 145, 0.5);
}

.dark-mode .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.dark-mode .btn-outline-secondary.disabled, .dark-mode .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.dark-mode .btn-outline-success {
    color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .btn-outline-success:hover {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .btn-outline-success:focus, .dark-mode .btn-outline-success.focus {
    box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
}

.dark-mode .btn-outline-success.disabled, .dark-mode .btn-outline-success:disabled {
    color: #00bc8c;
    background-color: transparent;
}

.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 188, 140, 0.5);
}

.dark-mode .btn-outline-info {
    color: #3498db;
    border-color: #3498db;
}

.dark-mode .btn-outline-info:hover {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.dark-mode .btn-outline-info:focus, .dark-mode .btn-outline-info.focus {
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
}

.dark-mode .btn-outline-info.disabled, .dark-mode .btn-outline-info:disabled {
    color: #3498db;
    background-color: transparent;
}

.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #3498db;
    border-color: #3498db;
}

.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.5);
}

.dark-mode .btn-outline-warning {
    color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .btn-outline-warning:hover {
    color: #1f2d3d;
    background-color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .btn-outline-warning:focus, .dark-mode .btn-outline-warning.focus {
    box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
}

.dark-mode .btn-outline-warning.disabled, .dark-mode .btn-outline-warning:disabled {
    color: #f39c12;
    background-color: transparent;
}

.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-warning.dropdown-toggle {
    color: #1f2d3d;
    background-color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(243, 156, 18, 0.5);
}

.dark-mode .btn-outline-danger {
    color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:hover {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:focus, .dark-mode .btn-outline-danger.focus {
    box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
}

.dark-mode .btn-outline-danger.disabled, .dark-mode .btn-outline-danger:disabled {
    color: #e74c3c;
    background-color: transparent;
}

.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.5);
}

.dark-mode .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:hover {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:focus, .dark-mode .btn-outline-light.focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.dark-mode .btn-outline-light.disabled, .dark-mode .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-light.dropdown-toggle {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.dark-mode .btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.dark-mode .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.dark-mode .btn-outline-dark:focus, .dark-mode .btn-outline-dark.focus {
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.dark-mode .btn-outline-dark.disabled, .dark-mode .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .dark-mode .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .dark-mode .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}


.dark-mode .callout {
    background-color: #3f474e;
}

.dark-mode .callout.callout-danger {
    border-left-color: #ed7669;
}

.dark-mode .callout.callout-warning {
    border-left-color: #f5b043;
}

.dark-mode .callout.callout-info {
    border-left-color: #5faee3;
}

.dark-mode .callout.callout-success {
    border-left-color: #00efb2;
}


.dark-mode .alert-primary {
    color: #fff;
    background-color: #3f6791;
    border-color: #375a7f;
}

.dark-mode .alert-default-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.dark-mode .alert-default-primary hr {
    border-top-color: #9fcdff;
}

.dark-mode .alert-default-primary .alert-link {
    color: #002752;
}

.dark-mode .alert-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #60686f;
}

.dark-mode .alert-default-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.dark-mode .alert-default-secondary hr {
    border-top-color: #c8cbcf;
}

.dark-mode .alert-default-secondary .alert-link {
    color: #202326;
}

.dark-mode .alert-success {
    color: #fff;
    background-color: #00bc8c;
    border-color: #00a379;
}

.dark-mode .alert-default-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.dark-mode .alert-default-success hr {
    border-top-color: #b1dfbb;
}

.dark-mode .alert-default-success .alert-link {
    color: #0b2e13;
}

.dark-mode .alert-info {
    color: #fff;
    background-color: #3498db;
    border-color: #258cd1;
}

.dark-mode .alert-default-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.dark-mode .alert-default-info hr {
    border-top-color: #abdde5;
}

.dark-mode .alert-default-info .alert-link {
    color: #062c33;
}

.dark-mode .alert-warning {
    color: #1f2d3d;
    background-color: #f39c12;
    border-color: #e08e0b;
}

.dark-mode .alert-default-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.dark-mode .alert-default-warning hr {
    border-top-color: #ffe8a1;
}

.dark-mode .alert-default-warning .alert-link {
    color: #533f03;
}

.dark-mode .alert-danger {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e43725;
}

.dark-mode .alert-default-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.dark-mode .alert-default-danger hr {
    border-top-color: #f1b0b7;
}

.dark-mode .alert-default-danger .alert-link {
    color: #491217;
}

.dark-mode .alert-light {
    color: #1f2d3d;
    background-color: #f8f9fa;
    border-color: #e9ecef;
}

.dark-mode .alert-default-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.dark-mode .alert-default-light hr {
    border-top-color: #ececf6;
}

.dark-mode .alert-default-light .alert-link {
    color: #686868;
}

.dark-mode .alert-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #292d32;
}

.dark-mode .alert-default-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.dark-mode .alert-default-dark hr {
    border-top-color: #b9bbbe;
}

.dark-mode .alert-default-dark .alert-link {
    color: #040505;
}


.dark-mode .table-bordered,
.dark-mode .table-bordered td,
.dark-mode .table-bordered th {
    border-color: #6c757d;
}

.dark-mode .table-hover tbody tr:hover {
    color: #dee2e6;
    background-color: #3a4047;
    border-color: #6c757d;
}

.dark-mode .table thead th {
    border-bottom-color: #6c757d;
}

.dark-mode .table th,
.dark-mode .table td {
    border-top-color: #6c757d;
}

.dark-mode .table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #3f474e;
}


.dark-mode .info-box {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .info-box .info-box .bg-primary,
.dark-mode .info-box .info-box .bg-gradient-primary {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-primary .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-primary .progress-bar {
    background-color: #fff;
}

.dark-mode .info-box .info-box .bg-secondary,
.dark-mode .info-box .info-box .bg-gradient-secondary {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-secondary .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-secondary .progress-bar {
    background-color: #fff;
}

.dark-mode .info-box .info-box .bg-success,
.dark-mode .info-box .info-box .bg-gradient-success {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-success .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-success .progress-bar {
    background-color: #fff;
}

.dark-mode .info-box .info-box .bg-info,
.dark-mode .info-box .info-box .bg-gradient-info {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-info .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-info .progress-bar {
    background-color: #fff;
}

.dark-mode .info-box .info-box .bg-warning,
.dark-mode .info-box .info-box .bg-gradient-warning {
    color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-warning .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-warning .progress-bar {
    background-color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-danger,
.dark-mode .info-box .info-box .bg-gradient-danger {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-danger .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-danger .progress-bar {
    background-color: #fff;
}

.dark-mode .info-box .info-box .bg-light,
.dark-mode .info-box .info-box .bg-gradient-light {
    color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-light .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-light .progress-bar {
    background-color: #1f2d3d;
}

.dark-mode .info-box .info-box .bg-dark,
.dark-mode .info-box .info-box .bg-gradient-dark {
    color: #fff;
}

.dark-mode .info-box .info-box .bg-dark .progress-bar,
.dark-mode .info-box .info-box .bg-gradient-dark .progress-bar {
    background-color: #fff;
}


.dark-mode .timeline::before {
    background-color: #6c757d;
}

.dark-mode .timeline > div > .timeline-item {
    background-color: #343a40;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode .timeline > div > .timeline-item > .timeline-header {
    color: #ced4da;
    border-color: #6c757d;
}

.dark-mode .timeline > div > .timeline-item > .time {
    color: #ced4da;
}


.dark-mode .product-description {
    color: #ced4da;
}


.dark-mode .direct-chat-text {
    background-color: #454d55;
    border-color: #4b545c;
    color: #fff;
}

.dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before {
    border-right-color: #4b545c;
}

.dark-mode .direct-chat-timestamp {
    color: #adb5bd;
}

.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before {
    border-right-color: transparent;
}

.dark-mode .direct-chat-primary .right > .direct-chat-text {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

.dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
    border-left-color: #3f6791;
}

.dark-mode .direct-chat-secondary .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
    border-left-color: #6c757d;
}

.dark-mode .direct-chat-success .right > .direct-chat-text {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

.dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before {
    border-left-color: #00bc8c;
}

.dark-mode .direct-chat-info .right > .direct-chat-text {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

.dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before {
    border-left-color: #3498db;
}

.dark-mode .direct-chat-warning .right > .direct-chat-text {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
    border-left-color: #f39c12;
}

.dark-mode .direct-chat-danger .right > .direct-chat-text {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
    border-left-color: #e74c3c;
}

.dark-mode .direct-chat-light .right > .direct-chat-text {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #1f2d3d;
}

.dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before {
    border-left-color: #f8f9fa;
}

.dark-mode .direct-chat-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
    border-left-color: #343a40;
}

.dark-mode .direct-chat-lightblue .right > .direct-chat-text {
    background-color: #86bad8;
    border-color: #86bad8;
    color: #1f2d3d;
}

.dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
    border-left-color: #86bad8;
}

.dark-mode .direct-chat-navy .right > .direct-chat-text {
    background-color: #002c59;
    border-color: #002c59;
    color: #fff;
}

.dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
    border-left-color: #002c59;
}

.dark-mode .direct-chat-olive .right > .direct-chat-text {
    background-color: #74c8a3;
    border-color: #74c8a3;
    color: #1f2d3d;
}

.dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
    border-left-color: #74c8a3;
}

.dark-mode .direct-chat-lime .right > .direct-chat-text {
    background-color: #67ffa9;
    border-color: #67ffa9;
    color: #1f2d3d;
}

.dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
    border-left-color: #67ffa9;
}

.dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
    background-color: #f672d8;
    border-color: #f672d8;
    color: #1f2d3d;
}

.dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
    border-left-color: #f672d8;
}

.dark-mode .direct-chat-maroon .right > .direct-chat-text {
    background-color: #ed6c9b;
    border-color: #ed6c9b;
    color: #1f2d3d;
}

.dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
    border-left-color: #ed6c9b;
}

.dark-mode .direct-chat-blue .right > .direct-chat-text {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

.dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
    border-left-color: #3f6791;
}

.dark-mode .direct-chat-indigo .right > .direct-chat-text {
    background-color: #6610f2;
    border-color: #6610f2;
    color: #fff;
}

.dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
    border-left-color: #6610f2;
}

.dark-mode .direct-chat-purple .right > .direct-chat-text {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

.dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
    border-left-color: #6f42c1;
}

.dark-mode .direct-chat-pink .right > .direct-chat-text {
    background-color: #e83e8c;
    border-color: #e83e8c;
    color: #fff;
}

.dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
    border-left-color: #e83e8c;
}

.dark-mode .direct-chat-red .right > .direct-chat-text {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before {
    border-left-color: #e74c3c;
}

.dark-mode .direct-chat-orange .right > .direct-chat-text {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #1f2d3d;
}

.dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
    border-left-color: #fd7e14;
}

.dark-mode .direct-chat-yellow .right > .direct-chat-text {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
    border-left-color: #f39c12;
}

.dark-mode .direct-chat-green .right > .direct-chat-text {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

.dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before {
    border-left-color: #00bc8c;
}

.dark-mode .direct-chat-teal .right > .direct-chat-text {
    background-color: #20c997;
    border-color: #20c997;
    color: #fff;
}

.dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
    border-left-color: #20c997;
}

.dark-mode .direct-chat-cyan .right > .direct-chat-text {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

.dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
    border-left-color: #3498db;
}

.dark-mode .direct-chat-white .right > .direct-chat-text {
    background-color: #fff;
    border-color: #fff;
    color: #1f2d3d;
}

.dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before {
    border-left-color: #fff;
}

.dark-mode .direct-chat-gray .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
    border-left-color: #6c757d;
}

.dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
    border-left-color: #343a40;
}


.dark-mode .users-list-name {
    color: #ced4da;
}

.dark-mode .users-list-date {
    color: #adb5bd;
}


.dark-mode .lockscreen-item {
    background-color: #343a40;
}

.dark-mode .lockscreen-logo a {
    color: #fff;
}

.dark-mode .lockscreen-credentials .btn {
    background-color: #343a40;
}

.dark-mode .lockscreen-image {
    background-color: #6c757d;
}


.dark-mode .login-card-body,
.dark-mode .register-card-body {
    background-color: #343a40;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .login-logo a,
.dark-mode .register-logo a {
    color: #fff;
}


.dark-mode .invoice {
    background-color: #343a40;
}


.dark-mode .post {
    color: #fff;
    border-color: #6c757d;
}


.dark-mode .select2-selection {
    background-color: #343a40;
    border-color: #6c757d;
}

.dark-mode .select2-container--disabled .select2-selection--single {
    background-color: #454d55;
}

.dark-mode .select2-selection--single {
    background-color: #343a40;
    border-color: #6c757d;
}

.dark-mode .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.dark-mode .select2-dropdown .select2-search__field,
.dark-mode .select2-search--inline .select2-search__field {
    background-color: #343a40;
    border-color: #6c757d;
    color: white;
}

.dark-mode .select2-dropdown {
    background-color: #343a40;
    border-color: #6c757d;
    color: white;
}

.dark-mode .select2-results__option[aria-selected="true"] {
    background-color: #3f474e !important;
    color: #dee2e6;
}

.dark-mode .select2-container .select2-search--inline .select2-search__field {
    background-color: transparent;
    color: #fff;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #fff;
}

.dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #85a7ca;
}

.dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted,
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted {
    background-color: #3f6791;
    color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #3a5f86;
    color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3f6791;
    border-color: #375a7f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #85a7ca;
}

.dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #afb5ba;
}

.dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted,
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted {
    background-color: #6c757d;
    color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #656d75;
    color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6c757d;
    border-color: #60686f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #afb5ba;
}

.dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3dffcd;
}

.dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted,
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted {
    background-color: #00bc8c;
    color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #00ad81;
    color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00bc8c;
    border-color: #00a379;
    color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3dffcd;
}

.dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #a0cfee;
}

.dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted,
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted {
    background-color: #3498db;
    color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #2791d9;
    color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3498db;
    border-color: #258cd1;
    color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a0cfee;
}

.dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f9cf8b;
}

.dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted,
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted {
    background-color: #f39c12;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #ea940c;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f39c12;
    border-color: #e08e0b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f9cf8b;
}

.dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f5b4ae;
}

.dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted,
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted {
    background-color: #e74c3c;
    color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #e53f2e;
    color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple:focus,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple:focus {
    border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e74c3c;
    border-color: #e43725;
    color: #fff;
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-danger.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f5b4ae;
}

.dark-mode .select2-light + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: white;
}

.dark-mode .select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: white;
}

.select2-container--default .dark-mode .select2-light.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-light .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-light .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid white;
}

.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted,
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted {
    background-color: #f8f9fa;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-light .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #eff1f4;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple:focus,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple:focus {
    border-color: white;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-light.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: white;
}

.dark-mode .select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #6d7a86;
}

.dark-mode .select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-dark .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #6d7a86;
}

.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted,
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted {
    background-color: #343a40;
    color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #2d3238;
    color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple:focus,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple:focus {
    border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40;
    border-color: #292d32;
    color: #fff;
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-dark.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #6d7a86;
}

.dark-mode .select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #e6f1f7;
}

.dark-mode .select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lightblue .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lightblue .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted,
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted {
    background-color: #86bad8;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #7ab3d5;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple:focus,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple:focus {
    border-color: #e6f1f7;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #86bad8;
    border-color: #72afd2;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lightblue.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e6f1f7;
}

.dark-mode .select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #006ad8;
}

.dark-mode .select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #006ad8;
}

.select2-container--default .dark-mode .select2-navy.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-navy .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-navy .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #006ad8;
}

.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted,
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted {
    background-color: #002c59;
    color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #002449;
    color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple:focus,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple:focus {
    border-color: #006ad8;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #002c59;
    border-color: #001f3f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-navy.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #006ad8;
}

.dark-mode .select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #cfecdf;
}

.dark-mode .select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #cfecdf;
}

.select2-container--default .dark-mode .select2-olive.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-olive .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-olive .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #cfecdf;
}

.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted,
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted {
    background-color: #74c8a3;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #69c39b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple:focus,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple:focus {
    border-color: #cfecdf;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #74c8a3;
    border-color: #62c096;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-olive.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #cfecdf;
}

.dark-mode .select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #e7fff1;
}

.dark-mode .select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #e7fff1;
}

.select2-container--default .dark-mode .select2-lime.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lime .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-lime .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #e7fff1;
}

.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted,
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted {
    background-color: #67ffa9;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #58ffa1;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple:focus,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple:focus {
    border-color: #e7fff1;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #67ffa9;
    border-color: #4eff9b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-lime.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e7fff1;
}

.dark-mode .select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #feeaf9;
}

.dark-mode .select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-fuchsia .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-fuchsia .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted,
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
    background-color: #f672d8;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #f564d4;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple:focus,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
    border-color: #feeaf9;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f672d8;
    border-color: #f55ad2;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-fuchsia.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #feeaf9;
}

.dark-mode .select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #fbdee8;
}

.dark-mode .select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-maroon .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-maroon .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted,
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted {
    background-color: #ed6c9b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #eb5f92;
    color: #fff;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple:focus,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple:focus {
    border-color: #fbdee8;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ed6c9b;
    border-color: #ea568c;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-maroon.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #fbdee8;
}

.dark-mode .select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #85a7ca;
}

.dark-mode .select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-blue.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-blue .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-blue .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #85a7ca;
}

.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted,
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted {
    background-color: #3f6791;
    color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #3a5f86;
    color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple:focus,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple:focus {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3f6791;
    border-color: #375a7f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-blue.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #85a7ca;
}

.dark-mode .select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #b389f9;
}

.dark-mode .select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #b389f9;
}

.select2-container--default .dark-mode .select2-indigo.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-indigo .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-indigo .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #b389f9;
}

.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted,
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted {
    background-color: #6610f2;
    color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #5f0de6;
    color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple:focus,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple:focus {
    border-color: #b389f9;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6610f2;
    border-color: #5b0cdd;
    color: #fff;
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-indigo.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b389f9;
}

.dark-mode .select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #b8a2e0;
}

.dark-mode .select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-purple .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-purple .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted,
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted {
    background-color: #6f42c1;
    color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #683cb8;
    color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple:focus,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple:focus {
    border-color: #b8a2e0;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6f42c1;
    border-color: #643ab0;
    color: #fff;
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-purple.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b8a2e0;
}

.dark-mode .select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f6b0d0;
}

.dark-mode .select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-pink .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-pink .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted,
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted {
    background-color: #e83e8c;
    color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #e63084;
    color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple:focus,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple:focus {
    border-color: #f6b0d0;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e83e8c;
    border-color: #e5277e;
    color: #fff;
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-pink.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f6b0d0;
}

.dark-mode .select2-red + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f5b4ae;
}

.dark-mode .select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-red.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-red .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-red .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f5b4ae;
}

.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted,
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted {
    background-color: #e74c3c;
    color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-red .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #e53f2e;
    color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple:focus,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple:focus {
    border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e74c3c;
    border-color: #e43725;
    color: #fff;
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-red.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f5b4ae;
}

.dark-mode .select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #fec392;
}

.dark-mode .select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #fec392;
}

.select2-container--default .dark-mode .select2-orange.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-orange .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-orange .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #fec392;
}

.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted,
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted {
    background-color: #fd7e14;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #fd7605;
    color: #fff;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple:focus,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple:focus {
    border-color: #fec392;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fd7e14;
    border-color: #f57102;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-orange.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #fec392;
}

.dark-mode .select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f9cf8b;
}

.dark-mode .select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-yellow .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-yellow .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted,
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted {
    background-color: #f39c12;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #ea940c;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple:focus,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple:focus {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f39c12;
    border-color: #e08e0b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-yellow.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f9cf8b;
}

.dark-mode .select2-green + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3dffcd;
}

.dark-mode .select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-green.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-green .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-green .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #3dffcd;
}

.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted,
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted {
    background-color: #00bc8c;
    color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-green .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #00ad81;
    color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple:focus,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple:focus {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00bc8c;
    border-color: #00a379;
    color: #fff;
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-green.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3dffcd;
}

.dark-mode .select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #7eeaca;
}

.dark-mode .select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #7eeaca;
}

.select2-container--default .dark-mode .select2-teal.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-teal .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-teal .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #7eeaca;
}

.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted,
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted {
    background-color: #20c997;
    color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #1ebc8d;
    color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple:focus,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple:focus {
    border-color: #7eeaca;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #20c997;
    border-color: #1cb386;
    color: #fff;
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-teal.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #7eeaca;
}

.dark-mode .select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #a0cfee;
}

.dark-mode .select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-cyan .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-cyan .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted,
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted {
    background-color: #3498db;
    color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #2791d9;
    color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple:focus,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple:focus {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3498db;
    border-color: #258cd1;
    color: #fff;
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-cyan.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a0cfee;
}

.dark-mode .select2-white + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: white;
}

.dark-mode .select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: white;
}

.select2-container--default .dark-mode .select2-white.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-white .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-white .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid white;
}

.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted,
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted {
    background-color: #fff;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-white .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #f7f7f7;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple:focus,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple:focus {
    border-color: white;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

.select2-container--default .dark-mode .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-white.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: white;
}

.dark-mode .select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #afb5ba;
}

.dark-mode .select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-gray.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #afb5ba;
}

.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted,
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted {
    background-color: #6c757d;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #656d75;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple:focus,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple:focus {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6c757d;
    border-color: #60686f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #afb5ba;
}

.dark-mode .select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #6d7a86;
}

.dark-mode .select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-gray-dark .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted,
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
    background-color: #343a40;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
.dark-mode .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #2d3238;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple:focus,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
    border-color: #6d7a86;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40;
    border-color: #292d32;
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .dark-mode .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-mode .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .dark-mode .select2-gray-dark.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #6d7a86;
}


.dark-mode .slider-track {
    background-color: #4b545c;
    background-image: none;
}

.dark-mode .slider-primary .slider .slider-selection {
    background: #3f6791;
}

.dark-mode .slider-secondary .slider .slider-selection {
    background: #6c757d;
}

.dark-mode .slider-success .slider .slider-selection {
    background: #00bc8c;
}

.dark-mode .slider-info .slider .slider-selection {
    background: #3498db;
}

.dark-mode .slider-warning .slider .slider-selection {
    background: #f39c12;
}

.dark-mode .slider-danger .slider .slider-selection {
    background: #e74c3c;
}

.dark-mode .slider-light .slider .slider-selection {
    background: #f8f9fa;
}

.dark-mode .slider-dark .slider .slider-selection {
    background: #343a40;
}

.dark-mode .slider-lightblue .slider .slider-selection {
    background: #86bad8;
}

.dark-mode .slider-navy .slider .slider-selection {
    background: #002c59;
}

.dark-mode .slider-olive .slider .slider-selection {
    background: #74c8a3;
}

.dark-mode .slider-lime .slider .slider-selection {
    background: #67ffa9;
}

.dark-mode .slider-fuchsia .slider .slider-selection {
    background: #f672d8;
}

.dark-mode .slider-maroon .slider .slider-selection {
    background: #ed6c9b;
}

.dark-mode .slider-blue .slider .slider-selection {
    background: #3f6791;
}

.dark-mode .slider-indigo .slider .slider-selection {
    background: #6610f2;
}

.dark-mode .slider-purple .slider .slider-selection {
    background: #6f42c1;
}

.dark-mode .slider-pink .slider .slider-selection {
    background: #e83e8c;
}

.dark-mode .slider-red .slider .slider-selection {
    background: #e74c3c;
}

.dark-mode .slider-orange .slider .slider-selection {
    background: #fd7e14;
}

.dark-mode .slider-yellow .slider .slider-selection {
    background: #f39c12;
}

.dark-mode .slider-green .slider .slider-selection {
    background: #00bc8c;
}

.dark-mode .slider-teal .slider .slider-selection {
    background: #20c997;
}

.dark-mode .slider-cyan .slider .slider-selection {
    background: #3498db;
}

.dark-mode .slider-white .slider .slider-selection {
    background: #fff;
}

.dark-mode .slider-gray .slider .slider-selection {
    background: #6c757d;
}

.dark-mode .slider-gray-dark .slider .slider-selection {
    background: #343a40;
}


.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + input[type="hidden"] + label::before,
.dark-mode [class*="icheck-"] > input:first-child:not(:checked) + label::before {
    border-color: #6c757d;
}

.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #3f6791;
}

.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #3f6791;
}

.dark-mode .icheck-primary > input:first-child:checked + label::before,
.dark-mode .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #6c757d;
}

.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #6c757d;
}

.dark-mode .icheck-secondary > input:first-child:checked + label::before,
.dark-mode .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #00bc8c;
}

.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #00bc8c;
}

.dark-mode .icheck-success > input:first-child:checked + label::before,
.dark-mode .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #3498db;
}

.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #3498db;
}

.dark-mode .icheck-info > input:first-child:checked + label::before,
.dark-mode .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #3498db;
    border-color: #3498db;
}

.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.dark-mode .icheck-warning > input:first-child:checked + label::before,
.dark-mode .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e74c3c;
}

.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #e74c3c;
}

.dark-mode .icheck-danger > input:first-child:checked + label::before,
.dark-mode .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f8f9fa;
}

.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #f8f9fa;
}

.dark-mode .icheck-light > input:first-child:checked + label::before,
.dark-mode .icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #343a40;
}

.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #343a40;
}

.dark-mode .icheck-dark > input:first-child:checked + label::before,
.dark-mode .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #343a40;
    border-color: #343a40;
}

.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #86bad8;
}

.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #86bad8;
}

.dark-mode .icheck-lightblue > input:first-child:checked + label::before,
.dark-mode .icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #86bad8;
    border-color: #86bad8;
}

.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #002c59;
}

.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #002c59;
}

.dark-mode .icheck-navy > input:first-child:checked + label::before,
.dark-mode .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #002c59;
    border-color: #002c59;
}

.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #74c8a3;
}

.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #74c8a3;
}

.dark-mode .icheck-olive > input:first-child:checked + label::before,
.dark-mode .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #74c8a3;
    border-color: #74c8a3;
}

.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #67ffa9;
}

.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #67ffa9;
}

.dark-mode .icheck-lime > input:first-child:checked + label::before,
.dark-mode .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #67ffa9;
    border-color: #67ffa9;
}

.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f672d8;
}

.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #f672d8;
}

.dark-mode .icheck-fuchsia > input:first-child:checked + label::before,
.dark-mode .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f672d8;
    border-color: #f672d8;
}

.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #ed6c9b;
}

.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #ed6c9b;
}

.dark-mode .icheck-maroon > input:first-child:checked + label::before,
.dark-mode .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #ed6c9b;
    border-color: #ed6c9b;
}

.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #3f6791;
}

.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #3f6791;
}

.dark-mode .icheck-blue > input:first-child:checked + label::before,
.dark-mode .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #3f6791;
    border-color: #3f6791;
}

.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #6610f2;
}

.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #6610f2;
}

.dark-mode .icheck-indigo > input:first-child:checked + label::before,
.dark-mode .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #6610f2;
    border-color: #6610f2;
}

.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #6f42c1;
}

.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #6f42c1;
}

.dark-mode .icheck-purple > input:first-child:checked + label::before,
.dark-mode .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #6f42c1;
    border-color: #6f42c1;
}

.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e83e8c;
}

.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #e83e8c;
}

.dark-mode .icheck-pink > input:first-child:checked + label::before,
.dark-mode .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e83e8c;
    border-color: #e83e8c;
}

.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e74c3c;
}

.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #e74c3c;
}

.dark-mode .icheck-red > input:first-child:checked + label::before,
.dark-mode .icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #fd7e14;
}

.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #fd7e14;
}

.dark-mode .icheck-orange > input:first-child:checked + label::before,
.dark-mode .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #fd7e14;
    border-color: #fd7e14;
}

.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.dark-mode .icheck-yellow > input:first-child:checked + label::before,
.dark-mode .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f39c12;
    border-color: #f39c12;
}

.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #00bc8c;
}

.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #00bc8c;
}

.dark-mode .icheck-green > input:first-child:checked + label::before,
.dark-mode .icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #00bc8c;
    border-color: #00bc8c;
}

.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #20c997;
}

.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #20c997;
}

.dark-mode .icheck-teal > input:first-child:checked + label::before,
.dark-mode .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #20c997;
    border-color: #20c997;
}

.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #3498db;
}

.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #3498db;
}

.dark-mode .icheck-cyan > input:first-child:checked + label::before,
.dark-mode .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #3498db;
    border-color: #3498db;
}

.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #fff;
}

.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #fff;
}

.dark-mode .icheck-white > input:first-child:checked + label::before,
.dark-mode .icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #6c757d;
}

.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #6c757d;
}

.dark-mode .icheck-gray > input:first-child:checked + label::before,
.dark-mode .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #6c757d;
    border-color: #6c757d;
}

.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #343a40;
}

.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
.dark-mode .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #343a40;
}

.dark-mode .icheck-gray-dark > input:first-child:checked + label::before,
.dark-mode .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #343a40;
    border-color: #343a40;
}


.dark-mode .swal2-popup {
    background-color: #343a40;
    color: #e9ecef;
}

.dark-mode .swal2-popup .swal2-content,
.dark-mode .swal2-popup .swal2-title {
    color: #e9ecef;
}


.dark-mode .bootstrap-switch {
    border-color: #6c757d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background-color: #3a4047;
    color: #fff;
    border-color: #454d55;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #3f6791;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
    background: #6c757d;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background: #00bc8c;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    background: #3498db;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: #f39c12;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    background: #e74c3c;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
    background: #f8f9fa;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
    background: #343a40;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue {
    background: #86bad8;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
    background: #002c59;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
    background: #74c8a3;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
    background: #67ffa9;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
    background: #f672d8;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
    background: #ed6c9b;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
    background: #3f6791;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
    background: #6610f2;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
    background: #6f42c1;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
    background: #e83e8c;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
    background: #e74c3c;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
    background: #fd7e14;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
    background: #f39c12;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
    background: #00bc8c;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
    background: #20c997;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
    background: #3498db;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
    background: #fff;
    color: #1f2d3d;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
    background: #6c757d;
    color: #fff;
}

.dark-mode .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
.dark-mode .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
    background: #343a40;
    color: #fff;
}


.dark-mode .irs--flat .irs-line {
    background-color: #4b545c;
}

.dark-mode .jsgrid-edit-row > .jsgrid-cell,
.dark-mode .jsgrid-filter-row > .jsgrid-cell,
.dark-mode .jsgrid-grid-body, .dark-mode .jsgrid-grid-header,
.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
.dark-mode .jsgrid-insert-row > .jsgrid-cell,
.dark-mode .jsgrid-row > .jsgrid-cell,
.dark-mode .jsgrid-alt-row > .jsgrid-cell {
    border-color: #6c757d;
}

.dark-mode .jsgrid-header-row > .jsgrid-header-cell,
.dark-mode .jsgrid-row > .jsgrid-cell {
    background-color: #343a40;
}

.dark-mode .jsgrid-alt-row > .jsgrid-cell {
    background-color: #3a4047;
}

.dark-mode .jsgrid-selected-row > .jsgrid-cell {
    background-color: #3f474e;
}

/*
.dark-mode a:not(.btn):hover {
    color: #3395ff;
}
*/

.dark-mode .attachment-block {
    background-color: #3d444b;
}

.dark-mode .attachment-block .attachment-text {
    color: #ced4da;
}

.dark-mode blockquote {
    background-color: #3f474e;
}

.dark-mode blockquote.quote-primary {
    border-color: #007bff;
}

.dark-mode blockquote.quote-primary h1,
.dark-mode blockquote.quote-primary h2,
.dark-mode blockquote.quote-primary h3,
.dark-mode blockquote.quote-primary h4,
.dark-mode blockquote.quote-primary h5,
.dark-mode blockquote.quote-primary h6 {
    color: #007bff;
}

.dark-mode blockquote.quote-secondary {
    border-color: #6c757d;
}

.dark-mode blockquote.quote-secondary h1,
.dark-mode blockquote.quote-secondary h2,
.dark-mode blockquote.quote-secondary h3,
.dark-mode blockquote.quote-secondary h4,
.dark-mode blockquote.quote-secondary h5,
.dark-mode blockquote.quote-secondary h6 {
    color: #6c757d;
}

.dark-mode blockquote.quote-success {
    border-color: #28a745;
}

.dark-mode blockquote.quote-success h1,
.dark-mode blockquote.quote-success h2,
.dark-mode blockquote.quote-success h3,
.dark-mode blockquote.quote-success h4,
.dark-mode blockquote.quote-success h5,
.dark-mode blockquote.quote-success h6 {
    color: #28a745;
}

.dark-mode blockquote.quote-info {
    border-color: #17a2b8;
}

.dark-mode blockquote.quote-info h1,
.dark-mode blockquote.quote-info h2,
.dark-mode blockquote.quote-info h3,
.dark-mode blockquote.quote-info h4,
.dark-mode blockquote.quote-info h5,
.dark-mode blockquote.quote-info h6 {
    color: #17a2b8;
}

.dark-mode blockquote.quote-warning {
    border-color: #ffc107;
}

.dark-mode blockquote.quote-warning h1,
.dark-mode blockquote.quote-warning h2,
.dark-mode blockquote.quote-warning h3,
.dark-mode blockquote.quote-warning h4,
.dark-mode blockquote.quote-warning h5,
.dark-mode blockquote.quote-warning h6 {
    color: #ffc107;
}

.dark-mode blockquote.quote-danger {
    border-color: #dc3545;
}

.dark-mode blockquote.quote-danger h1,
.dark-mode blockquote.quote-danger h2,
.dark-mode blockquote.quote-danger h3,
.dark-mode blockquote.quote-danger h4,
.dark-mode blockquote.quote-danger h5,
.dark-mode blockquote.quote-danger h6 {
    color: #dc3545;
}

.dark-mode blockquote.quote-light {
    border-color: #f8f9fa;
}

.dark-mode blockquote.quote-light h1,
.dark-mode blockquote.quote-light h2,
.dark-mode blockquote.quote-light h3,
.dark-mode blockquote.quote-light h4,
.dark-mode blockquote.quote-light h5,
.dark-mode blockquote.quote-light h6 {
    color: #f8f9fa;
}

.dark-mode blockquote.quote-dark {
    border-color: #343a40;
}

.dark-mode blockquote.quote-dark h1,
.dark-mode blockquote.quote-dark h2,
.dark-mode blockquote.quote-dark h3,
.dark-mode blockquote.quote-dark h4,
.dark-mode blockquote.quote-dark h5,
.dark-mode blockquote.quote-dark h6 {
    color: #343a40;
}

.dark-mode blockquote.quote-lightblue {
    border-color: #3c8dbc;
}

.dark-mode blockquote.quote-lightblue h1,
.dark-mode blockquote.quote-lightblue h2,
.dark-mode blockquote.quote-lightblue h3,
.dark-mode blockquote.quote-lightblue h4,
.dark-mode blockquote.quote-lightblue h5,
.dark-mode blockquote.quote-lightblue h6 {
    color: #3c8dbc;
}

.dark-mode blockquote.quote-navy {
    border-color: #001f3f;
}

.dark-mode blockquote.quote-navy h1,
.dark-mode blockquote.quote-navy h2,
.dark-mode blockquote.quote-navy h3,
.dark-mode blockquote.quote-navy h4,
.dark-mode blockquote.quote-navy h5,
.dark-mode blockquote.quote-navy h6 {
    color: #001f3f;
}

.dark-mode blockquote.quote-olive {
    border-color: #3d9970;
}

.dark-mode blockquote.quote-olive h1,
.dark-mode blockquote.quote-olive h2,
.dark-mode blockquote.quote-olive h3,
.dark-mode blockquote.quote-olive h4,
.dark-mode blockquote.quote-olive h5,
.dark-mode blockquote.quote-olive h6 {
    color: #3d9970;
}

.dark-mode blockquote.quote-lime {
    border-color: #01ff70;
}

.dark-mode blockquote.quote-lime h1,
.dark-mode blockquote.quote-lime h2,
.dark-mode blockquote.quote-lime h3,
.dark-mode blockquote.quote-lime h4,
.dark-mode blockquote.quote-lime h5,
.dark-mode blockquote.quote-lime h6 {
    color: #01ff70;
}

.dark-mode blockquote.quote-fuchsia {
    border-color: #f012be;
}

.dark-mode blockquote.quote-fuchsia h1,
.dark-mode blockquote.quote-fuchsia h2,
.dark-mode blockquote.quote-fuchsia h3,
.dark-mode blockquote.quote-fuchsia h4,
.dark-mode blockquote.quote-fuchsia h5,
.dark-mode blockquote.quote-fuchsia h6 {
    color: #f012be;
}

.dark-mode blockquote.quote-maroon {
    border-color: #d81b60;
}

.dark-mode blockquote.quote-maroon h1,
.dark-mode blockquote.quote-maroon h2,
.dark-mode blockquote.quote-maroon h3,
.dark-mode blockquote.quote-maroon h4,
.dark-mode blockquote.quote-maroon h5,
.dark-mode blockquote.quote-maroon h6 {
    color: #d81b60;
}

.dark-mode blockquote.quote-blue {
    border-color: #007bff;
}

.dark-mode blockquote.quote-blue h1,
.dark-mode blockquote.quote-blue h2,
.dark-mode blockquote.quote-blue h3,
.dark-mode blockquote.quote-blue h4,
.dark-mode blockquote.quote-blue h5,
.dark-mode blockquote.quote-blue h6 {
    color: #007bff;
}

.dark-mode blockquote.quote-indigo {
    border-color: #6610f2;
}

.dark-mode blockquote.quote-indigo h1,
.dark-mode blockquote.quote-indigo h2,
.dark-mode blockquote.quote-indigo h3,
.dark-mode blockquote.quote-indigo h4,
.dark-mode blockquote.quote-indigo h5,
.dark-mode blockquote.quote-indigo h6 {
    color: #6610f2;
}

.dark-mode blockquote.quote-purple {
    border-color: #6f42c1;
}

.dark-mode blockquote.quote-purple h1,
.dark-mode blockquote.quote-purple h2,
.dark-mode blockquote.quote-purple h3,
.dark-mode blockquote.quote-purple h4,
.dark-mode blockquote.quote-purple h5,
.dark-mode blockquote.quote-purple h6 {
    color: #6f42c1;
}

.dark-mode blockquote.quote-pink {
    border-color: #e83e8c;
}

.dark-mode blockquote.quote-pink h1,
.dark-mode blockquote.quote-pink h2,
.dark-mode blockquote.quote-pink h3,
.dark-mode blockquote.quote-pink h4,
.dark-mode blockquote.quote-pink h5,
.dark-mode blockquote.quote-pink h6 {
    color: #e83e8c;
}

.dark-mode blockquote.quote-red {
    border-color: #dc3545;
}

.dark-mode blockquote.quote-red h1,
.dark-mode blockquote.quote-red h2,
.dark-mode blockquote.quote-red h3,
.dark-mode blockquote.quote-red h4,
.dark-mode blockquote.quote-red h5,
.dark-mode blockquote.quote-red h6 {
    color: #dc3545;
}

.dark-mode blockquote.quote-orange {
    border-color: #fd7e14;
}

.dark-mode blockquote.quote-orange h1,
.dark-mode blockquote.quote-orange h2,
.dark-mode blockquote.quote-orange h3,
.dark-mode blockquote.quote-orange h4,
.dark-mode blockquote.quote-orange h5,
.dark-mode blockquote.quote-orange h6 {
    color: #fd7e14;
}

.dark-mode blockquote.quote-yellow {
    border-color: #ffc107;
}

.dark-mode blockquote.quote-yellow h1,
.dark-mode blockquote.quote-yellow h2,
.dark-mode blockquote.quote-yellow h3,
.dark-mode blockquote.quote-yellow h4,
.dark-mode blockquote.quote-yellow h5,
.dark-mode blockquote.quote-yellow h6 {
    color: #ffc107;
}

.dark-mode blockquote.quote-green {
    border-color: #28a745;
}

.dark-mode blockquote.quote-green h1,
.dark-mode blockquote.quote-green h2,
.dark-mode blockquote.quote-green h3,
.dark-mode blockquote.quote-green h4,
.dark-mode blockquote.quote-green h5,
.dark-mode blockquote.quote-green h6 {
    color: #28a745;
}

.dark-mode blockquote.quote-teal {
    border-color: #20c997;
}

.dark-mode blockquote.quote-teal h1,
.dark-mode blockquote.quote-teal h2,
.dark-mode blockquote.quote-teal h3,
.dark-mode blockquote.quote-teal h4,
.dark-mode blockquote.quote-teal h5,
.dark-mode blockquote.quote-teal h6 {
    color: #20c997;
}

.dark-mode blockquote.quote-cyan {
    border-color: #17a2b8;
}

.dark-mode blockquote.quote-cyan h1,
.dark-mode blockquote.quote-cyan h2,
.dark-mode blockquote.quote-cyan h3,
.dark-mode blockquote.quote-cyan h4,
.dark-mode blockquote.quote-cyan h5,
.dark-mode blockquote.quote-cyan h6 {
    color: #17a2b8;
}

.dark-mode blockquote.quote-white {
    border-color: #fff;
}

.dark-mode blockquote.quote-white h1,
.dark-mode blockquote.quote-white h2,
.dark-mode blockquote.quote-white h3,
.dark-mode blockquote.quote-white h4,
.dark-mode blockquote.quote-white h5,
.dark-mode blockquote.quote-white h6 {
    color: #fff;
}

.dark-mode blockquote.quote-gray {
    border-color: #6c757d;
}

.dark-mode blockquote.quote-gray h1,
.dark-mode blockquote.quote-gray h2,
.dark-mode blockquote.quote-gray h3,
.dark-mode blockquote.quote-gray h4,
.dark-mode blockquote.quote-gray h5,
.dark-mode blockquote.quote-gray h6 {
    color: #6c757d;
}

.dark-mode blockquote.quote-gray-dark {
    border-color: #343a40;
}

.dark-mode blockquote.quote-gray-dark h1,
.dark-mode blockquote.quote-gray-dark h2,
.dark-mode blockquote.quote-gray-dark h3,
.dark-mode blockquote.quote-gray-dark h4,
.dark-mode blockquote.quote-gray-dark h5,
.dark-mode blockquote.quote-gray-dark h6 {
    color: #343a40;
}

.dark-mode .close, .dark-mode .mailbox-attachment-close,
.dark-mode .mailbox-attachment-close {
    color: #adb5bd;
    text-shadow: 0 1px 0 #495057;
}

.dark-mode .tab-custom-content {
    border-color: #6c757d;
}

.dark-mode .list-group-item {
    background-color: #343a40;
    border-color: #6c757d;
}


.dark-mode .text-muted {
    color: #adb5bd !important;
}

.dark-mode .text-lightblue {
    color: #86bad8 !important;
}

.dark-mode .text-navy {
    color: #002c59 !important;
}

.dark-mode .text-olive {
    color: #74c8a3 !important;
}

.dark-mode .text-lime {
    color: #67ffa9 !important;
}

.dark-mode .text-fuchsia {
    color: #f672d8 !important;
}

.dark-mode .text-maroon {
    color: #ed6c9b !important;
}

.dark-mode .text-blue {
    color: #3f6791 !important;
}

.dark-mode .text-indigo {
    color: #6610f2 !important;
}

.dark-mode .text-purple {
    color: #6f42c1 !important;
}

/*
.dark-mode .text-pink {
    color: #e83e8c !important;
}
*/

.dark-mode .text-red {
    color: #e74c3c !important;
}

.dark-mode .text-orange {
    color: #fd7e14 !important;
}

.dark-mode .text-yellow {
    color: #f39c12 !important;
}

.dark-mode .text-green {
    color: #00bc8c !important;
}

.dark-mode .text-teal {
    color: #20c997 !important;
}

.dark-mode .text-cyan {
    color: #3498db !important;
}

.dark-mode .text-white {
    color: #fff !important;
}

.dark-mode .text-gray {
    color: #6c757d !important;
}

.dark-mode .text-gray-dark {
    color: #343a40 !important;
}


.dark-mode.accent-primary .page-item .page-link:hover, .dark-mode.accent-primary .page-item .page-link:focus {
    color: #1a88ff;
}


.dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode.accent-secondary .page-item .page-link:focus {
    color: #78828a;
}


.dark-mode.accent-success .page-item .page-link:hover, .dark-mode.accent-success .page-item .page-link:focus {
    color: #2dbc4e;
}


.dark-mode.accent-info .page-item .page-link:hover, .dark-mode.accent-info .page-item .page-link:focus {
    color: #1ab6cf;
}

.
.dark-mode.accent-warning .page-item .page-link:hover, .dark-mode.accent-warning .page-item .page-link:focus {
    color: #ffc721;
}

.dark-mode.accent-danger .page-item .page-link:hover, .dark-mode.accent-danger .page-item .page-link:focus {
    color: #e04b59;
}


.accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode.accent-light .page-item .page-link:hover, .dark-mode.accent-light .page-item .page-link:focus {
    color: white;
}


.dark-mode.accent-dark .page-item .page-link:hover, .dark-mode.accent-dark .page-item .page-link:focus {
    color: #3f474e;
}


.dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode.accent-lightblue .page-item .page-link:focus {
    color: #4c99c6;
}


.dark-mode.accent-navy .page-item .page-link:hover, .dark-mode.accent-navy .page-item .page-link:focus {
    color: #002c59;
}


.dark-mode.accent-olive .page-item .page-link:hover, .dark-mode.accent-olive .page-item .page-link:focus {
    color: #44ab7d;
}


.dark-mode.accent-lime .page-item .page-link:hover, .dark-mode.accent-lime .page-item .page-link:focus {
    color: #1bff7e;
}

}

.dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode.accent-fuchsia .page-item .page-link:focus {
    color: #f22ac5;
}


.dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode.accent-maroon .page-item .page-link:focus {
    color: #e4286d;
}


.dark-mode.accent-blue .page-item .page-link:hover, .dark-mode.accent-blue .page-item .page-link:focus {
    color: #1a88ff;
}


.dark-mode .text-black,
.dark-mode .text-dark,
.dark-mode .link-black,
.dark-mode .link-dark {
    color: #ced4da !important;
}

.dark-mode .bg-primary {
    background-color: #3f6791 !important;
}

.dark-mode .bg-primary,
.dark-mode .bg-primary > a {
    color: #fff !important;
}

.dark-mode .bg-primary.btn:hover {
    border-color: #304e6d;
    color: #ececec;
}

.dark-mode .bg-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-primary.btn:active, .dark-mode .bg-primary.btn.active {
    background-color: #304e6d !important;
    border-color: #2c4765;
    color: #fff;
}

.dark-mode .bg-secondary {
    background-color: #6c757d !important;
}

.dark-mode .bg-secondary,
.dark-mode .bg-secondary > a {
    color: #fff !important;
}

.dark-mode .bg-secondary.btn:hover {
    border-color: #545b62;
    color: #ececec;
}

.dark-mode .bg-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-secondary.btn:active, .dark-mode .bg-secondary.btn.active {
    background-color: #545b62 !important;
    border-color: #4e555b;
    color: #fff;
}


.dark-mode .bg-success,
.dark-mode .bg-success > a {
    color: #fff !important;
}

.dark-mode .bg-success.btn:hover {
    border-color: #008966;
    color: #ececec;
}

.dark-mode .bg-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-success.btn:active, .dark-mode .bg-success.btn.active {
    background-color: #008966 !important;
    border-color: #007c5d;
    color: #fff;
}

.dark-mode .bg-info {
    background-color: #3498db !important;
}

.dark-mode .bg-info,
.dark-mode .bg-info > a {
    color: #fff !important;
}

.dark-mode .bg-info.btn:hover {
    border-color: #217dbb;
    color: #ececec;
}

.dark-mode .bg-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-info.btn:active, .dark-mode .bg-info.btn.active {
    background-color: #217dbb !important;
    border-color: #1f76b0;
    color: #fff;
}

.dark-mode .bg-warning {
    background-color: #f39c12 !important;
}

.dark-mode .bg-warning,
.dark-mode .bg-warning > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-warning.btn:hover {
    border-color: #c87f0a;
    color: #121a24;
}

.dark-mode .bg-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-warning.btn:active, .dark-mode .bg-warning.btn.active {
    background-color: #c87f0a !important;
    border-color: #bc770a;
    color: #fff;
}

.dark-mode .bg-danger {
    background-color: #e74c3c !important;
}

.dark-mode .bg-danger,
.dark-mode .bg-danger > a {
    color: #fff !important;
}

.dark-mode .bg-danger.btn:hover {
    border-color: #d62c1a;
    color: #ececec;
}

.dark-mode .bg-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-danger.btn:active, .dark-mode .bg-danger.btn.active {
    background-color: #d62c1a !important;
    border-color: #ca2a19;
    color: #fff;
}

.dark-mode .bg-light {
    background-color: #f8f9fa !important;
}

.dark-mode .bg-light {
    color: #1f2d3d;
    background: #454d55 !important;
}

.dark-mode .bg-light > a {
    color: #1f2d3d !important;
    background: #454d55 !important;
}



.dark-mode .bg-light.btn:hover {
    border-color: #dae0e5;
    color: #121a24;
}

.dark-mode .bg-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-light.btn:active, .dark-mode .bg-light.btn.active {
    background-color: #dae0e5 !important;
    border-color: #d3d9df;
    color: #1f2d3d;
}


.dark-mode .bg-dark,
.dark-mode .bg-dark > a {
    color: #fff !important;
}

.dark-mode .bg-dark.btn:hover {
    border-color: #1d2124;
    color: #ececec;
}

.dark-mode .bg-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-dark.btn:active, .dark-mode .bg-dark.btn.active {
    background-color: #1d2124 !important;
    border-color: #171a1d;
    color: #fff;
}

.dark-mode .bg-lightblue {
    background-color: #86bad8 !important;
}

.dark-mode .bg-lightblue,
.dark-mode .bg-lightblue > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-lightblue.btn:hover {
    border-color: #5fa4cc;
    color: #121a24;
}

.dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-lightblue.btn:active, .dark-mode .bg-lightblue.btn.active {
    background-color: #5fa4cc !important;
    border-color: #559ec9;
    color: #fff;
}

.dark-mode .bg-navy {
    background-color: #002c59 !important;
}

.dark-mode .bg-navy,
.dark-mode .bg-navy > a {
    color: #fff !important;
}

.dark-mode .bg-navy.btn:hover {
    border-color: #001226;
    color: #ececec;
}

.dark-mode .bg-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-navy.btn:active, .dark-mode .bg-navy.btn.active {
    background-color: #001226 !important;
    border-color: #000c19;
    color: #fff;
}

.dark-mode .bg-olive {
    background-color: #74c8a3 !important;
}

.dark-mode .bg-olive,
.dark-mode .bg-olive > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-olive.btn:hover {
    border-color: #50b98a;
    color: #121a24;
}

.dark-mode .bg-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-olive.btn:active, .dark-mode .bg-olive.btn.active {
    background-color: #50b98a !important;
    border-color: #48b484;
    color: #fff;
}

.dark-mode .bg-lime {
    background-color: #67ffa9 !important;
}

.dark-mode .bg-lime,
.dark-mode .bg-lime > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-lime.btn:hover {
    border-color: #34ff8d;
    color: #121a24;
}

.dark-mode .bg-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-lime.btn:active, .dark-mode .bg-lime.btn.active {
    background-color: #34ff8d !important;
    border-color: #27ff86;
    color: #1f2d3d;
}

.dark-mode .bg-fuchsia {
    background-color: #f672d8 !important;
}

.dark-mode .bg-fuchsia,
.dark-mode .bg-fuchsia > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-fuchsia.btn:hover {
    border-color: #f342cb;
    color: #121a24;
}

.dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-fuchsia.btn:active, .dark-mode .bg-fuchsia.btn.active {
    background-color: #f342cb !important;
    border-color: #f236c8;
    color: #fff;
}

.dark-mode .bg-maroon {
    background-color: #ed6c9b !important;
}

.dark-mode .bg-maroon,
.dark-mode .bg-maroon > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-maroon.btn:hover {
    border-color: #e73f7c;
    color: #121a24;
}

.dark-mode .bg-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-maroon.btn:active, .dark-mode .bg-maroon.btn.active {
    background-color: #e73f7c !important;
    border-color: #e63475;
    color: #fff;
}

.dark-mode .bg-blue {
    background-color: #3f6791 !important;
}

.dark-mode .bg-blue,
.dark-mode .bg-blue > a {
    color: #fff !important;
}

.dark-mode .bg-blue.btn:hover {
    border-color: #304e6d;
    color: #ececec;
}

.dark-mode .bg-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-blue.btn:active, .dark-mode .bg-blue.btn.active {
    background-color: #304e6d !important;
    border-color: #2c4765;
    color: #fff;
}

.dark-mode .bg-indigo {
    background-color: #6610f2 !important;
}

.dark-mode .bg-indigo,
.dark-mode .bg-indigo > a {
    color: #fff !important;
}

.dark-mode .bg-indigo.btn:hover {
    border-color: #510bc4;
    color: #ececec;
}

.dark-mode .bg-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-indigo.btn:active, .dark-mode .bg-indigo.btn.active {
    background-color: #510bc4 !important;
    border-color: #4c0ab8;
    color: #fff;
}

.dark-mode .bg-purple {
    background-color: #6f42c1 !important;
}

.dark-mode .bg-purple,
.dark-mode .bg-purple > a {
    color: #fff !important;
}

.dark-mode .bg-purple.btn:hover {
    border-color: #59339d;
    color: #ececec;
}

.dark-mode .bg-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-purple.btn:active, .dark-mode .bg-purple.btn.active {
    background-color: #59339d !important;
    border-color: #533093;
    color: #fff;
}

.dark-mode .bg-pink {
    background-color: #e83e8c !important;
}

.dark-mode .bg-pink,
.dark-mode .bg-pink > a {
    color: #fff !important;
}

.dark-mode .bg-pink.btn:hover {
    border-color: #d91a72;
    color: #ececec;
}

.dark-mode .bg-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-pink.btn:active, .dark-mode .bg-pink.btn.active {
    background-color: #d91a72 !important;
    border-color: #ce196c;
    color: #fff;
}

.dark-mode .bg-red {
    background-color: #e74c3c !important;
}

.dark-mode .bg-red,
.dark-mode .bg-red > a {
    color: #fff !important;
}

.dark-mode .bg-red.btn:hover {
    border-color: #d62c1a;
    color: #ececec;
}

.dark-mode .bg-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-red.btn:active, .dark-mode .bg-red.btn.active {
    background-color: #d62c1a !important;
    border-color: #ca2a19;
    color: #fff;
}

.dark-mode .bg-orange {
    background-color: #fd7e14 !important;
}

.dark-mode .bg-orange,
.dark-mode .bg-orange > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-orange.btn:hover {
    border-color: #dc6502;
    color: #121a24;
}

.dark-mode .bg-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-orange.btn:active, .dark-mode .bg-orange.btn.active {
    background-color: #dc6502 !important;
    border-color: #cf5f02;
    color: #fff;
}

.dark-mode .bg-yellow {
    background-color: #f39c12 !important;
}

.dark-mode .bg-yellow,
.dark-mode .bg-yellow > a {
    color: #1f2d3d !important;
}

.dark-mode .bg-yellow.btn:hover {
    border-color: #c87f0a;
    color: #121a24;
}

.dark-mode .bg-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-yellow.btn:active, .dark-mode .bg-yellow.btn.active {
    background-color: #c87f0a !important;
    border-color: #bc770a;
    color: #fff;
}

.dark-mode .bg-green {
    background-color: #00bc8c !important;
}

.dark-mode .bg-green,
.dark-mode .bg-green > a {
    color: #fff !important;
}

.dark-mode .bg-green.btn:hover {
    border-color: #008966;
    color: #ececec;
}

.dark-mode .bg-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-green.btn:active, .dark-mode .bg-green.btn.active {
    background-color: #008966 !important;
    border-color: #007c5d;
    color: #fff;
}

.dark-mode .bg-teal {
    background-color: #20c997 !important;
}

.dark-mode .bg-teal,
.dark-mode .bg-teal > a {
    color: #fff !important;
}

.dark-mode .bg-teal.btn:hover {
    border-color: #199d76;
    color: #ececec;
}

.dark-mode .bg-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-teal.btn:active, .dark-mode .bg-teal.btn.active {
    background-color: #199d76 !important;
    border-color: #17926e;
    color: #fff;
}

.dark-mode .bg-cyan {
    background-color: #3498db !important;
}

.dark-mode .bg-cyan,
.dark-mode .bg-cyan > a {
    color: #fff !important;
}

.dark-mode .bg-cyan.btn:hover {
    border-color: #217dbb;
    color: #ececec;
}

.dark-mode .bg-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-cyan.btn:active, .dark-mode .bg-cyan.btn.active {
    background-color: #217dbb !important;
    border-color: #1f76b0;
    color: #fff;
}

.dark-mode .bg-white {
    background-color: #343a40 !important;
}


.dark-mode .bg-white.btn:hover {
    border-color: #e6e6e6;
    color: #121a24;
}

.dark-mode .bg-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-white.btn:active, .dark-mode .bg-white.btn.active {
    background-color: #e6e6e6 !important;
    border-color: #dfdfdf;
    color: #1f2d3d;
}

.dark-mode .bg-gray {
    background-color: #6c757d !important;
}

.dark-mode .bg-gray,
.dark-mode .bg-gray > a {
    color: #fff !important;
}

.dark-mode .bg-gray.btn:hover {
    border-color: #545b62;
    color: #ececec;
}

.dark-mode .bg-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gray.btn:active, .dark-mode .bg-gray.btn.active {
    background-color: #545b62 !important;
    border-color: #4e555b;
    color: #fff;
}

.dark-mode .bg-gray-dark {
    background-color: #343a40 !important;
}

.dark-mode .bg-gray-dark,
.dark-mode .bg-gray-dark > a {
    color: #fff !important;
}

.dark-mode .bg-gray-dark.btn:hover {
    border-color: #1d2124;
    color: #ececec;
}

.dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gray-dark.btn:active, .dark-mode .bg-gray-dark.btn.active {
    background-color: #1d2124 !important;
    border-color: #171a1d;
    color: #fff;
}

.dark-mode .bg-gradient-primary {
    background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-primary.btn.disabled, .dark-mode .bg-gradient-primary.btn:disabled, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-primary.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-primary.btn:hover {
    background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
    border-color: #304e6d;
    color: #ececec;
}

.dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-primary.btn:active, .dark-mode .bg-gradient-primary.btn.active {
    background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
    border-color: #2c4765;
    color: #fff;
}

.dark-mode .bg-gradient-secondary {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-secondary.btn.disabled, .dark-mode .bg-gradient-secondary.btn:disabled, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-secondary.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-secondary.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-secondary.btn:active, .dark-mode .bg-gradient-secondary.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.dark-mode .bg-gradient-success {
    background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-success.btn.disabled, .dark-mode .bg-gradient-success.btn:disabled, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-success.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-success.btn:hover {
    background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
    border-color: #008966;
    color: #ececec;
}

.dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-success.btn:active, .dark-mode .bg-gradient-success.btn.active {
    background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
    border-color: #007c5d;
    color: #fff;
}

.dark-mode .bg-gradient-info {
    background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-info.btn.disabled, .dark-mode .bg-gradient-info.btn:disabled, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-info.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-info.btn:hover {
    background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
    border-color: #217dbb;
    color: #ececec;
}

.dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-info.btn:active, .dark-mode .bg-gradient-info.btn.active {
    background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
    border-color: #1f76b0;
    color: #fff;
}

.dark-mode .bg-gradient-warning {
    background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-warning.btn.disabled, .dark-mode .bg-gradient-warning.btn:disabled, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-warning.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-warning.btn:hover {
    background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
    border-color: #c87f0a;
    color: #121a24;
}

.dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-warning.btn:active, .dark-mode .bg-gradient-warning.btn.active {
    background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
    border-color: #bc770a;
    color: #fff;
}

.dark-mode .bg-gradient-danger {
    background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-danger.btn.disabled, .dark-mode .bg-gradient-danger.btn:disabled, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-danger.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-danger.btn:hover {
    background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
    border-color: #d62c1a;
    color: #ececec;
}

.dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-danger.btn:active, .dark-mode .bg-gradient-danger.btn.active {
    background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
    border-color: #ca2a19;
    color: #fff;
}

.dark-mode .bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-light.btn.disabled, .dark-mode .bg-gradient-light.btn:disabled, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-light.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-light.btn:hover {
    background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
    border-color: #dae0e5;
    color: #121a24;
}

.dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-light.btn:active, .dark-mode .bg-gradient-light.btn.active {
    background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
    border-color: #d3d9df;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-dark.btn.disabled, .dark-mode .bg-gradient-dark.btn:disabled, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-dark.btn:active, .dark-mode .bg-gradient-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.dark-mode .bg-gradient-lightblue {
    background: #86bad8 linear-gradient(180deg, #98c4de, #86bad8) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-lightblue.btn.disabled, .dark-mode .bg-gradient-lightblue.btn:disabled, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-lightblue.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-lightblue.btn:hover {
    background: #86bad8 linear-gradient(180deg, #7fb6d6, #69a9cf) repeat-x !important;
    border-color: #5fa4cc;
    color: #121a24;
}

.dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lightblue.btn:active, .dark-mode .bg-gradient-lightblue.btn.active {
    background: #86bad8 linear-gradient(180deg, #77b2d4, #5fa4cc) repeat-x !important;
    border-color: #559ec9;
    color: #fff;
}

.dark-mode .bg-gradient-navy {
    background: #002c59 linear-gradient(180deg, #264b71, #002c59) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-navy.btn.disabled, .dark-mode .bg-gradient-navy.btn:disabled, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-navy.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-navy.btn:hover {
    background: #002c59 linear-gradient(180deg, #263b51, #001932) repeat-x !important;
    border-color: #001226;
    color: #ececec;
}

.dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-navy.btn:active, .dark-mode .bg-gradient-navy.btn.active {
    background: #002c59 linear-gradient(180deg, #263646, #001226) repeat-x !important;
    border-color: #000c19;
    color: #fff;
}

.dark-mode .bg-gradient-olive {
    background: #74c8a3 linear-gradient(180deg, #89d0b0, #74c8a3) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-olive.btn.disabled, .dark-mode .bg-gradient-olive.btn:disabled, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-olive.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-olive.btn:hover {
    background: #74c8a3 linear-gradient(180deg, #72c7a1, #59bd90) repeat-x !important;
    border-color: #50b98a;
    color: #121a24;
}

.dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-olive.btn:active, .dark-mode .bg-gradient-olive.btn.active {
    background: #74c8a3 linear-gradient(180deg, #6ac49c, #50b98a) repeat-x !important;
    border-color: #48b484;
    color: #fff;
}

.dark-mode .bg-gradient-lime {
    background: #67ffa9 linear-gradient(180deg, #7effb6, #67ffa9) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-lime.btn.disabled, .dark-mode .bg-gradient-lime.btn:disabled, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-lime.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-lime.btn:hover {
    background: #67ffa9 linear-gradient(180deg, #5dffa4, #41ff94) repeat-x !important;
    border-color: #34ff8d;
    color: #121a24;
}

.dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-lime.btn:active, .dark-mode .bg-gradient-lime.btn.active {
    background: #67ffa9 linear-gradient(180deg, #52ff9e, #34ff8d) repeat-x !important;
    border-color: #27ff86;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-fuchsia {
    background: #f672d8 linear-gradient(180deg, #f787de, #f672d8) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-fuchsia.btn.disabled, .dark-mode .bg-gradient-fuchsia.btn:disabled, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-fuchsia.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-fuchsia.btn:hover {
    background: #f672d8 linear-gradient(180deg, #f569d6, #f44ece) repeat-x !important;
    border-color: #f342cb;
    color: #121a24;
}

.dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-fuchsia.btn:active, .dark-mode .bg-gradient-fuchsia.btn.active {
    background: #f672d8 linear-gradient(180deg, #f55ed3, #f342cb) repeat-x !important;
    border-color: #f236c8;
    color: #fff;
}

.dark-mode .bg-gradient-maroon {
    background: #ed6c9b linear-gradient(180deg, #ef82aa, #ed6c9b) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-maroon.btn.disabled, .dark-mode .bg-gradient-maroon.btn:disabled, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-maroon.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-maroon.btn:hover {
    background: #ed6c9b linear-gradient(180deg, #ec6596, #e84a84) repeat-x !important;
    border-color: #e73f7c;
    color: #121a24;
}

.dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-maroon.btn:active, .dark-mode .bg-gradient-maroon.btn.active {
    background: #ed6c9b linear-gradient(180deg, #eb5c90, #e73f7c) repeat-x !important;
    border-color: #e63475;
    color: #fff;
}

.dark-mode .bg-gradient-blue {
    background: #3f6791 linear-gradient(180deg, #5c7ea2, #3f6791) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-blue.btn.disabled, .dark-mode .bg-gradient-blue.btn:disabled, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-blue.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-blue.btn:hover {
    background: #3f6791 linear-gradient(180deg, #526e8b, #335476) repeat-x !important;
    border-color: #304e6d;
    color: #ececec;
}

.dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-blue.btn:active, .dark-mode .bg-gradient-blue.btn.active {
    background: #3f6791 linear-gradient(180deg, #4f6883, #304e6d) repeat-x !important;
    border-color: #2c4765;
    color: #fff;
}

.dark-mode .bg-gradient-indigo {
    background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-indigo.btn.disabled, .dark-mode .bg-gradient-indigo.btn:disabled, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-indigo.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-indigo.btn:hover {
    background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
    border-color: #510bc4;
    color: #ececec;
}

.dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-indigo.btn:active, .dark-mode .bg-gradient-indigo.btn.active {
    background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
    border-color: #4c0ab8;
    color: #fff;
}

.dark-mode .bg-gradient-purple {
    background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-purple.btn.disabled, .dark-mode .bg-gradient-purple.btn:disabled, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-purple.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-purple.btn:hover {
    background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
    border-color: #59339d;
    color: #ececec;
}

.dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-purple.btn:active, .dark-mode .bg-gradient-purple.btn.active {
    background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
    border-color: #533093;
    color: #fff;
}

.dark-mode .bg-gradient-pink {
    background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-pink.btn.disabled, .dark-mode .bg-gradient-pink.btn:disabled, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-pink.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-pink.btn:hover {
    background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
    border-color: #d91a72;
    color: #ececec;
}

.dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-pink.btn:active, .dark-mode .bg-gradient-pink.btn.active {
    background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
    border-color: #ce196c;
    color: #fff;
}

.dark-mode .bg-gradient-red {
    background: #e74c3c linear-gradient(180deg, #eb6759, #e74c3c) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-red.btn.disabled, .dark-mode .bg-gradient-red.btn:disabled, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-red.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-red.btn:hover {
    background: #e74c3c linear-gradient(180deg, #e64d3e, #e12e1c) repeat-x !important;
    border-color: #d62c1a;
    color: #ececec;
}

.dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-red.btn:active, .dark-mode .bg-gradient-red.btn.active {
    background: #e74c3c linear-gradient(180deg, #dc4c3d, #d62c1a) repeat-x !important;
    border-color: #ca2a19;
    color: #fff;
}

.dark-mode .bg-gradient-orange {
    background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-orange.btn.disabled, .dark-mode .bg-gradient-orange.btn:disabled, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-orange.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-orange.btn:hover {
    background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
    border-color: #dc6502;
    color: #121a24;
}

.dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-orange.btn:active, .dark-mode .bg-gradient-orange.btn.active {
    background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
    border-color: #cf5f02;
    color: #fff;
}

.dark-mode .bg-gradient-yellow {
    background: #f39c12 linear-gradient(180deg, #f5ab36, #f39c12) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-yellow.btn.disabled, .dark-mode .bg-gradient-yellow.btn:disabled, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-yellow.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-yellow.btn:hover {
    background: #f39c12 linear-gradient(180deg, #da982f, #d4860b) repeat-x !important;
    border-color: #c87f0a;
    color: #121a24;
}

.dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-yellow.btn:active, .dark-mode .bg-gradient-yellow.btn.active {
    background: #f39c12 linear-gradient(180deg, #d0922f, #c87f0a) repeat-x !important;
    border-color: #bc770a;
    color: #fff;
}

.dark-mode .bg-gradient-green {
    background: #00bc8c linear-gradient(180deg, #26c69d, #00bc8c) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-green.btn.disabled, .dark-mode .bg-gradient-green.btn:disabled, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-green.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-green.btn:hover {
    background: #00bc8c linear-gradient(180deg, #26a685, #009670) repeat-x !important;
    border-color: #008966;
    color: #ececec;
}

.dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-green.btn:active, .dark-mode .bg-gradient-green.btn.active {
    background: #00bc8c linear-gradient(180deg, #269b7d, #008966) repeat-x !important;
    border-color: #007c5d;
    color: #fff;
}

.dark-mode .bg-gradient-teal {
    background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-teal.btn.disabled, .dark-mode .bg-gradient-teal.btn:disabled, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-teal.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-teal.btn:hover {
    background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
    border-color: #199d76;
    color: #ececec;
}

.dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-teal.btn:active, .dark-mode .bg-gradient-teal.btn.active {
    background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
    border-color: #17926e;
    color: #fff;
}

.dark-mode .bg-gradient-cyan {
    background: #3498db linear-gradient(180deg, #52a7e0, #3498db) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-cyan.btn.disabled, .dark-mode .bg-gradient-cyan.btn:disabled, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-cyan.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-cyan.btn:hover {
    background: #3498db linear-gradient(180deg, #4497ce, #2384c6) repeat-x !important;
    border-color: #217dbb;
    color: #ececec;
}

.dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-cyan.btn:active, .dark-mode .bg-gradient-cyan.btn.active {
    background: #3498db linear-gradient(180deg, #4291c5, #217dbb) repeat-x !important;
    border-color: #1f76b0;
    color: #fff;
}

.dark-mode .bg-gradient-white {
    background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-white.btn.disabled, .dark-mode .bg-gradient-white.btn:disabled, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-white.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-white.btn:hover {
    background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
    border-color: #e6e6e6;
    color: #121a24;
}

.dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-white.btn:active, .dark-mode .bg-gradient-white.btn.active {
    background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
    border-color: #dfdfdf;
    color: #1f2d3d;
}

.dark-mode .bg-gradient-gray {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-gray.btn.disabled, .dark-mode .bg-gradient-gray.btn:disabled, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-gray.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-gray.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray.btn:active, .dark-mode .bg-gradient-gray.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.dark-mode .bg-gradient-gray-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.dark-mode .bg-gradient-gray-dark.btn.disabled, .dark-mode .bg-gradient-gray-dark.btn:disabled, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show > .dark-mode .bg-gradient-gray-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.dark-mode .bg-gradient-gray-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .dark-mode .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-gray-dark.btn:active, .dark-mode .bg-gradient-gray-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.dark-mode .accent-primary .btn-link,
.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-primary .nav-tabs .nav-link {
    color: #3f6791;
}

.dark-mode .accent-primary .btn-link:hover,
.dark-mode .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-primary .nav-tabs .nav-link:hover {
    color: #28415c;
}

.dark-mode .accent-primary .dropdown-item:active, .dark-mode .accent-primary .dropdown-item.active {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .accent-primary .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-primary .custom-select:focus,
.dark-mode .accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-primary .custom-file-input:focus ~ .custom-file-label {
    border-color: #85a7ca;
}

.dark-mode .accent-primary .page-item .page-link {
    color: #3f6791;
}

.dark-mode .accent-primary .page-item.active a,
.dark-mode .accent-primary .page-item.active .page-link {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

.dark-mode .accent-primary .page-item.disabled a,
.dark-mode .accent-primary .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-primary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-primary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-primary .page-item .page-link:hover, .dark-mode .dark-mode.accent-primary .page-item .page-link:focus {
    color: #4774a3;
}

.dark-mode .accent-secondary .btn-link,
.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-secondary .nav-tabs .nav-link {
    color: #6c757d;
}

.dark-mode .accent-secondary .btn-link:hover,
.dark-mode .accent-secondary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-secondary .nav-tabs .nav-link:hover {
    color: #494f54;
}

.dark-mode .accent-secondary .dropdown-item:active, .dark-mode .accent-secondary .dropdown-item.active {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .accent-secondary .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-secondary .custom-select:focus,
.dark-mode .accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-secondary .custom-file-input:focus ~ .custom-file-label {
    border-color: #afb5ba;
}

.dark-mode .accent-secondary .page-item .page-link {
    color: #6c757d;
}

.dark-mode .accent-secondary .page-item.active a,
.dark-mode .accent-secondary .page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .accent-secondary .page-item.disabled a,
.dark-mode .accent-secondary .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-secondary [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-secondary [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-secondary .page-item .page-link:hover, .dark-mode .dark-mode.accent-secondary .page-item .page-link:focus {
    color: #78828a;
}

.dark-mode .accent-success .btn-link,
.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-success .nav-tabs .nav-link {
    color: #00bc8c;
}

.dark-mode .accent-success .btn-link:hover,
.dark-mode .accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-success .nav-tabs .nav-link:hover {
    color: #007053;
}

.dark-mode .accent-success .dropdown-item:active, .dark-mode .accent-success .dropdown-item.active {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .accent-success .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-success .custom-select:focus,
.dark-mode .accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-success .custom-file-input:focus ~ .custom-file-label {
    border-color: #3dffcd;
}

.dark-mode .accent-success .page-item .page-link {
    color: #00bc8c;
}

.dark-mode .accent-success .page-item.active a,
.dark-mode .accent-success .page-item.active .page-link {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

.dark-mode .accent-success .page-item.disabled a,
.dark-mode .accent-success .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-success [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-success [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-success .page-item .page-link:hover, .dark-mode .dark-mode.accent-success .page-item .page-link:focus {
    color: #00d69f;
}

.dark-mode .accent-info .btn-link,
.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-info .nav-tabs .nav-link {
    color: #3498db;
}

.dark-mode .accent-info .btn-link:hover,
.dark-mode .accent-info a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-info .nav-tabs .nav-link:hover {
    color: #1d6fa5;
}

.dark-mode .accent-info .dropdown-item:active, .dark-mode .accent-info .dropdown-item.active {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .accent-info .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-info .custom-select:focus,
.dark-mode .accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-info .custom-file-input:focus ~ .custom-file-label {
    border-color: #a0cfee;
}

.dark-mode .accent-info .page-item .page-link {
    color: #3498db;
}

.dark-mode .accent-info .page-item.active a,
.dark-mode .accent-info .page-item.active .page-link {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

.dark-mode .accent-info .page-item.disabled a,
.dark-mode .accent-info .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-info [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-info [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-info .page-item .page-link:hover, .dark-mode .dark-mode.accent-info .page-item .page-link:focus {
    color: #4aa3df;
}

.dark-mode .accent-warning .btn-link,
.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-warning .nav-tabs .nav-link {
    color: #f39c12;
}

.dark-mode .accent-warning .btn-link:hover,
.dark-mode .accent-warning a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-warning .nav-tabs .nav-link:hover {
    color: #b06f09;
}

.dark-mode .accent-warning .dropdown-item:active, .dark-mode .accent-warning .dropdown-item.active {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .accent-warning .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-warning .custom-select:focus,
.dark-mode .accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-warning .custom-file-input:focus ~ .custom-file-label {
    border-color: #f9cf8b;
}

.dark-mode .accent-warning .page-item .page-link {
    color: #f39c12;
}

.dark-mode .accent-warning .page-item.active a,
.dark-mode .accent-warning .page-item.active .page-link {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.dark-mode .accent-warning .page-item.disabled a,
.dark-mode .accent-warning .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-warning [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-warning [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-warning .page-item .page-link:hover, .dark-mode .dark-mode.accent-warning .page-item .page-link:focus {
    color: #f4a62a;
}

.dark-mode .accent-danger .btn-link,
.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-danger .nav-tabs .nav-link {
    color: #e74c3c;
}

.dark-mode .accent-danger .btn-link:hover,
.dark-mode .accent-danger a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-danger .nav-tabs .nav-link:hover {
    color: #bf2718;
}

.dark-mode .accent-danger .dropdown-item:active, .dark-mode .accent-danger .dropdown-item.active {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .accent-danger .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-danger .custom-select:focus,
.dark-mode .accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-danger .custom-file-input:focus ~ .custom-file-label {
    border-color: #f5b4ae;
}

.dark-mode .accent-danger .page-item .page-link {
    color: #e74c3c;
}

.dark-mode .accent-danger .page-item.active a,
.dark-mode .accent-danger .page-item.active .page-link {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.dark-mode .accent-danger .page-item.disabled a,
.dark-mode .accent-danger .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-danger [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-danger [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-danger .page-item .page-link:hover, .dark-mode .dark-mode.accent-danger .page-item .page-link:focus {
    color: #ea6153;
}

.dark-mode .accent-light .btn-link,
.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-light .nav-tabs .nav-link {
    color: #f8f9fa;
}

.dark-mode .accent-light .btn-link:hover,
.dark-mode .accent-light a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-light .nav-tabs .nav-link:hover {
    color: #cbd3da;
}

.dark-mode .accent-light .dropdown-item:active, .dark-mode .accent-light .dropdown-item.active {
    background-color: #f8f9fa;
    color: #1f2d3d;
}

.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f8f9fa;
    border-color: #bdc6d0;
}

.dark-mode .accent-light .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-light .custom-select:focus,
.dark-mode .accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-light .custom-file-input:focus ~ .custom-file-label {
    border-color: white;
}

.dark-mode .accent-light .page-item .page-link {
    color: #f8f9fa;
}

.dark-mode .accent-light .page-item.active a,
.dark-mode .accent-light .page-item.active .page-link {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #fff;
}

.dark-mode .accent-light .page-item.disabled a,
.dark-mode .accent-light .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-light [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-light [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-light .page-item .page-link:hover, .dark-mode .dark-mode.accent-light .page-item .page-link:focus {
    color: white;
}

.dark-mode .accent-dark .btn-link,
.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-dark .nav-tabs .nav-link {
    color: #343a40;
}

.dark-mode .accent-dark .btn-link:hover,
.dark-mode .accent-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-dark .nav-tabs .nav-link:hover {
    color: #121416;
}

.dark-mode .accent-dark .dropdown-item:active, .dark-mode .accent-dark .dropdown-item.active {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .accent-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-dark .custom-select:focus,
.dark-mode .accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-dark .custom-file-input:focus ~ .custom-file-label {
    border-color: #6d7a86;
}

.dark-mode .accent-dark .page-item .page-link {
    color: #343a40;
}

.dark-mode .accent-dark .page-item.active a,
.dark-mode .accent-dark .page-item.active .page-link {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.dark-mode .accent-dark .page-item.disabled a,
.dark-mode .accent-dark .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-dark .page-item .page-link:focus {
    color: #3f474e;
}

.dark-mode [class*="accent-"] a.btn-primary {
    color: #fff;
}

.dark-mode [class*="accent-"] a.btn-secondary {
    color: #fff;
}

.dark-mode [class*="accent-"] a.btn-success {
    color: #fff;
}

.dark-mode [class*="accent-"] a.btn-info {
    color: #fff;
}

.dark-mode [class*="accent-"] a.btn-warning {
    color: #1f2d3d;
}

.dark-mode [class*="accent-"] a.btn-danger {
    color: #fff;
}

.dark-mode [class*="accent-"] a.btn-light {
    color: #1f2d3d;
}

.dark-mode [class*="accent-"] a.btn-dark {
    color: #fff;
}

.dark-mode .accent-lightblue .btn-link,
.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-lightblue .nav-tabs .nav-link {
    color: #86bad8;
}

.dark-mode .accent-lightblue .btn-link:hover,
.dark-mode .accent-lightblue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-lightblue .nav-tabs .nav-link:hover {
    color: #4c99c6;
}

.dark-mode .accent-lightblue .dropdown-item:active, .dark-mode .accent-lightblue .dropdown-item.active {
    background-color: #86bad8;
    color: #1f2d3d;
}

.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #86bad8;
    border-color: #3c8dbc;
}

.dark-mode .accent-lightblue .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-lightblue .custom-select:focus,
.dark-mode .accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-lightblue .custom-file-input:focus ~ .custom-file-label {
    border-color: #e6f1f7;
}

.dark-mode .accent-lightblue .page-item .page-link {
    color: #86bad8;
}

.dark-mode .accent-lightblue .page-item.active a,
.dark-mode .accent-lightblue .page-item.active .page-link {
    background-color: #86bad8;
    border-color: #86bad8;
    color: #fff;
}

.dark-mode .accent-lightblue .page-item.disabled a,
.dark-mode .accent-lightblue .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-lightblue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-lightblue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-lightblue .page-item .page-link:hover, .dark-mode .dark-mode.accent-lightblue .page-item .page-link:focus {
    color: #99c5de;
}

.dark-mode .accent-navy .btn-link,
.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-navy .nav-tabs .nav-link {
    color: #002c59;
}

.dark-mode .accent-navy .btn-link:hover,
.dark-mode .accent-navy a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-navy .nav-tabs .nav-link:hover {
    color: #00060c;
}

.dark-mode .accent-navy .dropdown-item:active, .dark-mode .accent-navy .dropdown-item.active {
    background-color: #002c59;
    color: #fff;
}

.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #002c59;
    border-color: black;
}

.dark-mode .accent-navy .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-navy .custom-select:focus,
.dark-mode .accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-navy .custom-file-input:focus ~ .custom-file-label {
    border-color: #006ad8;
}

.dark-mode .accent-navy .page-item .page-link {
    color: #002c59;
}

.dark-mode .accent-navy .page-item.active a,
.dark-mode .accent-navy .page-item.active .page-link {
    background-color: #002c59;
    border-color: #002c59;
    color: #fff;
}

.dark-mode .accent-navy .page-item.disabled a,
.dark-mode .accent-navy .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-navy [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-navy [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-navy .page-item .page-link:hover, .dark-mode .dark-mode.accent-navy .page-item .page-link:focus {
    color: #003872;
}

.dark-mode .accent-olive .btn-link,
.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-olive .nav-tabs .nav-link {
    color: #74c8a3;
}

.dark-mode .accent-olive .btn-link:hover,
.dark-mode .accent-olive a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-olive .nav-tabs .nav-link:hover {
    color: #44ab7d;
}

.dark-mode .accent-olive .dropdown-item:active, .dark-mode .accent-olive .dropdown-item.active {
    background-color: #74c8a3;
    color: #1f2d3d;
}

.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #74c8a3;
    border-color: #3d9970;
}

.dark-mode .accent-olive .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-olive .custom-select:focus,
.dark-mode .accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-olive .custom-file-input:focus ~ .custom-file-label {
    border-color: #cfecdf;
}

.dark-mode .accent-olive .page-item .page-link {
    color: #74c8a3;
}

.dark-mode .accent-olive .page-item.active a,
.dark-mode .accent-olive .page-item.active .page-link {
    background-color: #74c8a3;
    border-color: #74c8a3;
    color: #fff;
}

.dark-mode .accent-olive .page-item.disabled a,
.dark-mode .accent-olive .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-olive [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-olive [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-olive .page-item .page-link:hover, .dark-mode .dark-mode.accent-olive .page-item .page-link:focus {
    color: #87cfaf;
}

.dark-mode .accent-lime .btn-link,
.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-lime .nav-tabs .nav-link {
    color: #67ffa9;
}

.dark-mode .accent-lime .btn-link:hover,
.dark-mode .accent-lime a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-lime .nav-tabs .nav-link:hover {
    color: #1bff7e;
}

.dark-mode .accent-lime .dropdown-item:active, .dark-mode .accent-lime .dropdown-item.active {
    background-color: #67ffa9;
    color: #1f2d3d;
}

.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #67ffa9;
    border-color: #01ff70;
}

.dark-mode .accent-lime .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-lime .custom-select:focus,
.dark-mode .accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-lime .custom-file-input:focus ~ .custom-file-label {
    border-color: #e7fff1;
}

.dark-mode .accent-lime .page-item .page-link {
    color: #67ffa9;
}

.dark-mode .accent-lime .page-item.active a,
.dark-mode .accent-lime .page-item.active .page-link {
    background-color: #67ffa9;
    border-color: #67ffa9;
    color: #fff;
}

.dark-mode .accent-lime .page-item.disabled a,
.dark-mode .accent-lime .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-lime [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-lime [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-lime .page-item .page-link:hover, .dark-mode .dark-mode.accent-lime .page-item .page-link:focus {
    color: #81ffb8;
}

.dark-mode .accent-fuchsia .btn-link,
.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-fuchsia .nav-tabs .nav-link {
    color: #f672d8;
}

.dark-mode .accent-fuchsia .btn-link:hover,
.dark-mode .accent-fuchsia a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-fuchsia .nav-tabs .nav-link:hover {
    color: #f22ac5;
}

.dark-mode .accent-fuchsia .dropdown-item:active, .dark-mode .accent-fuchsia .dropdown-item.active {
    background-color: #f672d8;
    color: #1f2d3d;
}

.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f672d8;
    border-color: #f012be;
}

.dark-mode .accent-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-fuchsia .custom-select:focus,
.dark-mode .accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-fuchsia .custom-file-input:focus ~ .custom-file-label {
    border-color: #feeaf9;
}

.dark-mode .accent-fuchsia .page-item .page-link {
    color: #f672d8;
}

.dark-mode .accent-fuchsia .page-item.active a,
.dark-mode .accent-fuchsia .page-item.active .page-link {
    background-color: #f672d8;
    border-color: #f672d8;
    color: #fff;
}

.dark-mode .accent-fuchsia .page-item.disabled a,
.dark-mode .accent-fuchsia .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-fuchsia [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-fuchsia [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-fuchsia .page-item .page-link:hover, .dark-mode .dark-mode.accent-fuchsia .page-item .page-link:focus {
    color: #f88adf;
}

.dark-mode .accent-maroon .btn-link,
.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-maroon .nav-tabs .nav-link {
    color: #ed6c9b;
}

.dark-mode .accent-maroon .btn-link:hover,
.dark-mode .accent-maroon a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-maroon .nav-tabs .nav-link:hover {
    color: #e4286d;
}

.dark-mode .accent-maroon .dropdown-item:active, .dark-mode .accent-maroon .dropdown-item.active {
    background-color: #ed6c9b;
    color: #1f2d3d;
}

.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ed6c9b;
    border-color: #d81b60;
}

.dark-mode .accent-maroon .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-maroon .custom-select:focus,
.dark-mode .accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-maroon .custom-file-input:focus ~ .custom-file-label {
    border-color: #fbdee8;
}

.dark-mode .accent-maroon .page-item .page-link {
    color: #ed6c9b;
}

.dark-mode .accent-maroon .page-item.active a,
.dark-mode .accent-maroon .page-item.active .page-link {
    background-color: #ed6c9b;
    border-color: #ed6c9b;
    color: #fff;
}

.dark-mode .accent-maroon .page-item.disabled a,
.dark-mode .accent-maroon .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-maroon [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-maroon [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-maroon .page-item .page-link:hover, .dark-mode .dark-mode.accent-maroon .page-item .page-link:focus {
    color: #f083ab;
}

.dark-mode .accent-blue .btn-link,
.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-blue .nav-tabs .nav-link {
    color: #3f6791;
}

.dark-mode .accent-blue .btn-link:hover,
.dark-mode .accent-blue a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-blue .nav-tabs .nav-link:hover {
    color: #28415c;
}

.dark-mode .accent-blue .dropdown-item:active, .dark-mode .accent-blue .dropdown-item.active {
    background-color: #3f6791;
    color: #fff;
}

.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3f6791;
    border-color: #20344a;
}

.dark-mode .accent-blue .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-blue .custom-select:focus,
.dark-mode .accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-blue .custom-file-input:focus ~ .custom-file-label {
    border-color: #85a7ca;
}

.dark-mode .accent-blue .page-item .page-link {
    color: #3f6791;
}

.dark-mode .accent-blue .page-item.active a,
.dark-mode .accent-blue .page-item.active .page-link {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

.dark-mode .accent-blue .page-item.disabled a,
.dark-mode .accent-blue .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-blue [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-blue [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-blue .page-item .page-link:hover, .dark-mode .dark-mode.accent-blue .page-item .page-link:focus {
    color: #4774a3;
}

.dark-mode .accent-indigo .btn-link,
.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-indigo .nav-tabs .nav-link {
    color: #6610f2;
}

.dark-mode .accent-indigo .btn-link:hover,
.dark-mode .accent-indigo a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-indigo .nav-tabs .nav-link:hover {
    color: #4709ac;
}

.dark-mode .accent-indigo .dropdown-item:active, .dark-mode .accent-indigo .dropdown-item.active {
    background-color: #6610f2;
    color: #fff;
}

.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6610f2;
    border-color: #3d0894;
}

.dark-mode .accent-indigo .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-indigo .custom-select:focus,
.dark-mode .accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-indigo .custom-file-input:focus ~ .custom-file-label {
    border-color: #b389f9;
}

.dark-mode .accent-indigo .page-item .page-link {
    color: #6610f2;
}

.dark-mode .accent-indigo .page-item.active a,
.dark-mode .accent-indigo .page-item.active .page-link {
    background-color: #6610f2;
    border-color: #6610f2;
    color: #fff;
}

.dark-mode .accent-indigo .page-item.disabled a,
.dark-mode .accent-indigo .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-indigo [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-indigo [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-indigo .page-item .page-link:hover, .dark-mode .dark-mode.accent-indigo .page-item .page-link:focus {
    color: #7528f3;
}

.dark-mode .accent-purple .btn-link,
.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-purple .nav-tabs .nav-link {
    color: #6f42c1;
}

.dark-mode .accent-purple .btn-link:hover,
.dark-mode .accent-purple a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-purple .nav-tabs .nav-link:hover {
    color: #4e2d89;
}

.dark-mode .accent-purple .dropdown-item:active, .dark-mode .accent-purple .dropdown-item.active {
    background-color: #6f42c1;
    color: #fff;
}

.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6f42c1;
    border-color: #432776;
}

.dark-mode .accent-purple .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-purple .custom-select:focus,
.dark-mode .accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-purple .custom-file-input:focus ~ .custom-file-label {
    border-color: #b8a2e0;
}

.dark-mode .accent-purple .page-item .page-link {
    color: #6f42c1;
}

.dark-mode .accent-purple .page-item.active a,
.dark-mode .accent-purple .page-item.active .page-link {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

.dark-mode .accent-purple .page-item.disabled a,
.dark-mode .accent-purple .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-purple [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-purple [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-purple .page-item .page-link:hover, .dark-mode .dark-mode.accent-purple .page-item .page-link:focus {
    color: #7e55c7;
}

.dark-mode .accent-pink .btn-link,
.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-pink .nav-tabs .nav-link {
    color: #e83e8c;
}

.dark-mode .accent-pink .btn-link:hover,
.dark-mode .accent-pink a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-pink .nav-tabs .nav-link:hover {
    color: #c21766;
}

.dark-mode .accent-pink .dropdown-item:active, .dark-mode .accent-pink .dropdown-item.active {
    background-color: #e83e8c;
    color: #fff;
}

.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e83e8c;
    border-color: #ac145a;
}

.dark-mode .accent-pink .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-pink .custom-select:focus,
.dark-mode .accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-pink .custom-file-input:focus ~ .custom-file-label {
    border-color: #f6b0d0;
}

.dark-mode .accent-pink .page-item .page-link {
    color: #e83e8c;
}

.dark-mode .accent-pink .page-item.active a,
.dark-mode .accent-pink .page-item.active .page-link {
    background-color: #e83e8c;
    border-color: #e83e8c;
    color: #fff;
}

.dark-mode .accent-pink .page-item.disabled a,
.dark-mode .accent-pink .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-pink [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-pink [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-pink .page-item .page-link:hover, .dark-mode .dark-mode.accent-pink .page-item .page-link:focus {
    color: #eb559a;
}

.dark-mode .accent-red .btn-link,
.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-red .nav-tabs .nav-link {
    color: #e74c3c;
}

.dark-mode .accent-red .btn-link:hover,
.dark-mode .accent-red a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-red .nav-tabs .nav-link:hover {
    color: #bf2718;
}

.dark-mode .accent-red .dropdown-item:active, .dark-mode .accent-red .dropdown-item.active {
    background-color: #e74c3c;
    color: #fff;
}

.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e74c3c;
    border-color: #a82315;
}

.dark-mode .accent-red .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-red .custom-select:focus,
.dark-mode .accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-red .custom-file-input:focus ~ .custom-file-label {
    border-color: #f5b4ae;
}

.dark-mode .accent-red .page-item .page-link {
    color: #e74c3c;
}

.dark-mode .accent-red .page-item.active a,
.dark-mode .accent-red .page-item.active .page-link {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.dark-mode .accent-red .page-item.disabled a,
.dark-mode .accent-red .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-red [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-red [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-red .page-item .page-link:hover, .dark-mode .dark-mode.accent-red .page-item .page-link:focus {
    color: #ea6153;
}

.dark-mode .accent-orange .btn-link,
.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-orange .nav-tabs .nav-link {
    color: #fd7e14;
}

.dark-mode .accent-orange .btn-link:hover,
.dark-mode .accent-orange a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-orange .nav-tabs .nav-link:hover {
    color: #c35a02;
}

.dark-mode .accent-orange .dropdown-item:active, .dark-mode .accent-orange .dropdown-item.active {
    background-color: #fd7e14;
    color: #1f2d3d;
}

.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fd7e14;
    border-color: #aa4e01;
}

.dark-mode .accent-orange .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-orange .custom-select:focus,
.dark-mode .accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-orange .custom-file-input:focus ~ .custom-file-label {
    border-color: #fec392;
}

.dark-mode .accent-orange .page-item .page-link {
    color: #fd7e14;
}

.dark-mode .accent-orange .page-item.active a,
.dark-mode .accent-orange .page-item.active .page-link {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #fff;
}

.dark-mode .accent-orange .page-item.disabled a,
.dark-mode .accent-orange .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-orange [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-orange [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-orange .page-item .page-link:hover, .dark-mode .dark-mode.accent-orange .page-item .page-link:focus {
    color: #fd8c2d;
}

.dark-mode .accent-yellow .btn-link,
.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-yellow .nav-tabs .nav-link {
    color: #f39c12;
}

.dark-mode .accent-yellow .btn-link:hover,
.dark-mode .accent-yellow a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-yellow .nav-tabs .nav-link:hover {
    color: #b06f09;
}

.dark-mode .accent-yellow .dropdown-item:active, .dark-mode .accent-yellow .dropdown-item.active {
    background-color: #f39c12;
    color: #1f2d3d;
}

.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f39c12;
    border-color: #976008;
}

.dark-mode .accent-yellow .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-yellow .custom-select:focus,
.dark-mode .accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-yellow .custom-file-input:focus ~ .custom-file-label {
    border-color: #f9cf8b;
}

.dark-mode .accent-yellow .page-item .page-link {
    color: #f39c12;
}

.dark-mode .accent-yellow .page-item.active a,
.dark-mode .accent-yellow .page-item.active .page-link {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.dark-mode .accent-yellow .page-item.disabled a,
.dark-mode .accent-yellow .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-yellow [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-yellow [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-yellow .page-item .page-link:hover, .dark-mode .dark-mode.accent-yellow .page-item .page-link:focus {
    color: #f4a62a;
}

.dark-mode .accent-green .btn-link,
.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-green .nav-tabs .nav-link {
    color: #00bc8c;
}

.dark-mode .accent-green .btn-link:hover,
.dark-mode .accent-green a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-green .nav-tabs .nav-link:hover {
    color: #007053;
}

.dark-mode .accent-green .dropdown-item:active, .dark-mode .accent-green .dropdown-item.active {
    background-color: #00bc8c;
    color: #fff;
}

.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bc8c;
    border-color: #005640;
}

.dark-mode .accent-green .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-green .custom-select:focus,
.dark-mode .accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-green .custom-file-input:focus ~ .custom-file-label {
    border-color: #3dffcd;
}

.dark-mode .accent-green .page-item .page-link {
    color: #00bc8c;
}

.dark-mode .accent-green .page-item.active a,
.dark-mode .accent-green .page-item.active .page-link {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

.dark-mode .accent-green .page-item.disabled a,
.dark-mode .accent-green .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-green [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-green [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-green .page-item .page-link:hover, .dark-mode .dark-mode.accent-green .page-item .page-link:focus {
    color: #00d69f;
}

.dark-mode .accent-teal .btn-link,
.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-teal .nav-tabs .nav-link {
    color: #20c997;
}

.dark-mode .accent-teal .btn-link:hover,
.dark-mode .accent-teal a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-teal .nav-tabs .nav-link:hover {
    color: #158765;
}

.dark-mode .accent-teal .dropdown-item:active, .dark-mode .accent-teal .dropdown-item.active {
    background-color: #20c997;
    color: #fff;
}

.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #20c997;
    border-color: #127155;
}

.dark-mode .accent-teal .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-teal .custom-select:focus,
.dark-mode .accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-teal .custom-file-input:focus ~ .custom-file-label {
    border-color: #7eeaca;
}

.dark-mode .accent-teal .page-item .page-link {
    color: #20c997;
}

.dark-mode .accent-teal .page-item.active a,
.dark-mode .accent-teal .page-item.active .page-link {
    background-color: #20c997;
    border-color: #20c997;
    color: #fff;
}

.dark-mode .accent-teal .page-item.disabled a,
.dark-mode .accent-teal .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-teal [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-teal [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-teal .page-item .page-link:hover, .dark-mode .dark-mode.accent-teal .page-item .page-link:focus {
    color: #26dca6;
}

.dark-mode .accent-cyan .btn-link,
.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-cyan .nav-tabs .nav-link {
    color: #3498db;
}

.dark-mode .accent-cyan .btn-link:hover,
.dark-mode .accent-cyan a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-cyan .nav-tabs .nav-link:hover {
    color: #1d6fa5;
}

.dark-mode .accent-cyan .dropdown-item:active, .dark-mode .accent-cyan .dropdown-item.active {
    background-color: #3498db;
    color: #fff;
}

.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3498db;
    border-color: #196090;
}

.dark-mode .accent-cyan .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-cyan .custom-select:focus,
.dark-mode .accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-cyan .custom-file-input:focus ~ .custom-file-label {
    border-color: #a0cfee;
}

.dark-mode .accent-cyan .page-item .page-link {
    color: #3498db;
}

.dark-mode .accent-cyan .page-item.active a,
.dark-mode .accent-cyan .page-item.active .page-link {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

.dark-mode .accent-cyan .page-item.disabled a,
.dark-mode .accent-cyan .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-cyan [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-cyan [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-cyan .page-item .page-link:hover, .dark-mode .dark-mode.accent-cyan .page-item .page-link:focus {
    color: #4aa3df;
}

.dark-mode .accent-white .btn-link,
.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-white .nav-tabs .nav-link {
    color: #fff;
}

.dark-mode .accent-white .btn-link:hover,
.dark-mode .accent-white a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-white .nav-tabs .nav-link:hover {
    color: #d9d9d9;
}

.dark-mode .accent-white .dropdown-item:active, .dark-mode .accent-white .dropdown-item.active {
    background-color: #fff;
    color: #1f2d3d;
}

.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #cccccc;
}

.dark-mode .accent-white .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231f2d3d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-white .custom-select:focus,
.dark-mode .accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-white .custom-file-input:focus ~ .custom-file-label {
    border-color: white;
}

.dark-mode .accent-white .page-item .page-link {
    color: #fff;
}

.dark-mode .accent-white .page-item.active a,
.dark-mode .accent-white .page-item.active .page-link {
    background-color: #fff;
    border-color: #fff;
    color: #fff;
}

.dark-mode .accent-white .page-item.disabled a,
.dark-mode .accent-white .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-white [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-white [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-white .page-item .page-link:hover, .dark-mode .dark-mode.accent-white .page-item .page-link:focus {
    color: white;
}

.dark-mode .accent-gray .btn-link,
.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-gray .nav-tabs .nav-link {
    color: #6c757d;
}

.dark-mode .accent-gray .btn-link:hover,
.dark-mode .accent-gray a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-gray .nav-tabs .nav-link:hover {
    color: #494f54;
}

.dark-mode .accent-gray .dropdown-item:active, .dark-mode .accent-gray .dropdown-item.active {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.dark-mode .accent-gray .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-gray .custom-select:focus,
.dark-mode .accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-gray .custom-file-input:focus ~ .custom-file-label {
    border-color: #afb5ba;
}

.dark-mode .accent-gray .page-item .page-link {
    color: #6c757d;
}

.dark-mode .accent-gray .page-item.active a,
.dark-mode .accent-gray .page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .accent-gray .page-item.disabled a,
.dark-mode .accent-gray .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-gray [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-gray [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-gray .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray .page-item .page-link:focus {
    color: #78828a;
}

.dark-mode .accent-gray-dark .btn-link,
.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn),
.dark-mode .accent-gray-dark .nav-tabs .nav-link {
    color: #343a40;
}

.dark-mode .accent-gray-dark .btn-link:hover,
.dark-mode .accent-gray-dark a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover,
.dark-mode .accent-gray-dark .nav-tabs .nav-link:hover {
    color: #121416;
}

.dark-mode .accent-gray-dark .dropdown-item:active, .dark-mode .accent-gray-dark .dropdown-item.active {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.dark-mode .accent-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dark-mode .accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.dark-mode .accent-gray-dark .custom-select:focus,
.dark-mode .accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .accent-gray-dark .custom-file-input:focus ~ .custom-file-label {
    border-color: #6d7a86;
}

.dark-mode .accent-gray-dark .page-item .page-link {
    color: #343a40;
}

.dark-mode .accent-gray-dark .page-item.active a,
.dark-mode .accent-gray-dark .page-item.active .page-link {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.dark-mode .accent-gray-dark .page-item.disabled a,
.dark-mode .accent-gray-dark .page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
}

.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #c2c7d0;
}

.dark-mode .accent-gray-dark [class*="sidebar-dark-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #fff;
}

.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #343a40;
}

.dark-mode .accent-gray-dark [class*="sidebar-light-"] .sidebar a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #212529;
}

.dark-mode .dark-mode.accent-gray-dark .page-item .page-link:hover, .dark-mode .dark-mode.accent-gray-dark .page-item .page-link:focus {
    color: #3f474e;
}