/*Color variables*/
/*Gradient variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/*Dark Theme Variables*/
/*Transparent variables*/
body.dark-mode {
    color: #dedefd;
    background-color: #1a1a3c;
}

body.dark-mode *::-webkit-scrollbar-thumb,
body.dark-mode *:hover::-webkit-scrollbar-thumb {
    background: #1a1a3c;
}

.dark-mode {
    /*------ Accordion -------*/
    /* #accordion rotate icon option */
    /*----- Avatars -----*/
    /*-----Badges-----*/
    /*------ Breadcrumb ------*/
    /*------ Card -------*/
    /*------ Default Card Values -------*/
    /*Card maps*/
    /*------ Card -------*/
    /*------ Default Card Values -------*/
    /*Card maps*/
    /*------ Carousel -------*/
    /*------ Carousel -------*/
    /*------Drop Downs-------*/
    /*-----List Of Dropdwons-----*/
    /*------- Forms -------*/
    /*------ Modal -------*/
    /*------ Navigation -------*/
    /* #bs-collapse icon scale option */
    /*--------panel----------*/
    /*-----progress-----*/
    /*------ Tables -----*/
    /*---- Tags-----*/
    /*---------Thumbnails----------*/
    /*----- Custom control -----*/
    /*----- Global Loader -----*/
    /* --------Added--------- css*/
    /* line 77, C:/wamp/www/github/addSlider/src/partials/_addSlider.scss */
    /*********************IE***************************/
    /*--- Offcanvas ---*/
    /*--Toast ---*/
    /*-----Gallery-----*/
    /*-----Lists-----*/
    /*------ Media object ------*/
    /*--scrollspy ---*/
    /*-----Pricing tables-----*/
    /*------ Pricing Styles ---------*/
    /*-- rating--*/
    /***** time-line*****/
    /*---- Time line -----*/
    /*----Timeline---*/
    /* ######## LAYOUT-STYLES ######## */
    /*Logo-center header */
    /* Desktop Search Bar */
    /*==============================================================================
                                Start Mobile CSS
  ===============================================================================*/
    /* ================== Mobile Menu Change Brake Point ================== */
    /* Extra @Media Query*/
    /*------ Icons List ------*/
    /* ######## LIB-STYLES ######## */
    /*----- Date Picker ----*/
    /*-----selectize ------*/
    /* ######## SIDEMENU-STYLES ######## */
    /*-- Subslide ---*/
    /*-- Subslide2 ---*/
    /* ######## TEMP-STYLES ######## */
    /*------ Charts styles ------*/
    /*----chart-drop-shadow----*/
    /*----chart-drop-shadow----*/
    /* ###### Chat  ###### */
    /* ###### Chat  ###### */
    /*----- Range slider -------*/
    /*----- Range slider -------*/
    /*----- Range slider -------*/
    /*----- Range slider -------*/
    /*----- Range slider -------*/
    /*--- WIZARD ELEMENTS ---*/
    /****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
    /***** CUSTOM STYLES *****/
    /*--- WIZARD ELEMENTS ---*/
    /* ######## UTILITIES-STYLES ######## */
    /*--- gradient-backgrounds --*/
    /*------ Background colors -------*/
    /*--bg-transparents--*/
    /*--Box-shadow--*/
    /*------- Alignments & values-------*/
    /*----- Typography ------*/
    /*--text-shadow--*/
}

.dark-mode caption {
    color: #505662;
}

.dark-mode hr {
    border-top-color: rgba(255, 255, 255, 0.2);
    background-color: transparent;
}

.dark-mode .list-unstyled li {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode pre {
    color: #dedefd;
}

@media print {

    .dark-mode pre {
        border-color: #adb5bd;
    }

    .dark-mode .badge {
        border-color: #000;
    }

    .dark-mode .table td,
    .dark-mode .text-wrap table td,
    .dark-mode .table th,
    .dark-mode .text-wrap table th {
        background-color: #2a2a4a !important;
    }

    .dark-mode .table-bordered th,
    .dark-mode .text-wrap table th,
    .dark-mode .table-bordered td,
    .dark-mode .text-wrap table td {
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
}

.dark-mode body *::-webkit-scrollbar-thumb,
.dark-mode body *:hover::-webkit-scrollbar-thumb {
    background: #2a2a4a;
}

.dark-mode code {
    background: #2a2a4a;
    border-color: transparent;
    color: #ec82ef;
}

.dark-mode pre {
    color: #343a40;
    background-color: #2a2a4a;
    text-shadow: 0 1px #2a2a4a;
}

.dark-mode .accordion-item {
    border-color: rgba(255, 255, 255, 0.1);
    background: #2a2a4a;
}

.dark-mode .accordion-button {
    color: #dedefd;
}

.dark-mode .accordion-button:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .accordion-button:not(.collapsed) {
    color: var(--primary-bg-color);
    background: #22223a;
}

.dark-mode .btn-custom {
    background: #2a2a4a;
    color: #9595b5;
}

.dark-mode .breadcrumb-item a {
    color: #9595b5;
}

.dark-mode .breadcrumb-item+.breadcrumb-item::before {
    color: #9595b5;
}

.dark-mode .btn-default {
    color: #282f53;
    background: #e9e9f1;
    border-color: #e9e9f1;
}

.dark-mode .btn-default:hover {
    color: #282f53;
    background-color: #e3e3ef;
    border-color: #e3e3ef;
}

.dark-mode .btn-default:focus,
.dark-mode .btn-default.focus {
    box-shadow: 0 0 0 2px #e9e9f1;
}

.dark-mode .btn-default.disabled,
.dark-mode .btn-default:disabled {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.dark-mode .btn-default:not(:disabled):not(.disabled):active,
.dark-mode .btn-default:not(:disabled):not(.disabled).active {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.dark-mode .btn-light {
    color: #dedefd;
    background-color: #39395c;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-light:hover {
    color: #dedefd;
    background-color: #2f2f4b;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-light:focus,
.dark-mode .btn-light.focus {
    box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.dark-mode .btn-light.disabled,
.dark-mode .btn-light:disabled {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-light:not(:disabled):not(.disabled).active {
    color: #495057;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-outline-default {
    color: #dedefd;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-outline-default:hover {
    color: #282f53;
    background: #e9e9f1;
}

.dark-mode .btn-white {
    color: #dedefd;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-white:hover {
    color: #dedefd;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-white:focus,
.dark-mode .btn-white.focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.dark-mode .btn-white.disabled,
.dark-mode .btn-white:disabled {
    color: #495057;
    background-color: #2a2a4a;
    border-color: #fff;
}

.dark-mode .btn-white:not(:disabled):not(.disabled):active,
.dark-mode .btn-white:not(:disabled):not(.disabled).active {
    color: #495057;
    background-color: #545478;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .show>.btn-white.dropdown-toggle {
    color: #495057;
    background-color: #545478;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-check:active+.btn-outline-primary,
.dark-mode .btn-check:checked+.btn-outline-primary {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.dark-mode .btn-outline-primary {
    border-color: var(--primary-bg-color);
}

.dark-mode .btn-outline-primary.active,
.dark-mode .btn-outline-primary.dropdown-toggle.show,
.dark-mode .btn-outline-primary:active {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.dark-mode .card {
    background-color: #2a2a4a;
    border: inherit !important;
    box-shadow: 0 3px 9px 0 rgba(28, 28, 51, 0.15);
}

.dark-mode .card-footer {
    background-color: rgba(0, 0, 0, 0.03);
    border-top-color: rgba(255, 255, 255, 0.1);
    color: #6e7687;
}

.dark-mode .card .card {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .card-body+.card-body {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .card-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .card-title small {
    color: #9aa0ac;
}

.dark-mode .card .box h2 {
    color: #262626;
}

.dark-mode .card .box h2 span {
    color: #fff;
}

.dark-mode .card .box p {
    color: #262626;
}

.dark-mode .card-footer {
    background-color: rgba(0, 0, 0, 0.03);
    border-top-color: rgba(255, 255, 255, 0.1);
    color: #727293;
}

.dark-mode .card .card {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 10px #1c1c2a;
}

.dark-mode .card-body+.card-body {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .card-title small {
    color: #9aa0ac;
}

.dark-mode .card .box h2 {
    color: #262626;
}

.dark-mode .card .box h2 span {
    color: #fff;
}

.dark-mode .card .box p {
    color: #262626;
}

.dark-mode .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5);
}

.dark-mode .carousel-indicators .active {
    background-color: #fff;
}

.dark-mode .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5);
}

.dark-mode .carousel-indicators .active {
    background-color: #fff;
}

.dark-mode .dropdown-menu {
    color: #9595b5;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .drop-heading {
    color: #dedefd;
}

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

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

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

.dark-mode .dropdown-menu.show {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 40px 0 rgba(34, 34, 61, 0.8);
}

.dark-mode btn.dropdown-toggle~.dropdown-menu,
.dark-mode ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
}

.dark-mode .dropdown-menu {
    background-color: #2a2a4a;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dark-mode .dropdown-menu>li>a {
    color: #dedefd;
}

.dark-mode .dropdown-menu>li>a:hover,
.dark-mode .dropdown-menu>li>a:focus {
    color: #9595b5;
    background-color: #2a2a4a;
}

.dark-mode .dropdown-menu-arrow:before {
    background: #2a2a4a;
    border-top-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-menu {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.dark-mode .form-control {
    color: #dedefd;
    background-color: #282848;
    border-color: rgba(255, 255, 255, 0.1) !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dark-mode .form-control::-ms-expand {
    background-color: transparent;
}

.dark-mode .form-control:focus {
    color: #a9a9c1;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .form-control::placeholder {
    color: #626281 !important;
}

.dark-mode .form-control::-webkit-input-placeholder,
.dark-mode .form-control::-moz-placeholder,
.dark-mode .form-control:-ms-input-placeholder,
.dark-mode .form-control::-ms-input-placeholder {
    color: #fff !important;
}

.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly] {
    background-color: #282848;
}

.dark-mode .form-control::-webkit-file-upload-button {
    color: #dedefd;
    background-color: #39395c;
}

.dark-mode .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #2a2a4a;
}


.dark-mode .form-control.is-invalid {
    border-color: #dc3545;
    background-repeat: no-repeat;
}


.dark-mode .form-control.is-invalid:focus {
    border-color: #dc3545;
}

.dark-mode .input-group-text {
    color: #fff;
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .input-group-text {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .modal-content {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.dark-mode .modal-backdrop {
    background-color: #000;
}

.dark-mode .modal-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .modal-footer {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .nav-link {
    color: var(--primary-bg-color);
}

.dark-mode .nav-link.icon i {
    color: #dcdfed;
}

.dark-mode .nav-link.icon i::after {
    background: rgba(var(--primary-bg-color), 0);
}

.dark-mode .app-header .header-right-icons .nav-link.icon {
    color: #dcdfed !important;
}

.dark-mode .app-header .header-right-icons .nav-link.icon:hover {
    color: #dcdfed !important;
}

.dark-mode.header-light .app-header .header-right-icons .nav-link.icon {
    color: var(--primary-bg-color) !important;
}

.dark-mode .app-header .header-right-icons .nav-link.icon:hover {
    color: #dcdfed !important;
}

.dark-mode .page-header {
    border-color: transparent;
}

.dark-mode .popover {
    background-color: #2a2a4a;
    border-color: #dee3eb;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}

.dark-mode .popover-header {
    color: inherit;
    background-color: #2a2a4a;
    border-bottom-color: #ebebeb;
}

.dark-mode .popover-body {
    color: #6e7687;
}

.dark-mode .progress {
    background-color: #1a1a3c;
}

.dark-mode .table {
    color: #dedefd;
}

.dark-mode .table thead th {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .text-wrap table thead th {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .table tbody+tbody,
.dark-mode .text-wrap table tbody+tbody {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .table .table,
.dark-mode .text-wrap table .table,
.dark-mode .table .text-wrap table {
    background-color: #1f1f3c;
}

.dark-mode .text-wrap .table table,
.dark-mode .text-wrap table table {
    background-color: #2a2a4a;
}

.dark-mode .table-bordered,
.dark-mode .text-wrap table,
.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode .text-wrap table td {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .table-hover tbody tr:hover,
.dark-mode .table-hover tbody th {
    background-color: #1a1a3c;
    color: #dedefd;
}

.dark-mode .table> :not(:first-child) {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .table th,
.dark-mode .text-wrap table th {
    color: #dedefd;
}

.dark-mode .table-hover>tbody>tr:hover>* {
    color: #dedefd;
}

.dark-mode .table> :not(:last-child)> :last-child>* {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .table tbody td {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .tag {
    color: #dedefd;
    background-color: #1a1a3c;
}

.dark-mode a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
    color: inherit;
}

.dark-mode .tag-addon {
    color: inherit;
}

.dark-mode a.tag-addon:hover {
    background: inherit;
    color: inherit;
}

.dark-mode .tag-blue {
    background-color: #467fcf !important;
    color: #fff;
}

.dark-mode .tag-indigo {
    background-color: #6574cd !important;
    color: #fff;
}

.dark-mode .tag-purple {
    background-color: #867efc !important;
    color: #fff;
}

.dark-mode .tag-pink {
    background-color: #ec82ef !important;
    color: #fff;
}

.dark-mode .tag-red {
    background-color: #c21a1a !important;
    color: #fff;
}

.dark-mode .tag-orange {
    background-color: #fc7303 !important;
    color: #fff;
}

.dark-mode .tag-yellow {
    background-color: #ecb403 !important;
    color: #fff;
}

.dark-mode .tag-green {
    background-color: #4ecc48 !important;
    color: #fff;
}

.dark-mode .tag-teal {
    background-color: #2bcbba !important;
    color: #fff;
}

.dark-mode .tag-cyan {
    background-color: #17a2b8 !important;
    color: #fff;
}

.dark-mode .tag-white {
    background-color: #2a2a4a;
    color: #fff;
}

.dark-mode .tag-gray {
    background-color: #868e96 !important;
    color: #fff;
}

.dark-mode .tag-gray-dark {
    background-color: #414160;
    color: #fff;
}

.dark-mode .tag-azure {
    background-color: #45aaf2 !important;
    color: #fff;
}

.dark-mode .tag-lime {
    background-color: #7bd235 !important;
    color: #fff;
}

.dark-mode .tag-primary {
    background-color: #467fcf;
    color: #fff;
    background-color: var(--primary-bg-color) !important;
    color: #fff;
}

.dark-mode .tag-secondary {
    background-color: #868e96;
    color: #fff;
}

.dark-mode .tag-success {
    background-color: #4ecc48 !important;
    color: #fff;
}

.dark-mode .tag-info {
    background-color: #45aaf2;
    color: #fff;
}

.dark-mode .tag-warning {
    background-color: #ecb403 !important;
    color: #fff;
}

.dark-mode .tag-danger {
    background-color: #c21a1a !important;
    color: #fff;
}

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

.dark-mode .tag-dark {
    background-color: #25253e;
    color: #dedefd;
}

.dark-mode .tag-round::before {
    background-color: #2a2a4a;
}

.dark-mode .tag-outline-info {
    background-color: #c7e0fd;
    color: #1170e4;
    border-color: #1170e4;
}

.dark-mode .tag-outline-info::before {
    border-color: #1170e4;
}

.dark-mode .tag-outline {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .tag-border {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2a4a;
}

.dark-mode .popover {
    background-color: #2a2a4a;
    border: 0px solid #2a2a4a;
}

.dark-mode .popover-header {
    color: #dedefd;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .popover-body {
    color: #aeaecf;
}

.dark-mode .collapse:not(.show) {
    background: #2a2a4a;
}

.dark-mode .notifyimg {
    color: #fff;
}

.dark-mode .aside {
    background: #2a2a4a;
    border-left-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
}

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

@media (max-width: 480px) {

    
    .dark-mode .tabs-menu1 ul li {
        border-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 360px) {
    .dark-mode .breadcrumb {
        color: #fff;
    }
}

.dark-mode .example {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode #back-to-top {
    color: #fff;
}

.dark-mode #back-to-top:hover {
    background: #fff !important;
}

.dark-mode .features span {
    color: #43414e;
}

.dark-mode .feature .border {
    color: #fff;
}

.dark-mode .actions:not(.a-alt)>li>a>i {
    color: #939393;
}

.dark-mode #sidebar li a.active {
    background: #2a2a4a;
}

.dark-mode #sidebar li a.active a[data-toggle=collapse] {
    background: #2a2a4a;
}

.dark-mode .activity {
    border-left-color: rgba(0, 0, 0, 0.125);
}

.dark-mode .username {
    color: #fff;
}

.dark-mode .username+p {
    color: #f2f2f2;
}

@media (max-width: 1024px) {

    .dark-mode body.search-show:before,
    .dark-mode body.sidebar-show:before {
        background-color: rgba(0, 0, 0, 0.4);
    }
}

.dark-mode .settings {
    color: #fff;
}

.dark-mode .border-transparet {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .breadcrumb .breadcrumb-item.active {
    color: var(--primary-bg-color);
}

.dark-mode .pulse {
    background: #22c03c;
}

.dark-mode .pulse:before {
    background: rgba(34, 192, 60, 0.6);
    box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
}

.dark-mode .progress.secondary {
    background: #f9d1bd;
}

.dark-mode .avatar {
    color: #fff;
}

.dark-mode .badge-success-light {
    background-color: rgba(19, 191, 27, 0.15) !important;
    color: #13bf1b;
}

.dark-mode .badge-orange-light {
    color: #e17626;
    background-color: rgba(225, 118, 38, 0.15);
}

.dark-mode .badge-danger-light {
    color: #f33819;
    background-color: rgba(243, 56, 25, 0.15);
}

.dark-mode .badge.bg-white {
    background-color: #fff !important;
}

.dark-mode .box-shadow-primary {
    box-shadow: 0 5px 10px #42444a;
}

.dark-mode .sidebar .tab-menu-heading {
    background: var(--primary-bg-color);
    color: #fff;
}

.dark-mode .nav.panel-tabs a.active {
    color: var(--primary-bg-color);
}

.dark-mode .offcanvas {
    background: #2a2a4a;
}

.dark-mode .toast {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

.dark-mode .toast.show .btn-close {
    color: #d5d5d5;
}

.dark-mode .country {
    color: #f7f7f7;
}

.dark-mode .country span:hover {
    color: #f7f7f7;
}

.dark-mode .notification:before {
    background: var(--primary02);
}

.dark-mode .btn-country {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
    color: #dedefd;
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1) !important;
}

.dark-mode .btn-country:hover {
    border-color: var(--primary-bg-color) !important;
    box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1) !important;
}

.dark-mode .btn-check:checked+.btn-country {
    border-color: var(--primary-bg-color) !important;
}

.dark-mode .btn-country.active,
.dark-mode .btn-country:active {
    border-color: var(--primary-bg-color) !important;
}

.dark-mode .example+.highlight {
    border-top: none;
}

.dark-mode .highlight {
    border-color: rgba(255, 255, 255, 0.1);
    border-top: none;
    background: #2a2a4a;
}

.dark-mode .highlight .c {
    color: #999;
}

.dark-mode .highlight .k {
    color: #069;
}

.dark-mode .highlight .o {
    color: #555;
}

.dark-mode .highlight .cm {
    color: #999;
}

.dark-mode .highlight .gr {
    color: #f00;
}

.dark-mode .highlight .gi {
    background-color: #cfc;
    border-color: #0c0;
}

.dark-mode .highlight .go {
    color: #aaa;
}

.dark-mode .highlight .gt {
    color: #9c6;
}


.dark-mode .highlight .kn,
.dark-mode .highlight .kr {
    color: #069;
}

.dark-mode .highlight .kt {
    color: #078;
}

.dark-mode .highlight .m {
    color: #f60;
}

.dark-mode .highlight .s {
    color: #cc0099;
}

.dark-mode .highlight .na {
    color: #00cc7a;
}

.dark-mode .highlight .nb {
    color: #366;
}

.dark-mode .highlight .no {
    color: #360;
}

.dark-mode .highlight .nd {
    color: #99f;
}

.dark-mode .highlight .ni {
    color: #999;
}

.dark-mode .highlight .ne {
    color: #c00;
}

.dark-mode .highlight .nl {
    color: #99f;
}

.dark-mode .highlight .nn {
    color: #0cf;
}

.dark-mode .highlight .nt {
    color: #e12020;
}

.dark-mode .highlight .w {
    color: #bbb;
}


.dark-mode .highlight .mo {
    color: #f60;
}

.dark-mode .highlight .sb,
.dark-mode .highlight .sc,
.dark-mode .highlight .sd,
.dark-mode .highlight .se {
    color: #c30;
}

.dark-mode .highlight .si {
    color: #a00;
}

.dark-mode .highlight .sr {
    color: #3aa;
}

.dark-mode .highlight .ss {
    color: #fc3;
}

.dark-mode .highlight .il {
    color: #f60;
}

.dark-mode .highlight .css .o {
    color: #999;
}

.dark-mode .highlight .css .o+.nt {
    color: #999;
}

.dark-mode .highlight .css .nt+.nt {
    color: #999;
}

.dark-mode .list-group-item.active {
    background-color: #292948;
    color: #dedefd;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .list-group-item {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    color: #9595b5;
}

.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
    color: #545c74;
    background-color: #252542;
}

.dark-mode .list-group-item {
    border-color: rgba(255, 255, 255, 0.1);
    color: #9595b5;
}

.dark-mode .list-group-item.active .icon {
    color: inherit !important;
}

.dark-mode .list-group-item .icon {
    color: #dedefd !important;
}

.dark-mode .btn-close {
    color: #9595b5;
}

.dark-mode .btn-close:hover,
.dark-mode .btn-close:focus {
    color: inherit;
}

.dark-mode .navbar-toggler {
    background-color: transparent;
    border-color: transparent;
}

@media (min-width: 992px) {
    .dark-mode .responsive-navbar .navbar-collapse {
        background: transparent;
    }
}

@media (max-width: 992px) {
    .dark-mode .navresponsive-toggler span {
        color: #dcdfed;
    }

    .dark-mode .navresponsive-toggler span:after {
        background: rgba(var(--primary-bg-color), 0);
    }
}

@media (max-width: 991px) {
    .dark-mode .responsive-navbar .navbar-collapse {
        background: #2a2a4a;
        box-shadow: 0 12px 11px -3px rgba(104, 113, 123, 0.1);
        border-top-color: rgba(255, 255, 255, 0.1);
    }
}

.dark-mode .nav-link:focus,
.dark-mode .nav-link:hover {
    color: var(--primary-bg-color);
}

.dark-mode .panel.price {
    box-shadow: 0 0.15rem 1.75rem 0 #0e0f2e;
    background: #2a2a4a;
}

.dark-mode .rating-stars input {
    color: #495057;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .tabs-menu1 ul li a {
    color: #dedefd;
}

.dark-mode .tab-menu-heading {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .footer {
    background: transparent;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .top-footer p {
    color: #9595b5;
}

.dark-mode .top-footer a {
    color: #9595b5;
}

.dark-mode .top-footer a address {
    color: #9595b5;
}

.dark-mode .top-footer img {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .top-footer img:hover {
    color: #8e9090;
}

.dark-mode .main-footer {
    background-color: #2a2a4a;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header {
    background: #2a2a4a;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header-brand,
.dark-mode .app-header .header-brand,
.dark-mode .header-brand:hover {
    color: inherit;
}

@media (max-width: 767px) {
    .dark-mode .header.hor-header {
        border-bottom-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 24px #2a2a4a;
    }

    .dark-mode .hor-header .header-brand-img.light-logo {
        margin: 0 auto;
        margin-top: 6px;
    }
}

@media only screen and (max-width: 991px) {
    .dark-mode body {
        background-color: #2a2a4a;
    }
}

.dark-mode .hor-header .header-brand1 {
    color: inherit;
}

.dark-mode .header-right-icons .nav-link.icon:hover {
    background: none;
}

.dark-mode .header-right-icons .profile-user:hover {
    box-shadow: none;
}

.dark-mode .hor-header .header-right-icons .nav-link.icon {
    color: #dcdfed;
}

.dark-mode.header-light .hor-header .header-right-icons .nav-link.icon {
    color: var(--primary-bg-color) !important;
}

.dark-mode .logo-horizontal .header-brand-img.desktop-logo {
    display: block;
}

.dark-mode.horizontal.header-light .logo-horizontal .header-brand-img.light-logo1 {
    display: block;
}

.dark-mode.horizontal.header-light .logo-horizontal .header-brand-img.desktop-logo {
    display: none;
}

.dark-mode .hor-header .header-brand-img.light-logo {
    display: block;
}

@media (max-width: 992px) {
    .dark-mode .header {
        border-bottom-color: rgba(255, 255, 255, 0.2);
    }
}

.dark-mode .header .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header .dropdown-menu .dropdown-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header .dropdown-item,
.dark-mode .header .notifications-menu h5 {
    color: #dedefd;
}

.dark-mode .header .notifications-menu span {
    color: #9595b5;
}

.dark-mode .header .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header .dropdown-menu .dropdown-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .header .profile-1 .dropdown-item .dropdown-icon {
    color: var(--primary-bg-color);
}

.dark-mode .header .profile-1 .dropdown-item .dropdown-icon::after {
    background: rgba(var(--primary-bg-color), 0);
}

.dark-mode .responsive-navbar .notifications-menu h5 {
    color: #dedefd;
}

.dark-mode .responsive-navbar .notifications-menu span {
    color: #9595b5;
}

.dark-mode .responsive-navbar .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(34, 34, 61, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .responsive-navbar .dropdown-menu .dropdown-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .responsive-navbar .profile-1 .dropdown-item .dropdown-icon {
    color: var(--primary-bg-color);
}

.dark-mode .responsive-navbar .profile-1 .dropdown-item .dropdown-icon::after {
    background: rgba(var(--primary-bg-color), 0);
}

@media only screen and (max-width: 991px) {
    .dark-mode {
        /* ================== Mobile Slide Down Links CSS ================== */
        /* ================== Mobile Mega Menus CSS  ================== */
        /* ================== Mobile Header CSS ================== */
        /* Mobile Toggle Menu icon (X ICON) */
        /* ================== Mobile Overlay/Drawer CSS ================== */
        /*End Media Query*/
    }
}

.dark-mode .browser {
    background: no-repeat center/100% 100%;
}

.dark-mode .flag,
.dark-mode .payment {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.dark-mode .col-sm-3 a {
    border-color: transparent;
}

.dark-mode .col-sm-3 a:hover {
    border-color: #ff4647;
    background: linear-gradient(rgba(56, 123, 131, 0.7), rgba(56, 123, 131, 0.7));
}

.dark-mode .select2-container--default .select2-selection--single {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #2a2a4a;
    border-color: #9ca3b1;
    box-shadow: none;
}

.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: #2a2a4a;
}

.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.dark-mode .select2-container--default .select2-results>.select2-results__options {
    box-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #dedefd;
}

.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background: #2a2a4a;
}

@media (min-width: 992px) {
    .dark-mode .side-header {
        background: #2a2a4a;
    }
}

@media print {
    .dark-mode .app-content {
        background-color: #2a2a4a;
    }
}

.dark-mode .app-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background: #2a2a4a;
}

.dark-mode .app-sidebar__toggle {
    color: #dcdfed;
}

.dark-mode .app-sidebar__toggle:after {
    background: rgba(var(--primary-bg-color), 0);
}

.dark-mode .app-sidebar {
    color: #dedefd;
    background: #2a2a4a !important;
    -webkit-box-shadow: 0px 8px 14.72px 1.28px rgba(42, 38, 53, 0.5);
    box-shadow: 0px 8px 14.72px 1.28px rgba(42, 38, 53, 0.5);
    border-right-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .app-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

.dark-mode .side-menu__item {
    color: #dedefd;
}

.dark-mode .side-menu__item.active {
    color: var(--primary-bg-color);
}

.dark-mode .side-menu__item.active:hover,
.dark-mode .side-menu__item.active:focus {
    color: var(--primary-bg-color);
}

.dark-mode .side-menu__item:hover,
.dark-mode .side-menu__item:focus {
    color: var(--primary-bg-color);
}

.dark-mode .side-menu__item:hover .side-menu__icon,
.dark-mode .side-menu__item:hover .side-menu__label {
    color: var(--primary-bg-color) !important;
}

.dark-mode .side-menu__item:focus .side-menu__icon,
.dark-mode .side-menu__item:focus .side-menu__label {
    color: var(--primary-bg-color) !important;
}

.dark-mode .slide-item.active,
.dark-mode .slide-item:hover,
.dark-mode .slide-item:focus {
    color: #b5c1d2;
}

.dark-mode .slide-menu a.active {
    color: var(--primary-bg-color);
}

.dark-mode .slide-item.active,
.dark-mode .slide-item:hover,
.dark-mode .slide-item:focus {
    color: var(--primary-bg-color) !important;
}

.dark-mode .sub-slide-item.active,
.dark-mode .sub-slide-item:hover,
.dark-mode .sub-slide-item:focus {
    color: var(--primary-bg-color) !important;
}

.dark-mode .slide-menu li .slide-item:before {
    color: #68798b;
}

.dark-mode .side-menu .side-menu__icon {
    color: #dedefd !important;
}

.dark-mode .slide-item {
    color: #dedefd;
}

@media (min-width: 992px) {
    .dark-mode .sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
        background: none !important;
        box-shadow: none;
    }
}

.dark-mode .side-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-right-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .side-menu .sub-category {
    color: rgba(255, 255, 255, 0.3);
}

.dark-mode .sub-slide-item {
    color: #dedefd;
}

.dark-mode .instagram {
    background: linear-gradient(to right bottom, #de497b 0%, #e1164f 100%);
}

.dark-mode .linkedin {
    background-image: linear-gradient(to right bottom, #0d97de 0%, #13547a 100%);
}

.dark-mode .twitter {
    background-image: linear-gradient(to right bottom, #00f2fe 0%, #1e63c3 100%);
}

.dark-mode .facebook {
    background-image: linear-gradient(to right bottom, #3d6cbf 0%, #1e3c72 100%);
}

.dark-mode .authentication .card:hover {
    box-shadow: 0 16px 26px 0 rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}

.dark-mode .authentication .form-control:focus {
    box-shadow: none;
}

.dark-mode .authentication input::placeholder {
    color: #9595b5;
}

.dark-mode .wrap-login100 {
    background: #2a2a4a;
    box-shadow: 0 3px 9px 0 rgba(28, 28, 51, 0.15);
}

.dark-mode .login100-form-title {
    color: #dedefd;
}

.dark-mode .input100 {
    color: #dedefd;
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}


.dark-mode .wrap-input100 input::-webkit-input-placeholder {
    color: #9595b5;
}

.dark-mode .range {
    background-color: whitesmoke;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: whitesmoke;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: whitesmoke;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: whitesmoke;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: whitesmoke;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.dark-mode .range input[type=range] {
    background-color: transparent;
}

.dark-mode .range input[type=range]::-webkit-slider-thumb,
.dark-mode .range input[type=range]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .range input[type=range] {
    background-color: transparent;
}

.dark-mode .range input[type=range]::-webkit-slider-thumb,
.dark-mode .range input[type=range]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .range input[type=range] {
    background-color: transparent;
}

.dark-mode .range input[type=range]::-webkit-slider-thumb,
.dark-mode .range input[type=range]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .range input[type=range] {
    background-color: transparent;
}

.dark-mode .range input[type=range]::-webkit-slider-thumb,
.dark-mode .range input[type=range]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .range input[type=range] {
    background-color: transparent;
}

.dark-mode .range input[type=range]::-webkit-slider-thumb,
.dark-mode .range input[type=range]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .wizard {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2a4a;
}

.dark-mode .wizard>.steps a {
    color: var(--primary-bg-color);
}

.dark-mode .wizard>.steps a:hover,
.dark-mode .wizard>.steps a:active {
    color: var(--primary-bg-color);
}

.dark-mode .wizard>.steps a .number,
.dark-mode .wizard>.steps a:hover .number,
.dark-mode .wizard>.steps a:active .number {
    background-color: #ededf3;
}

.dark-mode .wizard>.steps .disabled a {
    color: #696e8d;
}

.dark-mode .wizard>.steps .disabled a:hover,
.dark-mode .wizard>.steps .disabled a:active {
    color: #696e8d;
}

.dark-mode .wizard>.steps .current a {
    color: var(--primary-bg-color);
}

.dark-mode .wizard>.steps .current a:hover,
.dark-mode .wizard>.steps .current a:active {
    color: var(--primary-bg-color);
}

.dark-mode .wizard>.steps .current a .number,
.dark-mode .wizard>.steps .current a:hover .number,
.dark-mode .wizard>.steps .current a:active .number {
    background-color: var(--primary-bg-color);
    color: #fff;
}

.dark-mode .wizard>.steps .done a {
    color: #09ad95;
}

.dark-mode .wizard>.steps .done a:hover,
.dark-mode .wizard>.steps .done a:active {
    color: #09ad95;
}

.dark-mode .wizard>.steps .done a .number,
.dark-mode .wizard>.steps .done a:hover .number,
.dark-mode .wizard>.steps .done a:active .number {
    background-color: #09ad95;
    color: #fff;
}

.dark-mode .wizard>.content {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .wizard>.content>.title {
    color: #282f53;
}

.dark-mode .wizard>.actions>ul>li:last-child a {
    background-color: #09ad95;
}

.dark-mode .wizard>.actions a {
    background-color: var(--primary-bg-color);
    color: #fff;
}

.dark-mode .wizard>.actions a:hover,
.dark-mode .wizard>.actions a:active {
    background-color: var(--primary-bg-color);
    color: #fff;
}

.dark-mode .wizard>.actions .disabled a {
    background-color: #e8ebf2;
    color: #282f53;
}

.dark-mode .wizard>.actions .disabled a:hover,
.dark-mode .wizard>.actions .disabled a:active {
    background-color: #e8ebf2;
    color: #282f53;
}

@media (min-width: 576px) {
    .dark-mode .wizard.vertical>.content {
        border-left-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 576px) {
    .dark-mode .wizard.vertical>.actions {
        border-left-color: rgba(255, 255, 255, 0.1);
        border-right-color: rgba(255, 255, 255, 0.1);
    }
}

.dark-mode .bg-secondary {
    background: #05c3fb !important;
}

.dark-mode a.bg-secondary:hover,
.dark-mode a.bg-secondary:focus {
    background-color: #05c3fb !important;
}

.dark-mode button.bg-secondary:hover,
.dark-mode button.bg-secondary:focus {
    background-color: #05c3fb !important;
}

.dark-mode .bg-success {
    background: #09ad95 !important;
}

.dark-mode a.bg-success:hover,
.dark-mode a.bg-success:focus {
    background-color: #15bf42 !important;
}

.dark-mode button.bg-success:hover,
.dark-mode button.bg-success:focus {
    background-color: #15bf42 !important;
}

.dark-mode .bg-info {
    background: #1170e4 !important;
}

.dark-mode a.bg-info:hover,
.dark-mode a.bg-info:focus {
    background-color: #1eb0e2 !important;
}

.dark-mode button.bg-info:hover,
.dark-mode button.bg-info:focus {
    background-color: #1eb0e2 !important;
}

.dark-mode .bg-warning {
    background: #f7b731 !important;
}

.dark-mode a.bg-warning:hover,
.dark-mode a.bg-warning:focus {
    background-color: #e0a325 !important;
}

.dark-mode button.bg-warning:hover,
.dark-mode button.bg-warning:focus {
    background-color: #e0a325 !important;
}

.dark-mode .bg-danger {
    background: #e82646 !important;
}

.dark-mode a.bg-danger:hover,
.dark-mode a.bg-danger:focus {
    background-color: #de223d !important;
}

.dark-mode button.bg-danger:hover,
.dark-mode button.bg-danger:focus {
    background-color: #de223d !important;
}

.dark-mode .bg-light {
    background-color: #1a1a3c !important;
}

.dark-mode a.bg-light:hover,
.dark-mode a.bg-light:focus {
    background-color: #2a2a4a !important;
}

.dark-mode button.bg-light:hover,
.dark-mode button.bg-light:focus {
    background-color: #2a2a4a !important;
}

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

.dark-mode a.bg-dark:hover,
.dark-mode a.bg-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode button.bg-dark:hover,
.dark-mode button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode .bg-facebook {
    background: #2b4170 !important;
}

.dark-mode .bg-secondary-gradient {
    background: linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%) !important;
}

.dark-mode a.bg-secondary-gradient:hover,
.dark-mode a.bg-secondary-gradient:focus {
    background-color: #05c3fb !important;
}

.dark-mode button.bg-secondary-gradient:hover,
.dark-mode button.bg-secondary-gradient:focus {
    background-color: #05c3fb !important;
}

.dark-mode .bg-success-gradient {
    background: linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%) !important;
}

.dark-mode a.bg-success-gradient:hover,
.dark-mode a.bg-success-gradient:focus {
    background-color: #448700 !important;
}

.dark-mode button.bg-success-gradient:hover,
.dark-mode button.bg-success-gradient:focus {
    background-color: #448700 !important;
}

.dark-mode .bg-info-gradient {
    background: linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%) !important;
}

.dark-mode a.bg-info-gradient:hover,
.dark-mode a.bg-info-gradient:focus {
    background-color: #1594ef !important;
}

.dark-mode button.bg-info-gradient:hover,
.dark-mode button.bg-info-gradient:focus {
    background-color: #1594ef !important;
}

.dark-mode .bg-warning-gradient {
    background: linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%) !important;
}

.dark-mode a.bg-warning-gradient:hover,
.dark-mode a.bg-warning-gradient:focus {
    background-color: #FBB034 !important;
}

.dark-mode button.bg-warning-gradient:hover,
.dark-mode button.bg-warning-gradient:focus {
    background-color: #FBB034 !important;
}

.dark-mode .bg-danger-gradient {
    background-image: linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%) !important;
}

.dark-mode a.bg-danger-gradient:hover,
.dark-mode a.bg-danger-gradient:focus {
    background-color: #a11918 !important;
}

.dark-mode button.bg-danger-gradient:hover,
.dark-mode button.bg-danger-gradient:focus {
    background-color: #a11918 !important;
}

.dark-mode .bg-light-gradient {
    background-color: #f8f9fa !important;
}

.dark-mode a.bg-light-gradient:hover,
.dark-mode a.bg-light-gradient:focus {
    background-color: #dae0e5 !important;
}

.dark-mode button.bg-light-gradient:hover,
.dark-mode button.bg-light-gradient:focus {
    background-color: #dae0e5 !important;
}

.dark-mode .bg-dark-gradient {
    background-color: #343a40 !important;
}

.dark-mode a.bg-dark-gradient:hover,
.dark-mode a.bg-dark-gradient:focus {
    background-color: #1d2124 !important;
}

.dark-mode button.bg-dark-gradient:hover,
.dark-mode button.bg-dark-gradient:focus {
    background-color: #1d2124 !important;
}

.dark-mode .bg-facebook-gradient {
    background: linear-gradient(to bottom right, #3b5998, #2b4170) !important;
}

.dark-mode .bg-white {
    background-color: #1a1a3c !important;
}

.dark-mode .bg-transparent {
    background-color: transparent !important;
}

.dark-mode .bg-purple {
    background: #8927ec !important;
    color: #fff !important;
}

.dark-mode a.bg-purple:hover,
.dark-mode a.bg-purple:focus {
    background-color: #8c31e4 !important;
}

.dark-mode button.bg-purple:hover,
.dark-mode button.bg-purple:focus {
    background-color: #8c31e4 !important;
}

.dark-mode .bg-blue-lightest {
    background-color: #edf2fa !important;
}

.dark-mode a.bg-blue-lightest:hover,
.dark-mode a.bg-blue-lightest:focus {
    background-color: #c5d5ef !important;
}

.dark-mode button.bg-blue-lightest:hover,
.dark-mode button.bg-blue-lightest:focus {
    background-color: #c5d5ef !important;
}

.dark-mode .bg-blue-lighter {
    background-color: #c8d9f1 !important;
}

.dark-mode a.bg-blue-lighter:hover,
.dark-mode a.bg-blue-lighter:focus {
    background-color: #9fbde7 !important;
}

.dark-mode button.bg-blue-lighter:hover,
.dark-mode button.bg-blue-lighter:focus {
    background-color: #9fbde7 !important;
}

.dark-mode .bg-blue-light {
    background-color: #7ea5dd !important;
}

.dark-mode a.bg-blue-light:hover,
.dark-mode a.bg-blue-light:focus {
    background-color: #5689d2 !important;
}

.dark-mode button.bg-blue-light:hover,
.dark-mode button.bg-blue-light:focus {
    background-color: #5689d2 !important;
}

.dark-mode .bg-blue-dark {
    background-color: #3866a6 !important;
}

.dark-mode a.bg-blue-dark:hover,
.dark-mode a.bg-blue-dark:focus {
    background-color: #2b4f80 !important;
}

.dark-mode button.bg-blue-dark:hover,
.dark-mode button.bg-blue-dark:focus {
    background-color: #2b4f80 !important;
}

.dark-mode .bg-blue-darker {
    background-color: #1c3353 !important;
}

.dark-mode a.bg-blue-darker:hover,
.dark-mode a.bg-blue-darker:focus {
    background-color: #0f1c2d !important;
}

.dark-mode button.bg-blue-darker:hover,
.dark-mode button.bg-blue-darker:focus {
    background-color: #0f1c2d !important;
}

.dark-mode .bg-blue-darkest {
    background-color: #0e1929 !important;
}

.dark-mode a.bg-blue-darkest:hover,
.dark-mode a.bg-blue-darkest:focus {
    background-color: #010203 !important;
}

.dark-mode button.bg-blue-darkest:hover,
.dark-mode button.bg-blue-darkest:focus {
    background-color: #010203 !important;
}

.dark-mode .bg-purssianblue {
    background-color: #362f71;
}

.dark-mode a.bg-purssianblue-lightest:hover,
.dark-mode a.bg-purssianblue-lightest:focus {
    background-color: #3f3688 !important;
}

.dark-mode button.bg-purssianblue-lightest:hover,
.dark-mode button.bg-purssianblue-lightest:focus {
    background-color: #3f3688 !important;
}

.dark-mode .bg-indigo-lightest {
    background-color: #f0f1fa !important;
}

.dark-mode a.bg-indigo-lightest:hover,
.dark-mode a.bg-indigo-lightest:focus {
    background-color: #cacded !important;
}

.dark-mode button.bg-indigo-lightest:hover,
.dark-mode button.bg-indigo-lightest:focus {
    background-color: #cacded !important;
}

.dark-mode .bg-indigo-lighter {
    background-color: #d1d5f0 !important;
}

.dark-mode a.bg-indigo-lighter:hover,
.dark-mode a.bg-indigo-lighter:focus {
    background-color: #abb2e3 !important;
}

.dark-mode button.bg-indigo-lighter:hover,
.dark-mode button.bg-indigo-lighter:focus {
    background-color: #abb2e3 !important;
}

.dark-mode .bg-indigo-light {
    background-color: #939edc !important;
}

.dark-mode a.bg-indigo-light:hover,
.dark-mode a.bg-indigo-light:focus {
    background-color: #6c7bd0 !important;
}

.dark-mode button.bg-indigo-light:hover,
.dark-mode button.bg-indigo-light:focus {
    background-color: #6c7bd0 !important;
}

.dark-mode .bg-indigo-dark {
    background-color: #515da4 !important;
}

.dark-mode a.bg-indigo-dark:hover,
.dark-mode a.bg-indigo-dark:focus {
    background-color: #404a82 !important;
}

.dark-mode button.bg-indigo-dark:hover,
.dark-mode button.bg-indigo-dark:focus {
    background-color: #404a82 !important;
}

.dark-mode .bg-indigo-darker {
    background-color: #282e52 !important;
}

.dark-mode a.bg-indigo-darker:hover,
.dark-mode a.bg-indigo-darker:focus {
    background-color: #171b30 !important;
}

.dark-mode button.bg-indigo-darker:hover,
.dark-mode button.bg-indigo-darker:focus {
    background-color: #171b30 !important;
}

.dark-mode .bg-indigo-darkest {
    background-color: #141729 !important;
}

.dark-mode a.bg-indigo-darkest:hover,
.dark-mode a.bg-indigo-darkest:focus {
    background-color: #030407 !important;
}

.dark-mode button.bg-indigo-darkest:hover,
.dark-mode button.bg-indigo-darkest:focus {
    background-color: #030407 !important;
}

.dark-mode .bg-purple-lightest {
    background-color: #f6effd !important;
}

.dark-mode a.bg-purple-lightest:hover,
.dark-mode a.bg-purple-lightest:focus {
    background-color: #ddc2f7 !important;
}

.dark-mode button.bg-purple-lightest:hover,
.dark-mode button.bg-purple-lightest:focus {
    background-color: #ddc2f7 !important;
}

.dark-mode .bg-purple-lighter {
    background-color: #e4cff9 !important;
}

.dark-mode a.bg-purple-lighter:hover,
.dark-mode a.bg-purple-lighter:focus {
    background-color: #cba2f3 !important;
}

.dark-mode button.bg-purple-lighter:hover,
.dark-mode button.bg-purple-lighter:focus {
    background-color: #cba2f3 !important;
}

.dark-mode .bg-purple-light {
    background-color: #c08ef0 !important;
}

.dark-mode a.bg-purple-light:hover,
.dark-mode a.bg-purple-light:focus {
    background-color: #a761ea !important;
}

.dark-mode button.bg-purple-light:hover,
.dark-mode button.bg-purple-light:focus {
    background-color: #a761ea !important;
}

.dark-mode .bg-purple-dark {
    background-color: #844bbb !important;
}

.dark-mode a.bg-purple-dark:hover,
.dark-mode a.bg-purple-dark:focus {
    background-color: #6a3a99 !important;
}

.dark-mode button.bg-purple-dark:hover,
.dark-mode button.bg-purple-dark:focus {
    background-color: #6a3a99 !important;
}

.dark-mode .bg-purple-darker {
    background-color: #42265e !important;
}

.dark-mode a.bg-purple-darker:hover,
.dark-mode a.bg-purple-darker:focus {
    background-color: #29173a !important;
}

.dark-mode button.bg-purple-darker:hover,
.dark-mode button.bg-purple-darker:focus {
    background-color: #29173a !important;
}

.dark-mode .bg-purple-darkest {
    background-color: #21132f !important;
}

.dark-mode a.bg-purple-darkest:hover,
.dark-mode a.bg-purple-darkest:focus {
    background-color: #08040b !important;
}

.dark-mode button.bg-purple-darkest:hover,
.dark-mode button.bg-purple-darkest:focus {
    background-color: #08040b !important;
}

.dark-mode .bg-pink-lightest {
    background-color: #fef0f5 !important;
}

.dark-mode a.bg-pink-lightest:hover,
.dark-mode a.bg-pink-lightest:focus {
    background-color: #fbc0d5 !important;
}

.dark-mode button.bg-pink-lightest:hover,
.dark-mode button.bg-pink-lightest:focus {
    background-color: #fbc0d5 !important;
}

.dark-mode .bg-pink-lighter {
    background-color: #fcd3e1 !important;
}

.dark-mode a.bg-pink-lighter:hover,
.dark-mode a.bg-pink-lighter:focus {
    background-color: #f9a3c0 !important;
}

.dark-mode button.bg-pink-lighter:hover,
.dark-mode button.bg-pink-lighter:focus {
    background-color: #f9a3c0 !important;
}

.dark-mode .bg-pink-light {
    background-color: #f999b9 !important;
}

.dark-mode a.bg-pink-light:hover,
.dark-mode a.bg-pink-light:focus {
    background-color: #f66998 !important;
}

.dark-mode button.bg-pink-light:hover,
.dark-mode button.bg-pink-light:focus {
    background-color: #f66998 !important;
}

.dark-mode .bg-pink-dark {
    background-color: #c5577c !important;
}

.dark-mode a.bg-pink-dark:hover,
.dark-mode a.bg-pink-dark:focus {
    background-color: #ad3c62 !important;
}

.dark-mode button.bg-pink-dark:hover,
.dark-mode button.bg-pink-dark:focus {
    background-color: #ad3c62 !important;
}

.dark-mode .bg-pink-darker {
    background-color: #622c3e !important;
}

.dark-mode a.bg-pink-darker:hover,
.dark-mode a.bg-pink-darker:focus {
    background-color: #3f1c28 !important;
}

.dark-mode button.bg-pink-darker:hover,
.dark-mode button.bg-pink-darker:focus {
    background-color: #3f1c28 !important;
}

.dark-mode .bg-pink-darkest {
    background-color: #31161f !important;
}

.dark-mode a.bg-pink-darkest:hover,
.dark-mode a.bg-pink-darkest:focus {
    background-color: #0e0609 !important;
}

.dark-mode button.bg-pink-darkest:hover,
.dark-mode button.bg-pink-darkest:focus {
    background-color: #0e0609 !important;
}

.dark-mode .bg-red-lightest {
    background-color: #fae9e9 !important;
}

.dark-mode a.bg-red-lightest:hover,
.dark-mode a.bg-red-lightest:focus {
    background-color: #f1bfbf !important;
}

.dark-mode button.bg-red-lightest:hover,
.dark-mode button.bg-red-lightest:focus {
    background-color: #f1bfbf !important;
}

.dark-mode .bg-red-lighter {
    background-color: #f0bcbc !important;
}

.dark-mode a.bg-red-lighter:hover,
.dark-mode a.bg-red-lighter:focus {
    background-color: #e79292 !important;
}

.dark-mode button.bg-red-lighter:hover,
.dark-mode button.bg-red-lighter:focus {
    background-color: #e79292 !important;
}

.dark-mode .bg-red-light {
    background-color: #dc6362 !important;
}

.dark-mode a.bg-red-light:hover,
.dark-mode a.bg-red-light:focus {
    background-color: #d33a38 !important;
}

.dark-mode button.bg-red-light:hover,
.dark-mode button.bg-red-light:focus {
    background-color: #d33a38 !important;
}

.dark-mode .bg-red-dark {
    background-color: #a41a19 !important;
}

.dark-mode a.bg-red-dark:hover,
.dark-mode a.bg-red-dark:focus {
    background-color: #781312 !important;
}

.dark-mode button.bg-red-dark:hover,
.dark-mode button.bg-red-dark:focus {
    background-color: #781312 !important;
}

.dark-mode .bg-red-darker {
    background-color: #520d0c !important;
}

.dark-mode a.bg-red-darker:hover,
.dark-mode a.bg-red-darker:focus {
    background-color: #260605 !important;
}

.dark-mode button.bg-red-darker:hover,
.dark-mode button.bg-red-darker:focus {
    background-color: #260605 !important;
}

.dark-mode .bg-red-darkest {
    background-color: #290606 !important;
}

.dark-mode a.bg-red-darkest:hover,
.dark-mode a.bg-red-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-red-darkest:hover,
.dark-mode button.bg-red-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-orange-lightest {
    background-color: #2a2a4a !important;
}

.dark-mode a.bg-orange-lightest:hover,
.dark-mode a.bg-orange-lightest:focus {
    background-color: peachpuff !important;
}

.dark-mode button.bg-orange-lightest:hover,
.dark-mode button.bg-orange-lightest:focus {
    background-color: peachpuff !important;
}

.dark-mode .bg-orange-lighter {
    background-color: #fee0c7 !important;
}

.dark-mode a.bg-orange-lighter:hover,
.dark-mode a.bg-orange-lighter:focus {
    background-color: #fdc495 !important;
}

.dark-mode button.bg-orange-lighter:hover,
.dark-mode button.bg-orange-lighter:focus {
    background-color: #fdc495 !important;
}

.dark-mode .bg-orange-light {
    background-color: #feb67c !important;
}

.dark-mode a.bg-orange-light:hover,
.dark-mode a.bg-orange-light:focus {
    background-color: #fe9a49 !important;
}

.dark-mode button.bg-orange-light:hover,
.dark-mode button.bg-orange-light:focus {
    background-color: #fe9a49 !important;
}

.dark-mode .bg-orange-dark {
    background-color: #ca7836 !important;
}

.dark-mode a.bg-orange-dark:hover,
.dark-mode a.bg-orange-dark:focus {
    background-color: #a2602b !important;
}

.dark-mode button.bg-orange-dark:hover,
.dark-mode button.bg-orange-dark:focus {
    background-color: #a2602b !important;
}

.dark-mode .bg-orange-darker {
    background-color: #653c1b !important;
}

.dark-mode a.bg-orange-darker:hover,
.dark-mode a.bg-orange-darker:focus {
    background-color: #3d2410 !important;
}

.dark-mode button.bg-orange-darker:hover,
.dark-mode button.bg-orange-darker:focus {
    background-color: #3d2410 !important;
}

.dark-mode .bg-orange-darkest {
    background-color: #331e0e !important;
}

.dark-mode a.bg-orange-darkest:hover,
.dark-mode a.bg-orange-darkest:focus {
    background-color: #0b0603 !important;
}

.dark-mode button.bg-orange-darkest:hover,
.dark-mode button.bg-orange-darkest:focus {
    background-color: #0b0603 !important;
}

.dark-mode .bg-yellow-lightest {
    background-color: #fef9e7 !important;
}

.dark-mode a.bg-yellow-lightest:hover,
.dark-mode a.bg-yellow-lightest:focus {
    background-color: #fcedb6 !important;
}

.dark-mode button.bg-yellow-lightest:hover,
.dark-mode button.bg-yellow-lightest:focus {
    background-color: #fcedb6 !important;
}

.dark-mode .bg-yellow-lighter {
    background-color: #fbedb7 !important;
}

.dark-mode a.bg-yellow-lighter:hover,
.dark-mode a.bg-yellow-lighter:focus {
    background-color: #f8e187 !important;
}

.dark-mode button.bg-yellow-lighter:hover,
.dark-mode button.bg-yellow-lighter:focus {
    background-color: #f8e187 !important;
}

.dark-mode .bg-yellow-light {
    background-color: #f5d657 !important;
}

.dark-mode a.bg-yellow-light:hover,
.dark-mode a.bg-yellow-light:focus {
    background-color: #f2ca27 !important;
}

.dark-mode button.bg-yellow-light:hover,
.dark-mode button.bg-yellow-light:focus {
    background-color: #f2ca27 !important;
}

.dark-mode .bg-yellow-dark {
    background-color: #c19d0c !important;
}

.dark-mode a.bg-yellow-dark:hover,
.dark-mode a.bg-yellow-dark:focus {
    background-color: #917609 !important;
}

.dark-mode button.bg-yellow-dark:hover,
.dark-mode button.bg-yellow-dark:focus {
    background-color: #917609 !important;
}

.dark-mode .bg-yellow-darker {
    background-color: #604e06 !important;
}

.dark-mode a.bg-yellow-darker:hover,
.dark-mode a.bg-yellow-darker:focus {
    background-color: #302703 !important;
}

.dark-mode button.bg-yellow-darker:hover,
.dark-mode button.bg-yellow-darker:focus {
    background-color: #302703 !important;
}

.dark-mode .bg-yellow-darkest {
    background-color: #302703 !important;
}

.dark-mode a.bg-yellow-darkest:hover,
.dark-mode a.bg-yellow-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-yellow-darkest:hover,
.dark-mode button.bg-yellow-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-green-lightest {
    background-color: #eff8e6 !important;
}

.dark-mode a.bg-green-lightest:hover,
.dark-mode a.bg-green-lightest:focus {
    background-color: #d6edbe !important;
}

.dark-mode button.bg-green-lightest:hover,
.dark-mode button.bg-green-lightest:focus {
    background-color: #d6edbe !important;
}

.dark-mode .bg-green-lighter {
    background-color: #cfeab3 !important;
}

.dark-mode a.bg-green-lighter:hover,
.dark-mode a.bg-green-lighter:focus {
    background-color: #b6df8b !important;
}

.dark-mode button.bg-green-lighter:hover,
.dark-mode button.bg-green-lighter:focus {
    background-color: #b6df8b !important;
}

.dark-mode .bg-green-light {
    background-color: #8ecf4d !important;
}

.dark-mode a.bg-green-light:hover,
.dark-mode a.bg-green-light:focus {
    background-color: #75b831 !important;
}

.dark-mode button.bg-green-light:hover,
.dark-mode button.bg-green-light:focus {
    background-color: #75b831 !important;
}

.dark-mode .bg-green-dark {
    background-color: #4b9500 !important;
}

.dark-mode a.bg-green-dark:hover,
.dark-mode a.bg-green-dark:focus {
    background-color: #316200 !important;
}

.dark-mode button.bg-green-dark:hover,
.dark-mode button.bg-green-dark:focus {
    background-color: #316200 !important;
}

.dark-mode .bg-green-darker {
    background-color: #264a00 !important;
}

.dark-mode a.bg-green-darker:hover,
.dark-mode a.bg-green-darker:focus {
    background-color: #0c1700 !important;
}

.dark-mode button.bg-green-darker:hover,
.dark-mode button.bg-green-darker:focus {
    background-color: #0c1700 !important;
}

.dark-mode .bg-green-darkest {
    background-color: #132500 !important;
}

.dark-mode a.bg-green-darkest:hover,
.dark-mode a.bg-green-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-green-darkest:hover,
.dark-mode button.bg-green-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-teal-lightest {
    background-color: #eafaf8 !important;
}

.dark-mode a.bg-teal-lightest:hover,
.dark-mode a.bg-teal-lightest:focus {
    background-color: #c1f0ea !important;
}

.dark-mode button.bg-teal-lightest:hover,
.dark-mode button.bg-teal-lightest:focus {
    background-color: #c1f0ea !important;
}

.dark-mode .bg-teal-lighter {
    background-color: #bfefea !important;
}

.dark-mode a.bg-teal-lighter:hover,
.dark-mode a.bg-teal-lighter:focus {
    background-color: #96e5dd !important;
}

.dark-mode button.bg-teal-lighter:hover,
.dark-mode button.bg-teal-lighter:focus {
    background-color: #96e5dd !important;
}

.dark-mode .bg-teal-light {
    background-color: #6bdbcf !important;
}

.dark-mode a.bg-teal-light:hover,
.dark-mode a.bg-teal-light:focus {
    background-color: #42d1c2 !important;
}

.dark-mode button.bg-teal-light:hover,
.dark-mode button.bg-teal-light:focus {
    background-color: #42d1c2 !important;
}

.dark-mode .bg-teal-dark {
    background-color: #22a295 !important;
}

.dark-mode a.bg-teal-dark:hover,
.dark-mode a.bg-teal-dark:focus {
    background-color: #19786e !important;
}

.dark-mode button.bg-teal-dark:hover,
.dark-mode button.bg-teal-dark:focus {
    background-color: #19786e !important;
}

.dark-mode .bg-teal-darker {
    background-color: #11514a !important;
}

.dark-mode a.bg-teal-darker:hover,
.dark-mode a.bg-teal-darker:focus {
    background-color: #082723 !important;
}

.dark-mode button.bg-teal-darker:hover,
.dark-mode button.bg-teal-darker:focus {
    background-color: #082723 !important;
}

.dark-mode .bg-teal-darkest {
    background-color: #092925 !important;
}

.dark-mode a.bg-teal-darkest:hover,
.dark-mode a.bg-teal-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-teal-darkest:hover,
.dark-mode button.bg-teal-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-cyan-lightest {
    background-color: #e8f6f8 !important;
}

.dark-mode a.bg-cyan-lightest:hover,
.dark-mode a.bg-cyan-lightest:focus {
    background-color: #c1e7ec !important;
}

.dark-mode button.bg-cyan-lightest:hover,
.dark-mode button.bg-cyan-lightest:focus {
    background-color: #c1e7ec !important;
}

.dark-mode .bg-cyan-lighter {
    background-color: #b9e3ea !important;
}

.dark-mode a.bg-cyan-lighter:hover,
.dark-mode a.bg-cyan-lighter:focus {
    background-color: #92d3de !important;
}

.dark-mode button.bg-cyan-lighter:hover,
.dark-mode button.bg-cyan-lighter:focus {
    background-color: #92d3de !important;
}

.dark-mode .bg-cyan-light {
    background-color: #5dbecd !important;
}

.dark-mode a.bg-cyan-light:hover,
.dark-mode a.bg-cyan-light:focus {
    background-color: #3aabbd !important;
}

.dark-mode button.bg-cyan-light:hover,
.dark-mode button.bg-cyan-light:focus {
    background-color: #3aabbd !important;
}

.dark-mode .bg-cyan-dark {
    background-color: #128293 !important;
}

.dark-mode a.bg-cyan-dark:hover,
.dark-mode a.bg-cyan-dark:focus {
    background-color: #0c5a66 !important;
}

.dark-mode button.bg-cyan-dark:hover,
.dark-mode button.bg-cyan-dark:focus {
    background-color: #0c5a66 !important;
}

.dark-mode .bg-cyan-darker {
    background-color: #09414a !important;
}

.dark-mode a.bg-cyan-darker:hover,
.dark-mode a.bg-cyan-darker:focus {
    background-color: #03191d !important;
}

.dark-mode button.bg-cyan-darker:hover,
.dark-mode button.bg-cyan-darker:focus {
    background-color: #03191d !important;
}

.dark-mode .bg-cyan-darkest {
    background-color: #052025 !important;
}

.dark-mode a.bg-cyan-darkest:hover,
.dark-mode a.bg-cyan-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-cyan-darkest:hover,
.dark-mode button.bg-cyan-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-white-lightest {
    background-color: white !important;
}

.dark-mode a.bg-white-lightest:hover,
.dark-mode a.bg-white-lightest:focus {
    background-color: #2a2a4a !important;
}

.dark-mode button.bg-white-lightest:hover,
.dark-mode button.bg-white-lightest:focus {
    background-color: #2a2a4a !important;
}

.dark-mode .bg-white-lighter {
    background-color: white !important;
}

.dark-mode a.bg-white-lighter:hover,
.dark-mode a.bg-white-lighter:focus {
    background-color: #2a2a4a !important;
}

.dark-mode button.bg-white-lighter:hover,
.dark-mode button.bg-white-lighter:focus {
    background-color: #2a2a4a !important;
}

.dark-mode .bg-white-light {
    background-color: white !important;
}

.dark-mode a.bg-white-light:hover,
.dark-mode a.bg-white-light:focus {
    background-color: #2a2a4a !important;
}

.dark-mode button.bg-white-light:hover,
.dark-mode button.bg-white-light:focus {
    background-color: #2a2a4a !important;
}

.dark-mode .bg-white-dark {
    background-color: #cccccc !important;
}

.dark-mode a.bg-white-dark:hover,
.dark-mode a.bg-white-dark:focus {
    background-color: #b3b2b2 !important;
}

.dark-mode button.bg-white-dark:hover,
.dark-mode button.bg-white-dark:focus {
    background-color: #b3b2b2 !important;
}

.dark-mode .bg-white-darker {
    background-color: #666666 !important;
}

.dark-mode a.bg-white-darker:hover,
.dark-mode a.bg-white-darker:focus {
    background-color: #4d4c4c !important;
}

.dark-mode button.bg-white-darker:hover,
.dark-mode button.bg-white-darker:focus {
    background-color: #4d4c4c !important;
}

.dark-mode .bg-white-darkest {
    background-color: #333333 !important;
}

.dark-mode a.bg-white-darkest:hover,
.dark-mode a.bg-white-darkest:focus {
    background-color: #1a1919 !important;
}

.dark-mode button.bg-white-darkest:hover,
.dark-mode button.bg-white-darkest:focus {
    background-color: #1a1919 !important;
}

.dark-mode .bg-gray-lightest {
    background-color: #f3f4f5 !important;
}

.dark-mode a.bg-gray-lightest:hover,
.dark-mode a.bg-gray-lightest:focus {
    background-color: #d7dbde !important;
}

.dark-mode button.bg-gray-lightest:hover,
.dark-mode button.bg-gray-lightest:focus {
    background-color: #d7dbde !important;
}

.dark-mode .bg-gray-lighter {
    background-color: #dbdde0 !important;
}

.dark-mode a.bg-gray-lighter:hover,
.dark-mode a.bg-gray-lighter:focus {
    background-color: #c0c3c8 !important;
}

.dark-mode button.bg-gray-lighter:hover,
.dark-mode button.bg-gray-lighter:focus {
    background-color: #c0c3c8 !important;
}

.dark-mode .bg-gray-light {
    background-color: #aab0b6 !important;
}

.dark-mode a.bg-gray-light:hover,
.dark-mode a.bg-gray-light:focus {
    background-color: #8f979e !important;
}

.dark-mode button.bg-gray-light:hover,
.dark-mode button.bg-gray-light:focus {
    background-color: #8f979e !important;
}

.dark-mode .bg-gray-dark {
    background-color: #6b7278 !important;
    background: #343a40 !important;
}

.dark-mode a.bg-gray-dark:hover,
.dark-mode a.bg-gray-dark:focus {
    background-color: #53585d !important;
}

.dark-mode button.bg-gray-dark:hover,
.dark-mode button.bg-gray-dark:focus {
    background-color: #53585d !important;
}

.dark-mode .bg-gray-darker {
    background-color: #36393c !important;
}

.dark-mode a.bg-gray-darker:hover,
.dark-mode a.bg-gray-darker:focus {
    background-color: #1e2021 !important;
}

.dark-mode button.bg-gray-darker:hover,
.dark-mode button.bg-gray-darker:focus {
    background-color: #1e2021 !important;
}

.dark-mode .bg-gray-darkest {
    background-color: #1b1c1e !important;
}

.dark-mode a.bg-gray-darkest:hover,
.dark-mode a.bg-gray-darkest:focus {
    background-color: #030303 !important;
}

.dark-mode button.bg-gray-darkest:hover,
.dark-mode button.bg-gray-darkest:focus {
    background-color: #030303 !important;
}

.dark-mode .bg-gray-dark-lightest {
    background-color: #ebebec !important;
}

.dark-mode a.bg-gray-dark-lightest:hover,
.dark-mode a.bg-gray-dark-lightest:focus {
    background-color: #d1d1d3 !important;
}

.dark-mode button.bg-gray-dark-lightest:hover,
.dark-mode button.bg-gray-dark-lightest:focus {
    background-color: #d1d1d3 !important;
}

.dark-mode .bg-gray-dark-lighter {
    background-color: #c2c4c6 !important;
}

.dark-mode a.bg-gray-dark-lighter:hover,
.dark-mode a.bg-gray-dark-lighter:focus {
    background-color: #a8abad !important;
}

.dark-mode button.bg-gray-dark-lighter:hover,
.dark-mode button.bg-gray-dark-lighter:focus {
    background-color: #a8abad !important;
}

.dark-mode .bg-gray-dark-light {
    background-color: #717579 !important;
}

.dark-mode a.bg-gray-dark-light:hover,
.dark-mode a.bg-gray-dark-light:focus {
    background-color: #585c5f !important;
}

.dark-mode button.bg-gray-dark-light:hover,
.dark-mode button.bg-gray-dark-light:focus {
    background-color: #585c5f !important;
}

.dark-mode .bg-gray-dark-dark {
    background-color: #2a2e33 !important;
}

.dark-mode a.bg-gray-dark-dark:hover,
.dark-mode a.bg-gray-dark-dark:focus {
    background-color: #131517 !important;
}

.dark-mode button.bg-gray-dark-dark:hover,
.dark-mode button.bg-gray-dark-dark:focus {
    background-color: #131517 !important;
}

.dark-mode .bg-gray-dark-darker {
    background-color: #15171a !important;
}

.dark-mode a.bg-gray-dark-darker:hover,
.dark-mode a.bg-gray-dark-darker:focus {
    background-color: black !important;
}

.dark-mode button.bg-gray-dark-darker:hover,
.dark-mode button.bg-gray-dark-darker:focus {
    background-color: black !important;
}

.dark-mode .bg-gray-dark-darkest {
    background-color: #0a0c0d !important;
}

.dark-mode a.bg-gray-dark-darkest:hover,
.dark-mode a.bg-gray-dark-darkest:focus {
    background-color: black !important;
}

.dark-mode button.bg-gray-dark-darkest:hover,
.dark-mode button.bg-gray-dark-darkest:focus {
    background-color: black !important;
}

.dark-mode .bg-azure-lightest {
    background-color: #ecf7fe !important;
}

.dark-mode a.bg-azure-lightest:hover,
.dark-mode a.bg-azure-lightest:focus {
    background-color: #bce3fb !important;
}

.dark-mode button.bg-azure-lightest:hover,
.dark-mode button.bg-azure-lightest:focus {
    background-color: #bce3fb !important;
}

.dark-mode .bg-azure-lighter {
    background-color: #c7e6fb !important;
}

.dark-mode a.bg-azure-lighter:hover,
.dark-mode a.bg-azure-lighter:focus {
    background-color: #97d1f8 !important;
}

.dark-mode button.bg-azure-lighter:hover,
.dark-mode button.bg-azure-lighter:focus {
    background-color: #97d1f8 !important;
}

.dark-mode .bg-azure-light {
    background-color: #7dc4f6 !important;
}

.dark-mode a.bg-azure-light:hover,
.dark-mode a.bg-azure-light:focus {
    background-color: #4daef3 !important;
}

.dark-mode button.bg-azure-light:hover,
.dark-mode button.bg-azure-light:focus {
    background-color: #4daef3 !important;
}

.dark-mode .bg-azure-dark {
    background-color: #3788c2 !important;
}

.dark-mode a.bg-azure-dark:hover,
.dark-mode a.bg-azure-dark:focus {
    background-color: #2c6c9a !important;
}

.dark-mode button.bg-azure-dark:hover,
.dark-mode button.bg-azure-dark:focus {
    background-color: #2c6c9a !important;
}

.dark-mode .bg-azure-darker {
    background-color: #1c4461 !important;
}

.dark-mode a.bg-azure-darker:hover,
.dark-mode a.bg-azure-darker:focus {
    background-color: #112839 !important;
}

.dark-mode button.bg-azure-darker:hover,
.dark-mode button.bg-azure-darker:focus {
    background-color: #112839 !important;
}

.dark-mode .bg-azure-darkest {
    background-color: #0e2230 !important;
}

.dark-mode a.bg-azure-darkest:hover,
.dark-mode a.bg-azure-darkest:focus {
    background-color: #020609 !important;
}

.dark-mode button.bg-azure-darkest:hover,
.dark-mode button.bg-azure-darkest:focus {
    background-color: #020609 !important;
}

.dark-mode .bg-lime-lightest {
    background-color: #f2fbeb !important;
}

.dark-mode a.bg-lime-lightest:hover,
.dark-mode a.bg-lime-lightest:focus {
    background-color: #d6f3c1 !important;
}

.dark-mode button.bg-lime-lightest:hover,
.dark-mode button.bg-lime-lightest:focus {
    background-color: #d6f3c1 !important;
}

.dark-mode .bg-lime-lighter {
    background-color: #d7f2c2 !important;
}

.dark-mode a.bg-lime-lighter:hover,
.dark-mode a.bg-lime-lighter:focus {
    background-color: #bbe998 !important;
}

.dark-mode button.bg-lime-lighter:hover,
.dark-mode button.bg-lime-lighter:focus {
    background-color: #bbe998 !important;
}

.dark-mode .bg-lime-light {
    background-color: #a3e072 !important;
}

.dark-mode a.bg-lime-light:hover,
.dark-mode a.bg-lime-light:focus {
    background-color: #88d748 !important;
}

.dark-mode button.bg-lime-light:hover,
.dark-mode button.bg-lime-light:focus {
    background-color: #88d748 !important;
}

.dark-mode .bg-lime-dark {
    background-color: #62a82a !important;
}

.dark-mode a.bg-lime-dark:hover,
.dark-mode a.bg-lime-dark:focus {
    background-color: #4a7f20 !important;
}

.dark-mode button.bg-lime-dark:hover,
.dark-mode button.bg-lime-dark:focus {
    background-color: #4a7f20 !important;
}

.dark-mode .bg-lime-darker {
    background-color: #315415 !important;
}

.dark-mode a.bg-lime-darker:hover,
.dark-mode a.bg-lime-darker:focus {
    background-color: #192b0b !important;
}

.dark-mode button.bg-lime-darker:hover,
.dark-mode button.bg-lime-darker:focus {
    background-color: #192b0b !important;
}

.dark-mode .bg-lime-darkest {
    background-color: #192a0b !important;
}

.dark-mode a.bg-lime-darkest:hover,
.dark-mode a.bg-lime-darkest:focus {
    background-color: #010200 !important;
}

.dark-mode button.bg-lime-darkest:hover,
.dark-mode button.bg-lime-darkest:focus {
    background-color: #010200 !important;
}

.dark-mode .bg-blue-1 {
    background-color: #0061da;
    color: #fff !important;
}

.dark-mode .bg-blue {
    background: #3223f1;
    color: #fff !important;
}

.dark-mode a.bg-blue:hover,
.dark-mode a.bg-blue:focus {
    background-color: #4032f1 !important;
}

.dark-mode button.bg-blue:hover,
.dark-mode button.bg-blue:focus {
    background-color: #4032f1 !important;
}

.dark-mode .bg-indigo {
    background: #6574cd;
    color: #fff !important;
}

.dark-mode a.bg-indigo:hover,
.dark-mode a.bg-indigo:focus {
    background-color: #3f51c1 !important;
}

.dark-mode button.bg-indigo:hover,
.dark-mode button.bg-indigo:focus {
    background-color: #3f51c1 !important;
}

.dark-mode .bg-purple-gradient {
    background: linear-gradient(to bottom right, #8927ec 0%, #647dee 100%) !important;
    color: #fff !important;
}

.dark-mode a.bg-purple-gradient:hover,
.dark-mode a.bg-purple-gradient:focus {
    background-color: #8c31e4 !important;
}

.dark-mode button.bg-purple-gradient:hover,
.dark-mode button.bg-purple-gradient:focus {
    background-color: #8c31e4 !important;
}

.dark-mode .bg-pink {
    background: #ec82ef !important;
    color: #fff !important;
}

.dark-mode .bg-darkpink {
    background-color: #14a485 !important;
    color: #fff !important;
}

.dark-mode a.bg-pink:hover,
.dark-mode a.bg-pink:focus {
    background-color: #f33d7a !important;
}

.dark-mode button.bg-pink:hover,
.dark-mode button.bg-pink:focus {
    background-color: #f33d7a !important;
}

.dark-mode .bg-red {
    background: #e73827;
    color: #fff !important;
}

.dark-mode a.bg-red:hover,
.dark-mode a.bg-red:focus {
    background-color: #a11918 !important;
}

.dark-mode button.bg-red:hover,
.dark-mode button.bg-red:focus {
    background-color: #a11918 !important;
}

.dark-mode .bg-orange {
    background: #fc7303;
    color: #fff !important;
}

.dark-mode a.bg-orange:hover,
.dark-mode a.bg-orange:focus {
    background-color: #fc7a12 !important;
}

.dark-mode button.bg-orange:hover,
.dark-mode button.bg-orange:focus {
    background-color: #fc7a12 !important;
}

.dark-mode .bg-yellow-1 {
    background-color: #FBB034;
    color: #fff !important;
}

.dark-mode .bg-yellow {
    background: #FBB034;
    color: #fff !important;
}

.dark-mode a.bg-yellow:hover,
.dark-mode a.bg-yellow:focus {
    background-color: #c29d0b !important;
}

.dark-mode button.bg-yellow:hover,
.dark-mode button.bg-yellow:focus {
    background-color: #c29d0b !important;
}

.dark-mode .bg-green-1 {
    background-color: #4ecc48;
    color: #fff !important;
}

.dark-mode .bg-green {
    background: #4ecc48;
    color: #fff !important;
}

.dark-mode a.bg-green:hover,
.dark-mode a.bg-green:focus {
    background-color: #448700 !important;
}

.dark-mode button.bg-green:hover,
.dark-mode button.bg-green:focus {
    background-color: #448700 !important;
}

.dark-mode .bg-teal {
    background: #1caf9f !important;
}

.dark-mode a.bg-teal:hover,
.dark-mode a.bg-teal:focus {
    background-color: #22a193 !important;
}

.dark-mode button.bg-teal:hover,
.dark-mode button.bg-teal:focus {
    background-color: #22a193 !important;
}

.dark-mode .bg-cyan {
    background: #007ea7 !important;
    color: #fff !important;
}

.dark-mode a.bg-cyan:hover,
.dark-mode a.bg-cyan:focus {
    background-color: #117a8b !important;
}

.dark-mode button.bg-cyan:hover,
.dark-mode button.bg-cyan:focus {
    background-color: #117a8b !important;
}

.dark-mode a.bg-white:hover,
.dark-mode a.bg-white:focus {
    background-color: #2a2a4a !important;
}

.dark-mode button.bg-white:hover,
.dark-mode button.bg-white:focus {
    background-color: #2a2a4a !important;
}

.dark-mode .bg-gray {
    background: #5a6970 !important;
}

.dark-mode a.bg-gray:hover,
.dark-mode a.bg-gray:focus {
    background-color: #6c757d !important;
}

.dark-mode button.bg-gray:hover,
.dark-mode button.bg-gray:focus {
    background-color: #6c757d !important;
}

.dark-mode .bg-lightpink-red {
    color: #ff7088 !important;
}

.dark-mode a.bg-gray-dark:hover,
.dark-mode a.bg-gray-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode button.bg-gray-dark:hover,
.dark-mode button.bg-gray-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode .bg-azure {
    background: #45aaf2;
}

.dark-mode a.bg-azure:hover,
.dark-mode a.bg-azure:focus {
    background-color: #1594ef !important;
}

.dark-mode button.bg-azure:hover,
.dark-mode button.bg-azure:focus {
    background-color: #1594ef !important;
}

.dark-mode .bg-purple-1 {
    background: #8927ec;
}

.dark-mode .bg-lime {
    background: #7bd235;
}

.dark-mode a.bg-lime:hover,
.dark-mode a.bg-lime:focus {
    background-color: #63ad27 !important;
}

.dark-mode button.bg-lime:hover,
.dark-mode button.bg-lime:focus {
    background-color: #63ad27 !important;
}

.dark-mode .bg-square {
    color: #fff;
    background: #868e96;
}

.dark-mode .bg-primary-light {
    background: #2a2a4a;
}

.dark-mode .bg-google-plus {
    background-color: #dd4b39;
}

.dark-mode .bg-pinterest {
    background: linear-gradient(to right bottom, #c51629 0%, #bd081c 100%);
}

.dark-mode .bg-light-gray {
    background-color: #2a2a4a;
}

.dark-mode .bg-progress-white {
    background-color: #eaeceb;
}

.dark-mode .bg-dribbble {
    background: linear-gradient(to bottom right, #ea4c89, #c93764) !important;
}

.dark-mode .bg-google {
    background: linear-gradient(to bottom right, #e64522, #c33219) !important;
    color: #fff;
}

.dark-mode .bg-success-transparent {
    background-color: rgba(0, 230, 130, 0.1) !important;
}

.dark-mode .bg-info-transparent {
    background-color: #123d68 !important;
}

.dark-mode .bg-warning-transparent {
    background-color: rgba(255, 162, 43, 0.1) !important;
}

.dark-mode .bg-danger-transparent {
    background-color: rgba(255, 56, 43, 0.1) !important;
}

.dark-mode .bg-pink-transparent {
    background-color: rgba(213, 109, 252, 0.1) !important;
}

.dark-mode .bg-purple-transparent {
    background-color: rgba(96, 77, 216, 0.1) !important;
}

.dark-mode .bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

.dark-mode .bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode .bg-secondary-transparent {
    background-color: rgba(5, 195, 251, 0.1) !important;
}

.dark-mode .shadow-primary {
    box-shadow: 0 7px 30px var(--primary03) !important;
}

.dark-mode .shadow-secondary {
    box-shadow: 0 7px 30px rgba(130, 207, 242, 0.1) !important;
}

.dark-mode .shadow-warning {
    box-shadow: 0 7px 30px rgba(251, 176, 52, 0.1) !important;
}

.dark-mode .shadow-info {
    box-shadow: 0 7px 30px rgba(40, 146, 235, 0.5) !important;
}

.dark-mode .shadow-success {
    box-shadow: 0 7px 30px rgba(26, 122, 16, 0.1) !important;
}

.dark-mode .shadow-danger {
    box-shadow: 0 7px 30px rgba(245, 167, 184, 0.1) !important;
}

.dark-mode .bg-default {
    background: #e9e9f1;
    color: #282f53;
}

.dark-mode .border {
    border-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .border-top {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-end {
    border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-bottom {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-start {
    border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-secondary {
    border: 1px solid #05c3fb !important;
}

.dark-mode .border-success {
    border-color: #1bbfa7 !important;
}

.dark-mode .border-info {
    border-color: #45aaf2 !important;
}

.dark-mode .border-warning {
    border-color: #ecb403 !important;
}

.dark-mode .border-danger {
    border-color: #f82649 !important;
}

.dark-mode .border-pink {
    border-color: #ec82ef !important;
}

.dark-mode .border-orange {
    border-color: #fc7303 !important;
}

.dark-mode .border-light {
    border-color: #f8f9fa !important;
}

.dark-mode .border-transparent {
    border-color: #656a71 !important;
}

.dark-mode .border-dark {
    border-color: #343a40 !important;
}

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

.dark-mode .border-end-1 {
    border-right-color: #d5dce3;
}

.dark-mode .text-white-transparent,
.dark-mode .text-white-transparent-1 {
    color: #fff !important;
}

.dark-mode a.text-primary:hover,
.dark-mode a.text-primary:focus {
    color: var(--primary-bg-color) !important;
}

.dark-mode .text-secondary {
    color: #05c3fb !important;
}

.dark-mode a.text-secondary:hover,
.dark-mode a.text-secondary:focus {
    color: #05c3fb !important;
}

.dark-mode .text-success {
    color: #09ad95 !important;
}

.dark-mode a.text-success:hover,
.dark-mode a.text-success:focus {
    color: #448700 !important;
}

.dark-mode .text-info {
    color: #1170e4 !important;
}

.dark-mode a.text-info:hover,
.dark-mode a.text-info:focus {
    color: #1594ef !important;
}

.dark-mode .text-warning {
    color: #f7b731 !important;
}

.dark-mode a.text-warning:hover,
.dark-mode a.text-warning:focus {
    color: #c29d0b !important;
}

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

.dark-mode a.text-danger:hover,
.dark-mode a.text-danger:focus {
    color: #d22827 !important;
}

.dark-mode .text-light {
    color: #ebedef !important;
}

.dark-mode a.text-light:hover,
.dark-mode a.text-light:focus {
    color: #dae0e5 !important;
}

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

.dark-mode a.text-dark:hover,
.dark-mode a.text-dark:focus {
    color: var(--primary-bg-color) !important;
}

.dark-mode .text-body {
    color: #495057 !important;
}

.dark-mode .text-muted {
    color: #9595b5 !important;
}

.dark-mode .text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.dark-mode .text-hide {
    color: transparent;
    background-color: transparent;
}

.dark-mode .text-inherit {
    color: inherit !important;
}

.dark-mode .text-default {
    color: #7a7a92 !important;
}

.dark-mode .text-muted-dark {
    color: #1c232f !important;
}

.dark-mode .text-fb-blue {
    color: #234684 !important;
}

.dark-mode .text-blue {
    color: #467fcf !important;
}

.dark-mode .text-indigo {
    color: #6574cd !important;
}

.dark-mode .text-purple {
    color: #867efc !important;
}

.dark-mode .text-lightpink-red {
    color: #ff7088 !important;
}

.dark-mode .text-lightgreen {
    color: #26eda2 !important;
}

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

.dark-mode .text-red {
    color: #c21a1a !important;
}

.dark-mode .text-orange {
    color: #fc7303 !important;
}

.dark-mode .text-yellow {
    color: #ecb403 !important;
}

.dark-mode .text-green {
    color: #4ecc48 !important;
}

.dark-mode .text-green-1 {
    color: #0dff01 !important;
}

.dark-mode .text-teal {
    color: #2bcbba !important;
}

.dark-mode .text-cyan {
    color: #17a2b8 !important;
}

.dark-mode .text-white {
    color: #dedefd !important;
}

.dark-mode .text-gray {
    color: #969696 !important;
}

.dark-mode .text-gray-dark {
    color: #343a40 !important;
}

.dark-mode .text-azure {
    color: #45aaf2 !important;
}

.dark-mode .text-lime {
    color: #7bd235 !important;
}

.dark-mode .text-transparent {
    color: #332525;
}

.dark-mode .text-facebook {
    color: #3b5998;
}

.dark-mode .text-google-plus {
    color: #dd4b39;
}

.dark-mode .text-twitter {
    color: #1da1f2;
}

.dark-mode .text-pinterest {
    color: #bd081c;
}

.dark-mode .text-secondary-gradient {
    background: linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%);
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #cd489c 0%, #ce4ba4 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-info-gradient {
    background: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-success-gradient {
    background: linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-facebook-gradient {
    background: linear-gradient(to right bottom, #1e3c72 0%, #3d6cbf 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-twitter-gradient {
    background: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-google-plus-gradient {
    background: linear-gradient(to right bottom, #dd4b39 0%, #ef6a5a 100%);
    -webkit-text-fill-color: transparent;
}

.dark-mode .text-success-shadow {
    text-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;
}

.dark-mode .text-info-shadow {
    text-shadow: 0 5px 10px rgba(7, 116, 248, 0.3) !important;
}

.dark-mode .text-warning-shadow {
    text-shadow: 0 5px 10px rgba(255, 162, 43, 0.3) !important;
}

.dark-mode .text-danger-shadow {
    text-shadow: 0 5px 10px rgba(255, 56, 43, 0.3) !important;
}

.dark-mode .text-pink-shadow {
    text-shadow: 0 5px 10px rgba(213, 109, 252, 0.3) !important;
}

.dark-mode .text-purple-shadow {
    text-shadow: 0 5px 10px rgba(96, 77, 216, 0.3) !important;
}

.dark-mode .text-dark-shadow {
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .text-white-shadow {
    text-shadow: 0 5px 10px rgba(255, 255, 255, 0.3) !important;
}

.dark-mode .text-secondary-shadow {
    text-shadow: 0 5px 10px rgba(130, 207, 242, 0.3);
}

.dark-mode .alert-success hr {
    border-top-color: #09ad95;
}

.dark-mode .alert-info hr {
    border-top-color: #1170e4;
}

.dark-mode .alert-warning hr {
    border-top-color: #f7b731;
}

.dark-mode .alert-danger hr {
    border-top-color: #e82646;
}

.dark-mode.horizontal .main-sidemenu .slide-left,
.dark-mode.horizontal .main-sidemenu .slide-right {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode.horizontal .main-sidemenu .slide-left svg,
.dark-mode.horizontal .main-sidemenu .slide-right svg {
    fill: #dedefd;
}

.dark-mode.horizontal .logo-horizontal .header-brand-img.light-logo1 {
    display: none;
}

.dark-mode.horizontal .side-menu>li>a {
    color: #dedefd;
}

.dark-mode .sidebar {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 8px 14.72px 1.28px rgba(42, 38, 53, 0.5);
}

.dark-mode .light-layout {
    display: block;
}

.dark-mode .dark-layout {
    display: none;
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #30304d;
}

.dark-mode .select2-container--default .select2-results>.select2-results__options {
    box-shadow: 0px 8px 14.72px 1.28px rgba(34, 34, 61, 0.8);
}

.dark-mode .select2-dropdown {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .side-header .header-brand-img.desktop-logo {
    display: block !important;
}

.dark-mode .side-header .header-brand-img.light-logo1 {
    display: none !important;
}

.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {
    display: none !important;
}

.dark-mode .header-brand .header-brand-img.logo-3 {
    display: none;
}

.dark-mode .header-brand .header-brand-img.logo {
    display: block;
}

.dark-mode.sidebar-mini .app-header .light-logo1 {
    display: none !important;
}

.dark-mode.sidenav-toggled .header-brand-img.light-logo {
    display: none !important;
}

.dark-mode.light-menu.sidenav-toggled .header-brand-img.light-logo {
    display: block !important;
}

.dark-mode.light-menu.sidenav-toggled-open .header-brand-img.light-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
    display: block !important;
}

.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: block !important;
}

.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo {
    display: none !important;
}

.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: block !important;
}

.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: none;
}

.dark-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: block;
}

.dark-mode.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: none;
}

@media (max-width: 991px) {
    .dark-mode .app-header.header .header-brand-img.desktop-logo {
        display: block;
    }
}

.dark-mode .alert-default {
    background-color: #1a1a3c;
}

.dark-mode .datepicker .datepicker-switch,
.dark-mode .datepicker td,
.dark-mode .datepicker th {
    color: #dedefd !important;
}

.dark-mode .datepicker-dropdown.datepicker-orient-top:after,
.dark-mode .datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: #30304d;
}

.dark-mode datepicker-dropdown.datepicker-orient-top:after,
.dark-mode datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #3e3e50;
}

.dark-mode datepicker-dropdown:after,
.dark-mode datepicker-dropdown:before {
    border-bottom-color: #2e2e4a;
}

.dark-mode .datepicker table tr td span:hover,
.dark-mode .datepicker table tr td span.focused {
    background: #21213c !important;
    color: #dedefd !important;
}

.dark-mode .datepicker .prev,
.dark-mode .datepicker .next {
    background: #39395c;
}

.dark-mode .datepicker-dropdown:after {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .datepicker-dropdown::before {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-choice {
    color: #9595b5;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-choice.disabled {
    background-color: #2d2d48;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-drop {
    color: #9595b5;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-drop.bottom {
    box-shadow: 0px 8px 14.72px 1.28px rgba(34, 34, 61, 0.8);
}

.dark-mode .select2-dropdown {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #30304d;
}

.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #2d2d48;
}

.dark-mode .ms-search input {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-select-arrow {
    color: #dedefd;
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .iti input {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    color: #dedefd;
}

.dark-mode .iti input[type=tel],
.dark-mode .iti input[type=text] {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2a4a;
    border-right-color: rgba(255, 255, 255, 0.1);
    color: #dedefd;
}

.dark-mode .iti__selected-flag {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #2a2a4a;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .iti__country-list {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2a4a;
    border-right-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .iti__country.iti__highlight {
    background-color: #2a2a4a;
}

.dark-mode .iti__divider {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .wizard {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #2a2a4a;
    border-radius: 3px;
}

.dark-mode .wizard>.content {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .wizard>.content>.title {
    color: #dedefd;
}

.dark-mode .wizard>.actions .disabled a {
    background-color: #404062;
    color: rgba(255, 255, 255, 0.62);
}

.dark-mode .wizard>.steps .current a .number,
.dark-mode .wizard>.steps .current a:active .number,
.dark-mode .wizard>.steps .current a:hover .number {
    background-color: var(--primary-bg-color);
}

.dark-mode .wizard>.steps a .number,
.dark-mode .wizard>.steps a:active .number,
.dark-mode .wizard>.steps a:hover .number {
    background-color: #404062;
}

.dark-mode .wizard.vertical>.content,
.dark-mode .wizard.vertical>.actions {
    border-left-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .wizard>.steps .done a .number,
.dark-mode .wizard>.steps .done a:active .number,
.dark-mode .wizard>.steps .done a:hover .number {
    background-color: #0dcd94;
}

.dark-mode .wizard>.steps a .number,
.dark-mode .wizard>.steps a:active .number,
.dark-mode .wizard>.steps a:hover .number {
    background-color: #404062;
}

@media (min-width: 992px) {

    .dark-mode.horizontal .horizontal-main .slide .slide-menu,
    .dark-mode.horizontal .horizontal-main .slide .sub-slide-menu,
    .dark-mode.horizontal .horizontal-main .slide .sub-slide-menu2 {
        background-color: #2a2a4a;
        border-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0px 16px 18px rgba(0, 0, 0, 0.3) !important;
    }
}

.dark-mode .dataTables_wrapper .selected {
    background: #1a1a3c;
}

.dark-mode div.dt-autofill-list {
    background-color: #1e2448;
}

.dark-mode div.dt-autofill-list div.dt-autofill-question {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode div.dt-autofill-list div.dt-autofill-button {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.dark-mode div.dt-autofill-list ul li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.dark-mode div.dt-datetime {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 16px 18px rgba(0, 0, 0, 0.2);
}

.dark-mode div.dt-datetime table td {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode div.dt-datetime table th {
    color: #dedefd;
}

.dark-mode div.dt-datetime div.dt-datetime-iconLeft button,
.dark-mode div.dt-datetime div.dt-datetime-iconRight button,
.dark-mode div.dt-datetime div.dt-datetime-iconUp button,
.dark-mode div.dt-datetime div.dt-datetime-iconDown button {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode div.dt-datetime div.dt-datetime-label:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
}

.dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent;
}

.dark-mode .is-loading select option:checked {
    background-color: rgba(255, 255, 255, 0.1);
    color: #dedefd;
}

.dark-mode .list-group-item a {
    color: rgba(255, 255, 255, 0.7);
}