.dark-mode .text-facebook-gradient,
.dark-mode .text-google-plus-gradient,
.dark-mode .text-info-gradient,
.dark-mode .text-secondary-gradient,
.dark-mode .text-success-gradient,
.dark-mode .text-twitter-gradient {
    -webkit-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.dark-mode .tag,
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 table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode .dtr-bs-modal .dtr-details {
    border: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode .dtr-bs-modal .dtr-details tr td:first-child {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode .form-check-input:disabled~.form-check-label,
.dark-mode caption {
    color: #505662
}

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

.dark-mode .mark,
.dark-mode mark {
    background-color: #fcf8e3
}

.dark-mode .SumoSelect>.optWrapper>.options li.opt,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.dark-mode .bs-popover-bottom .popover-header::before,
.dark-mode .cal1 .clndr .clndr-table .cal1 .clndr .clndr-table tr:last-child .my-day,
.dark-mode .cal1 .clndr .clndr-table tr:last-child .day,
.dark-mode .card-header,
.dark-mode .cardheader-tabs .card-header,
.dark-mode .datepicker-dropdown::before,
.dark-mode .datepicker-dropdown:after,
.dark-mode .dropdown-menu-header,
.dark-mode .expanel-heading,
.dark-mode .header .dropdown-menu .dropdown-item,
.dark-mode .iti__divider,
.dark-mode .list-unstyled li,
.dark-mode .main-chat-contacts-wrapper,
.dark-mode .main-chat-header,
.dark-mode .modal-header,
.dark-mode .nav-tabs,
.dark-mode .offcanvas-top,
.dark-mode .pricing .list-unstyled li,
.dark-mode .pricing1 .list-unstyled li,
.dark-mode .responsive-navbar .dropdown-menu .dropdown-item,
.dark-mode .richText .richText-toolbar ul,
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a,
.dark-mode .table thead th,
.dark-mode .table-inbox tr:last-child,
.dark-mode .table>:not(:last-child)>:last-child>*,
.dark-mode .text-wrap table thead th,
.dark-mode .transfer-double-content-param,
.dark-mode .transfer-double-content-tabs,
.dark-mode div.dt-autofill-list div.dt-autofill-button,
.dark-mode div.dt-autofill-list div.dt-autofill-question {
    border-bottom-color: rgba(255, 255, 255, .1)
}

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

@media print {

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

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

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

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

    .dark-mode .app-content {
        background-color: #2a2a4a
    }
}

.dark-mode #external-events,
.dark-mode .SumoSelect>.optWrapper,
.dark-mode .acc-body,
.dark-mode .acc-header a.collapsed,
.dark-mode .accordion-button:focus,
.dark-mode .accordionjs .acc_section,
.dark-mode .blockquote-reverse,
.dark-mode .border-transparet,
.dark-mode .carousel-inner .carousel-item .thumb,
.dark-mode .carousel-inner .carousel-item .thumb.active,
.dark-mode .customer-services,
.dark-mode .example,
.dark-mode .fc-theme-standard .fc-list,
.dark-mode .fc-theme-standard td,
.dark-mode .fc-theme-standard th,
.dark-mode .fc-unthemed .fc-content,
.dark-mode .fc-unthemed .fc-divider,
.dark-mode .fc-unthemed .fc-list-heading td,
.dark-mode .fc-unthemed .fc-list-view,
.dark-mode .fc-unthemed .fc-popover,
.dark-mode .fc-unthemed .fc-row,
.dark-mode .fc-unthemed tbody,
.dark-mode .fc-unthemed td,
.dark-mode .fc-unthemed th,
.dark-mode .fc-unthemed thead,
.dark-mode .file-image-1,
.dark-mode .icons-list-item,
.dark-mode .inbox-pagination a.np-btn,
.dark-mode .input-group.input-indec .form-control,
.dark-mode .input-indec .input-group-btn>.btn,
.dark-mode .item2-gl-menu,
.dark-mode .list-group-transparent.file-manager.file-manager-border .list-group-item,
.dark-mode .main-chat-footer .form-control,
.dark-mode .main-chat-list .media,
.dark-mode .multi-wrapper,
.dark-mode .note-editor.note-airframe,
.dark-mode .note-editor.note-frame,
.dark-mode .panel-group .panel,
.dark-mode .panel-group1 .panel,
.dark-mode .ql-container.ql-snow,
.dark-mode .ql-toolbar.ql-snow,
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.dark-mode .scrollspy-example-2,
.dark-mode .section-nav,
.dark-mode .shared-files,
.dark-mode .tab_wrapper .content_wrapper,
.dark-mode .tab_wrapper .content_wrapper .accordian_header.active,
.dark-mode .tab_wrapper.right_side .content_wrapper,
.dark-mode .tab_wrapper.right_side>ul li.active,
.dark-mode .tab_wrapper>ul li,
.dark-mode .table tbody td,
.dark-mode .table-bordered,
.dark-mode .table-bordered td,
.dark-mode .table-bordered th,
.dark-mode .table-inbox,
.dark-mode .tabs-menu-border ul li .active,
.dark-mode .tag-outline,
.dark-mode .text-wrap table,
.dark-mode .text-wrap table td,
.dark-mode .text-wrap table th,
.dark-mode .top-footer img,
.dark-mode .transfer-double-content-left,
.dark-mode .transfer-double-content-right,
.dark-mode.horizontal .main-sidemenu .slide-left,
.dark-mode.horizontal .main-sidemenu .slide-right {
    border-color: rgba(255, 255, 255, .1)
}

.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 .section-nav {
    background-color: #f8f9fa
}

.dark-mode #navbar-example3 .nav-link,
.dark-mode .accordion-button,
.dark-mode .accordionjs .acc_section .acc_head h3:before,
.dark-mode .card-dashboard-eight .card-title,
.dark-mode .card-table-two .card-title,
.dark-mode .drop-heading,
.dark-mode .dropdown-item-text,
.dark-mode .dropdown-menu>li>a,
.dark-mode .file-image-1 .file-name-1,
.dark-mode .file-radius-attachments i,
.dark-mode .file-square-attachments a,
.dark-mode .header .dropdown-item,
.dark-mode .header .message-menu h5,
.dark-mode .header .notifications-menu h5,
.dark-mode .list-group-transparent.file-manager .list-group-item,
.dark-mode .main-content-label,
.dark-mode .nav-item1 .nav-link,
.dark-mode .nav.nav-pills .nav-item .nav-link-icon,
.dark-mode .navbar-light .navbar-brand,
.dark-mode .navbar-light .navbar-brand:focus,
.dark-mode .navbar-light .navbar-brand:hover,
.dark-mode .responsive-navbar .message-menu h5,
.dark-mode .responsive-navbar .notifications-menu h5,
.dark-mode .table,
.dark-mode .table th,
.dark-mode .table-hover>tbody>tr:hover>*,
.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>*,
.dark-mode .tabs-menu ul li a,
.dark-mode .tabs-menu1 ul li a,
.dark-mode .task-list,
.dark-mode .text-wrap table th,
.dark-mode .ui-datepicker .ui-datepicker-header {
    color: #dedefd
}

.dark-mode .accordionjs .acc_section .acc-header,
.dark-mode .accordionjs .acc_section .acc_head,
.dark-mode .panel-body1,
.dark-mode .table-calendar-link:hover:before,
.dark-mode .table-inbox tr.unread td {
    background: #2a2a4a
}

.dark-mode .accordionjs .acc_section.acc_active>.acc_head {
    color: #dedefd !important;
    border-bottom-color: rgba(255, 255, 255, .1)
}

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

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

.dark-mode #accordion .panel-default>.panel-heading,
.dark-mode .panel-default>.panel-heading+.panel-collapse>.panel-body,
.dark-mode .panel-group1 .panel-body {
    border: 0 solid rgba(255, 255, 255, .1)
}

.dark-mode #accordion .panel-default .collapsing .panel-body {
    border-top: 0 solid transparent
}

.dark-mode .avatar-status {
    border: 2px solid #2a2a4a
}

.dark-mode .avatar-list-stacked .avatar {
    box-shadow: 0 0 0 2px #2a2a4a
}

.dark-mode .SumoSelect.open .search-txt,
.dark-mode .btn-custom,
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
    background: #2a2a4a;
    color: #9595b5
}

.dark-mode .blockquote-footer,
.dark-mode .breadcrumb-item a,
.dark-mode .breadcrumb-item+.breadcrumb-item::before,
.dark-mode .breadcrumb-item1.active,
.dark-mode .btn-close,
.dark-mode .card-options a:not(.btn),
.dark-mode .chat-profile,
.dark-mode .custom-switch-description,
.dark-mode .custom-switch-input:checked~.custom-switch-description,
.dark-mode .dropdown-header,
.dark-mode .dropdown-item,
.dark-mode .dropdown-menu-header label,
.dark-mode .form-control-plaintext,
.dark-mode .header .message-menu span,
.dark-mode .header .notifications-menu span,
.dark-mode .list-group-item-action,
.dark-mode .main-chat-body .media-body>div:last-child,
.dark-mode .main-chat-footer .nav-link,
.dark-mode .main-chat-header .nav-link,
.dark-mode .main-chat-list .media-body p,
.dark-mode .main-chat-list .media-contact-name span:last-child,
.dark-mode .main-chat-msg-name small,
.dark-mode .nav-tabs .nav-link,
.dark-mode .product-grid6 .price span,
.dark-mode .responsive-navbar .message-menu span,
.dark-mode .responsive-navbar .notifications-menu span,
.dark-mode .top-footer a,
.dark-mode .top-footer a address,
.dark-mode .top-footer p,
.dark-mode .ui-datepicker .ui-datepicker-calendar th,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: #9595b5
}

.dark-mode .dropdown-menu,
.dark-mode blockquote {
    color: #9595b5;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .alert-default,
.dark-mode .breadcrumb1,
.dark-mode .irs-line-left,
.dark-mode .irs-line-mid,
.dark-mode .irs-line-right,
.dark-mode .irs-modern .irs-slider,
.dark-mode .irs-outline .irs-slider,
.dark-mode .main-msg-wrapper,
.dark-mode .progress,
.dark-mode .table-dark>td,
.dark-mode .table-dark>th {
    background-color: #1a1a3c
}

.dark-mode .breadcrumb .breadcrumb-item.active,
.dark-mode .breadcrumb-item1 a,
.dark-mode .breadcrumb-item1 a:hover,
.dark-mode .header .profile-1 .dropdown-item .dropdown-icon,
.dark-mode .item2-gl-menu li .active,
.dark-mode .nav-item1 .nav-link.active,
.dark-mode .nav-link,
.dark-mode .nav-link:focus,
.dark-mode .nav-link:hover,
.dark-mode .nav.panel-tabs a.active,
.dark-mode .responsive-navbar .profile-1 .dropdown-item .dropdown-icon,
.dark-mode .tabs-menu ul li .active {
    color: var(--primary-bg-color)
}

.dark-mode .breadcrumb-item1+.breadcrumb-item1::before {
    color: #5b5b62
}

.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,
.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, .1)
}

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

.dark-mode .btn-light.focus,
.dark-mode .btn-light:focus {
    box-shadow: 0 0 0 2px rgba(248, 249, 250, .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,
.dark-mode .rating-stars input,
.dark-mode .table .thead-light th,
.dark-mode .text-wrap table .thead-light th {
    color: #495057;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

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

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

.dark-mode .btn-white,
.dark-mode .btn-white:hover,
.dark-mode .dropify-wrapper,
.dark-mode .popover-header {
    color: #dedefd;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .btn-white.focus,
.dark-mode .btn-white:focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .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,
.dark-mode .show>.btn-white.dropdown-toggle {
    color: #495057;
    background-color: #545478;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .btn-check:active+.btn-outline-primary,
.dark-mode .btn-check:checked+.btn-outline-primary,
.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 .btn-outline-primary,
.dark-mode .form-check-input:focus,
.dark-mode .settings-icon {
    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, .15)
}

.dark-mode .card-body+.card-body,
.dark-mode .card-body+.card-list-group,
.dark-mode .card-body+.card-table,
.dark-mode .card-footer,
.dark-mode .dropdown-divider,
.dark-mode .main-chat-list .media+.media,
.dark-mode .modal-footer,
.dark-mode .offcanvas-bottom,
.dark-mode .table-vcenter td,
.dark-mode .table-vcenter th,
.dark-mode .table>:not(:first-child),
.dark-mode .transfer-double-list-footer {
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-mode .card-footer {
    background-color: rgba(0, 0, 0, .03);
    color: #727293
}

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

.dark-mode .card-options,
.dark-mode .card-subtitle,
.dark-mode .card-title small,
.dark-mode .nav-tabs .nav-submenu .nav-item,
.dark-mode .nav-tabs .nav-submenu .nav-item1,
.dark-mode .timeline-time {
    color: #9aa0ac
}

.dark-mode .card-options a:not(.btn):hover {
    color: #6e7687
}

.dark-mode .card-map,
.dark-mode .custom-switch-input:disabled~.custom-switch-indicator {
    background: #e9ecef
}

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

.dark-mode .card .box h2 span,
.dark-mode .carousel-caption,
.dark-mode .carousel-control-next,
.dark-mode .carousel-control-next:focus,
.dark-mode .carousel-control-next:hover,
.dark-mode .carousel-control-prev,
.dark-mode .carousel-control-prev:focus,
.dark-mode .carousel-control-prev:hover,
.dark-mode .dropdown-item.disabled,
.dark-mode .dropdown-item:disabled {
    color: #fff
}

.dark-mode .carousel-indicators li,
.dark-mode .carousel-indicators1 li,
.dark-mode .carousel-indicators2 li,
.dark-mode .carousel-indicators3 li,
.dark-mode .carousel-indicators4 li,
.dark-mode .carousel-indicators5 li {
    background-color: rgba(255, 255, 255, .5)
}

.dark-mode .carousel-indicators .active,
.dark-mode .carousel-indicators1 .active,
.dark-mode .carousel-indicators2 .active,
.dark-mode .carousel-indicators3 .active,
.dark-mode .carousel-indicators4 .active,
.dark-mode .carousel-indicators5 .active {
    background-color: #fff
}

.dark-mode .carousel-item-background {
    background: rgba(0, 0, 0, .5)
}

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

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

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

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

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

.dark-mode .custom-checkbox-lg .custom-control-label::before,
.dark-mode .custom-checkbox-md .custom-control-label::before,
.dark-mode .custom-control-input:disabled~.custom-control-label::before,
.dark-mode .custom-control-label::before,
.dark-mode .custom-radio-lg .custom-control-label::before,
.dark-mode .custom-radio-md .custom-control-label::before,
.dark-mode .dropdown-menu .divider,
.dark-mode .login-social-icon::after,
.dark-mode .login-social-icon::before,
.dark-mode .main-chat-time::after,
.dark-mode .main-chat-time::before,
.dark-mode .vtimeline::before {
    background-color: rgba(255, 255, 255, .1)
}

.dark-mode .dropdown-menu .dropdown-plus-title {
    color: #dedefd !important;
    border: 0 solid rgba(255, 255, 255, .1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important
}

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

.dark-mode .dropdown-toggle .dropdown-label {
    background-color: #2a2a4a
}

.dark-mode .form-control {
    color: #dedefd;
    background-color: #282848;
    border-color: rgba(255, 255, 255, .1) !important;
    transition: border-color .15s ease-in-out, box-shadow .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, .1)
}

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

.dark-mode .form-control:-ms-input-placeholder,
.dark-mode .form-control::-moz-placeholder,
.dark-mode .form-control::-ms-input-placeholder,
.dark-mode .form-control::-webkit-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 .custom-control-input.is-valid:focus~.custom-control-label::before,
.dark-mode .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #2a2a4a, 0 0 0 2px rgba(9, 173, 149, .25)
}

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

.dark-mode .form-control.is-invalid:focus,
.dark-mode .form-select.is-invalid:focus,
.dark-mode .was-validated .form-control:invalid:focus,
.dark-mode .was-validated .form-select:invalid:focus {
    border-color: #dc3545
}

.dark-mode .custom-control-input.is-invalid~.custom-control-label,
.dark-mode .form-check-input.is-invalid~.form-check-label,
.dark-mode .was-validated .custom-control-input:invalid~.custom-control-label,
.dark-mode .was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.dark-mode .custom-control-input.is-invalid~.custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #ec8080
}

.dark-mode .custom-control-input.is-invalid:checked~.custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #e23e3d
}

.dark-mode .custom-control-input.is-invalid:focus~.custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #2a2a4a, 0 0 0 2px rgba(232, 38, 70, .25)
}

.dark-mode .form-control.header-search {
    background: #2a2a4a;
    border-color: rgba(225, 225, 225, .1);
    color: #fff
}

.dark-mode .form-control.header-search::placeholder {
    color: #fff
}

.dark-mode .form-control.header-search:focus,
.dark-mode .form-control.header-search:hover {
    border-color: rgba(225, 225, 225, .1)
}

.dark-mode .form-required {
    color: #dc3545
}

.dark-mode .form-check-input {
    background: #41415c;
    border-color: rgba(255, 255, 255, .1)
}

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

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

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

.dark-mode .modal.effect-just-me .modal-content {
    background-color: #16192f;
    border-color: #4d4e50
}

.dark-mode #back-to-top,
.dark-mode #chartZoom .btn-outline-primary:hover,
.dark-mode #navbar-example3 .nav-link.active,
.dark-mode .app-header__logo,
.dark-mode .avatar,
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button,
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button,
.dark-mode .custom-control-input:checked~.custom-control-label::before,
.dark-mode .custom-layout,
.dark-mode .feature .border,
.dark-mode .file-image .icons li a,
.dark-mode .file-image .icons li a:after,
.dark-mode .file-image .icons li a:before,
.dark-mode .file-image .icons li a:hover,
.dark-mode .file-name,
.dark-mode .mini-stat-icon,
.dark-mode .modal.effect-just-me .btn-close,
.dark-mode .modal.effect-just-me .modal-body h6,
.dark-mode .modal.effect-just-me .modal-header h6,
.dark-mode .nav-item1.active,
.dark-mode .nav-item1:hover:not(.disabled),
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show>.nav-link,
.dark-mode .nav-tabs .nav-item1 .nav-link.active,
.dark-mode .nav-tabs .nav-item1 .nav-link:hover:not(.disabled),
.dark-mode .nav-tabs .nav-link.active,
.dark-mode .nav-tabs .nav-link:hover:not(.disabled),
.dark-mode .navbar-dark .navbar-brand,
.dark-mode .navbar-dark .navbar-brand:focus,
.dark-mode .navbar-dark .navbar-brand:hover,
.dark-mode .navbar-dark .navbar-nav .active>.nav-link,
.dark-mode .navbar-dark .navbar-nav .nav-link.active,
.dark-mode .navbar-dark .navbar-nav .nav-link.show,
.dark-mode .navbar-dark .navbar-nav .show>.nav-link,
.dark-mode .navbar-dark .navbar-text a,
.dark-mode .navbar-dark .navbar-text a:focus,
.dark-mode .navbar-dark .navbar-text a:hover,
.dark-mode .notifyimg,
.dark-mode .page-item.active .page-link,
.dark-mode .panel-title a.accordion-toggle.collapsed:before,
.dark-mode .panel-title a.accordion-toggle:before,
.dark-mode .panel.price>.panel-heading,
.dark-mode .pricing,
.dark-mode .product-grid6 .card-footer .btn-outline-primary:hover,
.dark-mode .product-grid6 .card-footer .btn-outline-primary:hover .wishlist-icon,
.dark-mode .product-grid6 .icons li a:after,
.dark-mode .product-grid6 .icons li a:before,
.dark-mode .product-grid6 .icons li a:hover,
.dark-mode .product-grid6 .icons-wishlist li a:after,
.dark-mode .product-grid6 .icons-wishlist li a:before,
.dark-mode .product-grid6 .icons-wishlist li a:hover,
.dark-mode .product-list .icons li a:after,
.dark-mode .product-list .icons li a:before,
.dark-mode .profile-cover__img,
.dark-mode .progress-bar,
.dark-mode .ribbon1,
.dark-mode .settings,
.dark-mode .username,
.dark-mode .vtimeline .timeline-wrapper .timeline-badge i,
.dark-mode .widgets-cards .wrp.icon-circle i,
.dark-mode .wizard>.steps .done a .number,
.dark-mode .wizard>.steps .done a:active .number,
.dark-mode .wizard>.steps .done a:hover .number {
    color: #fff
}

.dark-mode .modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-mode .modal.effect-just-me .modal-body,
.dark-mode .ui-timepicker-list li {
    color: rgba(255, 255, 255, .8)
}

.dark-mode .modal.effect-just-me .modal-footer {
    background-color: transparent;
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-mode .nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e
}

.dark-mode .browser-stats img,
.dark-mode .dataTables_wrapper .selected,
.dark-mode .multi-wrapper .item-group-1 .group-label,
.dark-mode .multi-wrapper .selected-wrapper,
.dark-mode .nav1 {
    background: #1a1a3c
}

.dark-mode .nav-item1 .nav-link.disabled {
    color: #62628f
}

.dark-mode .col-sm-3 a,
.dark-mode .nav-tabs .nav-item1.nav-link,
.dark-mode .page-header {
    border-color: transparent
}

.dark-mode .nav-tabs .nav-item1 .nav-link {
    color: #9595b5;
    transition: border-color .3s
}

.dark-mode .nav-tabs .nav-submenu .nav-item1.active {
    color: #467fcf
}

.dark-mode .nav-tabs .nav-submenu .nav-item1:hover {
    color: #6e7687;
    background: rgba(0, 0, 0, .024)
}

.dark-mode .app-sidebar__toggle,
.dark-mode .hor-header .header-right-icons .nav-link.icon,
.dark-mode .nav-link.icon i {
    color: #dcdfed
}

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

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

.dark-mode .btn-outline-primary .wishlist-icon,
.dark-mode.header-light .app-header .header-right-icons .nav-link.icon,
.dark-mode.header-light .hor-header .header-right-icons .nav-link.icon {
    color: var(--primary-bg-color) !important
}

.dark-mode .highlight .ow,
.dark-mode .nav-tabs {
    color: #000
}

.dark-mode .nav-tabs .nav-link.disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent
}

.dark-mode .nav-tabs .nav-submenu {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    border-top: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.dark-mode .nav-tabs .nav-submenu .nav-item:hover {
    color: #6e7687;
    text-decoration: none;
    background: rgba(0, 0, 0, .024)
}

.dark-mode .list-group-item,
.dark-mode .listorder,
.dark-mode .listorder1,
.dark-mode .listunorder,
.dark-mode .listunorder1,
.dark-mode .page-link {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    color: #9595b5
}

.dark-mode .bg-light-gray,
.dark-mode .dropify-wrapper .dropify-preview,
.dark-mode .input-group-text.input-text-color,
.dark-mode .main-chat-list .media.new,
.dark-mode .page-link:hover,
.dark-mode .price .panel-footer,
.dark-mode .price.panel-color>.panel-body,
.dark-mode .selectize-input.full,
.dark-mode .table-dark.table-striped tbody tr:nth-of-type(odd),
.dark-mode .table-striped tbody tr:nth-of-type(2n),
.dark-mode .tag-round::before,
.dark-mode .text-wrap .table table,
.dark-mode .text-wrap table table,
.dark-mode .timeline__content,
.dark-mode .tooltip-static-demo,
.dark-mode .transfer-double {
    background-color: #2a2a4a
}

.dark-mode .page-item.disabled .page-link {
    color: #4f4f67;
    background-color: #252542;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .panel-title-landing {
    color: #1643a3 !important
}

.dark-mode .panel-footer-landing {
    border: 2px solid #1643a3 !important;
    border-top: none !important;
    background: #f7f7f7
}

.dark-mode .panel-footer {
    background-color: #2a2a4a;
    border-top-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(255, 255, 255, .1);
    border-right-color: rgba(255, 255, 255, .1)
}

.dark-mode .panel-default>.panel-heading {
    background-color: #313152;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .panel1 {
    border-color: #fff
}

.dark-mode .panel1:last-child {
    border-bottom: none
}

.dark-mode .btn-outline-primary:hover .wishlist-icon,
.dark-mode .dark-mode .custom-layout .nav-link.icon i,
.dark-mode .panel-title1 a {
    color: #fff !important
}

.dark-mode .expanel {
    background-color: #2a2a4a !important;
    border-color: rgba(255, 255, 255, .1) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .01) !important
}

.dark-mode .expanel-default>.expanel-heading {
    background-color: #3b3b5a !important;
    border-color: #2a2a4a !important
}

.dark-mode .expanel-footer {
    background-color: #3b3b5a !important;
    border-top-color: rgba(255, 255, 255, .1) !important
}

.dark-mode .bs-popover-auto[data-popper-placement^=top] .popover-arrow::before,
.dark-mode .bs-popover-top .popover-arrow::before {
    border-top-color: rgba(0, 0, 0, .25)
}

.dark-mode .bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.dark-mode .bs-popover-end .popover-arrow::before {
    border-right-color: #dee3eb
}

.dark-mode .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before,
.dark-mode .bs-popover-bottom .popover-arrow::before {
    border-bottom-color: #dee3eb
}

.dark-mode .bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.dark-mode .bs-popover-start .popover-arrow::before {
    border-left-color: #dee3eb
}

.dark-mode .popover-header {
    border-bottom-color: #ebebeb
}

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

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

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

.dark-mode .table-hover .table-dark:hover,
.dark-mode .table-hover .table-dark:hover>td,
.dark-mode .table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.dark-mode .table-active,
.dark-mode .table-active>td,
.dark-mode .table-active>th,
.dark-mode .table-hover .table-active:hover,
.dark-mode .table-hover .table-active:hover>td,
.dark-mode .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .04)
}

.dark-mode .table .thead-dark th,
.dark-mode .text-wrap table .thead-dark th {
    color: #dedefd;
    background-color: #dedefd;
    border-color: #32383e
}

.dark-mode .table-dark {
    color: #2a2a4a;
    background-color: #1a1a3c
}

.dark-mode .table-dark td,
.dark-mode .table-dark th,
.dark-mode .table-dark thead th {
    border-bottom-color: rgba(255, 255, 255, .05) !important
}

.dark-mode .table-dark.table-striped tbody tr:nth-of-type(2n) {
    background-color: #272b2f
}

.dark-mode .table-dark.table-hover tbody tr:hover {
    background-color: #dedefd
}

.dark-mode .table-inbox tr {
    border-bottom-color: rgba(238, 238, 238, .7)
}

.dark-mode .table-inbox tr td .fa-star.inbox-started,
.dark-mode .table-inbox tr td .fa-star:hover {
    color: #f78a09
}

.dark-mode .table-primary tbody+tbody,
.dark-mode .table-primary td,
.dark-mode .table-primary th,
.dark-mode .table-primary thead th,
.dark-mode .table-secondary tbody+tbody,
.dark-mode .table-secondary td,
.dark-mode .table-secondary th,
.dark-mode .table-secondary thead th {
    border-color: rgba(255, 255, 255, .2)
}

.dark-mode .irs-from,
.dark-mode .irs-single,
.dark-mode .irs-to,
.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background: #1a1a3c;
    color: #dedefd
}

.dark-mode .table-calendar-link {
    background: #f8f9fa;
    color: #495057
}

.dark-mode .table-calendar-link:before {
    background: #467fcf
}

.dark-mode .table-calendar-link:hover {
    color: #fff;
    background: #467fcf
}

.dark-mode .table-header-asc,
.dark-mode .table-header-desc,
.dark-mode .table-header:hover,
.dark-mode .text-body {
    color: #495057 !important
}

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

.dark-mode .app-header .header-brand,
.dark-mode .btn-close:focus,
.dark-mode .btn-close:hover,
.dark-mode .header-brand,
.dark-mode .header-brand:hover,
.dark-mode .hor-header .header-brand1,
.dark-mode .product-grid6 .icons li a i,
.dark-mode .product-grid6 .icons-wishlist li a i,
.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-danger,
.dark-mode .tag-red {
    background-color: #c21a1a !important;
    color: #fff
}

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

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

.dark-mode .tag-green,
.dark-mode .tag-success {
    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;
    background-color: var(--primary-bg-color) !important;
    color: #fff
}

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

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

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

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

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

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

.dark-mode .acc-header a,
.dark-mode .checkbox-group label:before,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:active,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options,
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown,
.dark-mode .select2-dropdown,
.dark-mode .tag-border,
.dark-mode .thumbnail,
.dark-mode .transfer-double-list-search-input,
.dark-mode .transfer-double-selected-list-search-input,
.dark-mode .ui-datepicker {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .popover-head-primary .popover-header,
.dark-mode .tooltip-primary .tooltip-inner {
    background-color: var(--primary-bg-color) !important;
    color: #fff
}

.dark-mode .bs-popover-auto[data-popper-placement^=top] .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.dark-mode .bs-popover-top .popover-arrow::after,
.dark-mode .bs-popover-top>.popover-arrow::after,
.dark-mode .bs-popover-top>.popover-arrow::before {
    border-top-color: #2a2a4a
}

.dark-mode .bs-popover-auto[data-popper-placement^=right] .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.dark-mode .bs-popover-end .popover-arrow::after,
.dark-mode .bs-popover-end>.popover-arrow::after,
.dark-mode .bs-popover-end>.popover-arrow::before {
    border-right-color: #2a2a4a
}

.dark-mode .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.dark-mode .bs-popover-bottom .popover-arrow::after,
.dark-mode .bs-popover-bottom>.popover-arrow::after,
.dark-mode .bs-popover-bottom>.popover-arrow::before {
    border-bottom-color: #2a2a4a
}

.dark-mode .bs-popover-auto[data-popper-placement^=left] .popover-arrow::after,
.dark-mode .bs-popover-start .popover-arrow::after {
    border-left-color: #2a2a4a
}

.dark-mode .popover-static-demo {
    background-color: #1a1a3c;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.dark-mode .tooltip-primary.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--primary-bg-color)
}

.dark-mode .tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.dark-mode .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--primary-bg-color)
}

.dark-mode .tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.dark-mode .tooltip-primary.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--primary-bg-color)
}

.dark-mode .tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.dark-mode .tooltip-primary.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--primary-bg-color)
}

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

.dark-mode .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.dark-mode .bs-popover-start>.popover-arrow::after,
.dark-mode .bs-popover-start>.popover-arrow::before {
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #2a2a4a
}

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

.dark-mode .popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after,
.dark-mode .popover-head-primary.bs-popover-bottom .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-bottom .popover-arrow::after {
    border-bottom-color: var(--primary-bg-color) !important
}

.dark-mode .popover-head-secondary .popover-header {
    color: #fff;
    background-color: #05c3fb !important
}

.dark-mode .popover-primary,
.dark-mode .popover-primary .popover-header,
.dark-mode .wizard-card .moving-tab {
    background-color: var(--primary-bg-color) !important
}

.dark-mode .popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after,
.dark-mode .popover-head-secondary.bs-popover-bottom .popover-arrow::after {
    border-bottom-color: #05c3fb !important
}

.dark-mode .popover-head-primary .popover-body,
.dark-mode .popover-head-secondary .popover-body {
    border-color: rgba(20, 17, 45, .2)
}

.dark-mode .popover-primary .popover-header {
    border-bottom-width: 0 !important;
    color: #fff
}

.dark-mode .popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-top .popover-arrow::after {
    border-top-color: var(--primary-bg-color) !important
}

.dark-mode .popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-start .popover-arrow::after {
    border-left-color: var(--primary-bg-color) !important
}

.dark-mode .popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-end .popover-arrow::after {
    border-right-color: var(--primary-bg-color) !important
}

.dark-mode .custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: rgba(218, 201, 232, .5)
}

.dark-mode .custom-control-input:disabled~.custom-control-label {
    color: #868e96
}

.dark-mode .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(212, 182, 228, .5)
}

.dark-mode .form-select {
    color: #9595b5;
    border-color: rgba(255, 255, 255, .1);
    background: #2a2a4a
}

.dark-mode .form-select:focus {
    border-color: rgba(255, 255, 255, .1);
    box-shadow: none
}

.dark-mode .form-select:focus::-ms-value {
    color: #9595b5;
    background-color: #2a2a4a
}

.dark-mode .form-select:disabled {
    color: #9fa7af;
    background-color: #2a2a4a
}

.dark-mode .form-file-label,
.dark-mode .ms-choice,
.dark-mode .ms-drop {
    color: #9595b5;
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .form-file-label::after {
    color: #fff;
    border-left-color: rgba(255, 255, 255, .1)
}

.dark-mode .form-range::-webkit-slider-thumb {
    background: #2a2a4a;
    box-shadow: none
}

.dark-mode .form-range::-webkit-slider-thumb:focus {
    box-shadow: 0 0 0 1px #2a2a4a, 0 0 0 2px rgba(98, 58, 162, .25)
}

.dark-mode .form-range::-webkit-slider-thumb:active {
    background-color: #d4e1f4
}

.dark-mode .form-range::-webkit-slider-runnable-track {
    background: #467fcf
}

.dark-mode .form-range::-moz-range-thumb {
    background: #2a2a4a
}

.dark-mode .form-range::-moz-range-thumb:focus {
    box-shadow: 0 0 0 1px #2a2a4a, 0 0 0 2px rgba(98, 58, 162, .25)
}

.dark-mode .form-range::-moz-range-thumb:active {
    background-color: #d4e1f4
}

.dark-mode .form-range::-moz-range-track {
    background: rgba(0, 50, 126, .12)
}

.dark-mode .form-range::-ms-thumb {
    background: #2a2a4a;
    border-color: rgba(0, 30, 75, .12)
}

.dark-mode .form-range::-ms-thumb:focus {
    box-shadow: 0 0 0 1px #2a2a4a, 0 0 0 2px rgba(98, 58, 162, .25)
}

.dark-mode .form-range::-ms-thumb:active {
    background-color: #d4e1f4
}

.dark-mode .form-range::-ms-fill-lower {
    background: #467fcf
}

.dark-mode .custom-control-label:before {
    border-color: rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .02)
}

.dark-mode .form-range:focus::-moz-range-thumb,
.dark-mode .form-range:focus::-ms-thumb,
.dark-mode .form-range:focus::-webkit-slider-thumb {
    border-color: #467fcf;
    background-color: #467fcf
}

.dark-mode .form-range::-moz-range-progress {
    background: #467fcf
}

.dark-mode .form-range::-ms-fill-upper {
    background: rgba(0, 50, 126, .12);
    background-color: rgba(255, 255, 255, .1)
}

.dark-mode .custom-switch-indicator,
.dark-mode .custom-switch-indicator-lg,
.dark-mode .custom-switch-indicator-md,
.dark-mode .member,
.dark-mode .ms-search input,
.dark-mode .social-login,
.dark-mode .sw-theme-dots>ul.step-anchor,
.dark-mode .ui-widget-content {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .custom-switch-indicator-lg::before,
.dark-mode .custom-switch-indicator-md::before,
.dark-mode .custom-switch-indicator:before {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4)
}

.dark-mode .custom-switch-input:focus~.custom-switch-indicator {
    border-color: #60529f
}

.dark-mode .custom-checkbox-lg .custom-control-input:disabled:indeterminate~.custom-control-label::before,
.dark-mode .custom-checkbox-md .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(212, 182, 228, .5)
}

.dark-mode .custom-switch-input:checked~.custom-switch-indicator,
.dark-mode .pricing-tabs ul.nav-price li a.active,
.dark-mode .timeline-wrapper-primary .timeline-badge,
.dark-mode .timeline-wrapper-primary .timeline-panel:before {
    background: var(--primary-bg-color)
}

.dark-mode #sidebar li a.active,
.dark-mode #sidebar li a.active a[data-toggle=collapse],
.dark-mode .aside,
.dark-mode .collapse:not(.show),
.dark-mode .example-bg,
.dark-mode .login-social-icon span,
.dark-mode .offcanvas,
.dark-mode .secondary .pricing-divider,
.dark-mode .success .pricing-divider,
.dark-mode .timeline-item:first-child:before,
.dark-mode .timeline-item:last-child:before,
.dark-mode .timeline-wrapper-light .timeline-badge,
.dark-mode .timeline-wrapper-light .timeline-panel:before {
    background: #2a2a4a
}

.dark-mode .aside {
    border-left-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05)
}

@media (max-width:480px) {

    .dark-mode .tabs-menu ul li a,
    .dark-mode .tabs-menu1 ul li {
        border-color: rgba(255, 255, 255, .1)
    }
}

@media (max-width:320px) {
    .dark-mode .construction .btn.btn-icon {
        color: #fff
    }
}

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

@media (max-width:768px) {
    .dark-mode .richText .richText-toolbar ul li a {
        border: 1px solid rgba(0, 40, 100, .12)
    }

    .dark-mode .richText .richText-toolbar ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .dark-mode .richText .richText-toolbar {
        border-bottom: 0 !important
    }
}

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

.dark-mode .colorinput-color {
    border: 3px solid rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.dark-mode .colorinput-input:focus~.colorinput-color {
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 0 2px rgba(98, 58, 162, .25)
}

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

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

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

.dark-mode .line-divide {
    border-color: rgba(218, 216, 219, .2)
}

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

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

.dark-mode #user-profile .profile-details ul>li>span {
    color: #643ba2
}

@media (max-width:1024px) {

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

@media (max-width:575.98px) {
    .dark-mode .header .form-inline .search-element .form-control {
        background: #2a2a4a
    }

    .dark-mode .form-control.header-search {
        color: #000
    }

    .dark-mode .header .form-inline .btn {
        color: #46494a !important
    }

    .dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
        color: #fff !important
    }

    .dark-mode .header .navsearch i {
        color: #fff
    }
}

@media screen and (max-width:998px) and (min-width:768px) {

    .dark-mode .card-header.note-toolbar,
    .dark-mode .note-popover .popover-content {
        background: #2a2a4a
    }
}

.dark-mode .material-switch>label::before {
    background: #9595b5;
    box-shadow: inset 0 0 10px rgba(42, 38, 53, .5)
}

.dark-mode .material-switch>label::after {
    background: #3d3d5a;
    box-shadow: 0 0 5px rgba(42, 38, 53, .9)
}

.dark-mode .material-switch>input[type=checkbox]:checked+label::after,
.dark-mode .material-switch>input[type=checkbox]:checked+label::before {
    background: inherit
}

.dark-mode .sw-theme-default>ul.step-anchor>li>a::after {
    background: 0 0 !important
}

.dark-mode .pulse-danger {
    background: #ee335e
}

.dark-mode .pulse-danger:before {
    background: rgba(238, 51, 94, .8);
    box-shadow: 0 0 0 rgba(238, 51, 94, .9)
}

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

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

.dark-mode .progress.info1 {
    background: #fed5db
}

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

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

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

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

.dark-mode .badge.bg-white,
.dark-mode .bg-white-light,
.dark-mode .bg-white-lighter,
.dark-mode .bg-white-lightest {
    background-color: #fff !important
}

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

.dark-mode .box-shadow-secondary {
    box-shadow: 0 5px 10px #4e4642
}

.dark-mode .box-shadow-success {
    box-shadow: 0 5px 10px #45504e
}

.dark-mode .box-shadow-danger {
    box-shadow: 0 5px 10px #524a4b
}

.dark-mode .box-shadow-pink {
    box-shadow: 0 5px 10px #544c4f
}

.dark-mode .card-pay .tabs-menu li a.active,
.dark-mode .sidebar .tab-menu-heading {
    background: var(--primary-bg-color);
    color: #fff
}

.dark-mode .sidebar-right .dropdown-item h6 {
    color: #282f53
}

.dark-mode .nav.panel-tabs.panel-secondary a {
    color: #05c3fb
}

.dark-mode .nav.panel-tabs.panel-secondary a.active {
    background-color: #05c3fb !important;
    color: #fff
}

.dark-mode .nav.panel-tabs.panel-danger a {
    color: #e82646
}

.dark-mode .nav.panel-tabs.panel-danger a.active {
    background-color: #e82646 !important;
    color: #fff
}

.dark-mode .nav.panel-tabs.panel-success a,
.dark-mode .wizard>.steps .done a,
.dark-mode .wizard>.steps .done a:active,
.dark-mode .wizard>.steps .done a:hover {
    color: #09ad95
}

.dark-mode .nav.panel-tabs.panel-success a.active {
    background-color: #09ad95 !important;
    color: #fff
}

.dark-mode .nav.panel-tabs.panel-info a {
    color: #1170e4
}

.dark-mode .nav.panel-tabs.panel-info a.active {
    background-color: #1170e4 !important;
    color: #fff
}

.dark-mode .offcanvas-end,
.dark-mode .tab_wrapper.right_side>ul li,
.dark-mode .task-list:before,
.dark-mode .wizard.vertical>.actions,
.dark-mode .wizard.vertical>.content,
.dark-mode.rtl .table thead th:last-child,
.rtl.dark-mode .side-header {
    border-left-color: rgba(255, 255, 255, .1)
}

.dark-mode .datepicker .datepicker-switch,
.dark-mode .datepicker td,
.dark-mode .datepicker th,
.dark-mode .fc-list-event.fc-event,
.dark-mode .list-group-item .icon,
.dark-mode .mail-inbox .icons,
.dark-mode .side-menu .side-menu__icon,
.dark-mode .text-dark,
.dark-mode .text-white {
    color: #dedefd !important
}

.dark-mode .table-inbox tr td i {
    color: #4e4c6a
}

.dark-mode .table-inbox tr td i:hover {
    color: #f7284a
}

.dark-mode .table-inbox tr td .fa-star:hover {
    color: #fbc518
}

.dark-mode .card-pay .tabs-menu li a,
.dark-mode .mail-option .btn-group a.btn,
.dark-mode .mail-option .chk-all {
    border-color: rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .authentication .form-control:focus,
.dark-mode .header-right-icons .profile-user:hover,
.dark-mode .mail-option .btn-group a.all,
.dark-mode .main-chat-footer .form-control:focus,
.dark-mode .main-chat-footer .form-control:hover {
    box-shadow: none
}

.dark-mode .user-social-detail .social-profile {
    background: #383862
}

.dark-mode .sticky.sticky-pin .horizontal-main.hor-menu {
    box-shadow: 5px 7px 26px -5px rgba(104, 113, 123, .1)
}

.dark-mode .product-grid6 {
    overflow: hidden
}

.dark-mode .apexcharts-radialbar-track.apexcharts-track path {
    stroke: #2a2a4a
}

.dark-mode .apex-charts text {
    fill: #000200
}

.dark-mode .cal1 .clndr .clndr-table tr .day:last-child,
.dark-mode .offcanvas-start,
.dark-mode .ql-snow .ql-toolbar button:last-child,
.dark-mode .ql-snow.ql-toolbar button:last-child,
.dark-mode .richText .richText-redo,
.dark-mode .richText .richText-undo {
    border-right-color: rgba(255, 255, 255, .1)
}

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

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

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

.dark-mode .task-icon1:first-child {
    border: 2px solid var(--primary-bg-color)
}

.dark-mode .nav.product-sale a.active {
    background-color: #2a2a4a;
    border-bottom: none
}

.dark-mode .profile-cover__img .profile-img-1>img {
    border: 5px solid #fff
}

.dark-mode .profile-cover__img>.h3 {
    color: #393939
}

.dark-mode .profile-cover__info .nav li,
.dark-mode .social-profile-buttons .nav li {
    color: #464461
}

.dark-mode .social.social-profile-buttons .social-icon {
    background: #3b366c;
    border-color: rgba(255, 255, 255, .1);
    color: #abb4c7
}

.dark-mode .option-dots {
    color: #5c678f
}

.dark-mode .option-dots:focus,
.dark-mode .option-dots:hover,
.dark-mode .option-dots[aria-expanded=true] {
    background: #3b3b64
}

@media (min-width:601px) {
    .dark-mode .social-profile-buttons .nav {
        color: #999
    }
}

.dark-mode .item2-gl-menu li a {
    color: #b0b0c5
}

.dark-mode .product-label {
    background: rgba(178, 177, 183, .1)
}

.dark-mode .ui-state-focus,
.dark-mode .ui-state-hover,
.dark-mode .ui-widget-content .ui-state-focus,
.dark-mode .ui-widget-content .ui-state-hover,
.dark-mode .ui-widget-header .ui-state-focus,
.dark-mode .ui-widget-header .ui-state-hover {
    border-color: var(--primary-bg-color) !important;
    background: var(--primary-bg-color) !important
}

.dark-mode .customer-services span {
    background-color: #2a2a4a;
    color: var(--primary-bg-color)
}

.dark-mode .custom-layout .nav-link.icon i {
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background: rgba(255, 255, 255, .08)
}

.dark-mode .app-breadcrumb,
.dark-mode .custom-layout .nav-link.icon i::after,
.dark-mode .dropify-wrapper .dropify-preview .dropify-render img,
.dark-mode .fc .fc-list-empty,
.dark-mode .range input[type=range] {
    background-color: transparent
}

.dark-mode .country-selector .nav-link {
    color: #495046
}

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

.dark-mode .theme-container .active {
    border-color: var(--primary-bg-color);
    background: #2a2a4a;
    color: var(--primary-bg-color)
}

.dark-mode .theme-container1 .active {
    border-color: #ec82ef;
    background: #2a2a4a;
    color: #ec82ef
}

.dark-mode .theme-container2 .active {
    border-color: #05c3fb;
    background: #2a2a4a;
    color: #05c3fb
}

.dark-mode .payment-icon.active svg {
    fill: #fff
}

.dark-mode .nvd3 .nv-discretebar .nv-groups text,
.dark-mode .nvd3 .nv-multibarHorizontal .nv-groups text,
.dark-mode .payment-icon svg,
.dark-mode.horizontal .main-sidemenu .slide-left svg,
.dark-mode.horizontal .main-sidemenu .slide-right svg {
    fill: #dedefd
}

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

.dark-mode .notification .notification-time .date,
.dark-mode .notification .notification-time .time,
.dark-mode .notification-time-date {
    color: #8f8fb1
}

.dark-mode .notification .notification-icon a {
    background: #2a2a4a;
    color: #fff;
    border: 3px solid var(--primary-bg-color)
}

.dark-mode .notification .notification-body {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .03);
    background: #2a2a4a
}

.dark-mode .notification .notification-body:before {
    border: 10px solid transparent;
    border-right-color: #2a2a4a
}

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

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

.dark-mode .btn-country:hover {
    box-shadow: 0 1px 16px rgba(0, 0, 0, .1) !important
}

.dark-mode .email-icon {
    border-color: rgba(255, 255, 255, .1);
    color: #5c678f
}

.dark-mode .img-1 img {
    border: 6px solid rgba(225, 225, 225, .5)
}

.dark-mode .profile-img {
    border-color: rgba(167, 180, 201, .2);
    background: rgba(225, 225, 225, .2)
}

.dark-mode .demo-gallery>ul>li a {
    border: 3px solid #fff
}

.dark-mode .demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1)
}

.dark-mode .demo-gallery.dark>ul>li a {
    border: 3px solid #04070a
}

.dark-mode .gallery a img {
    border-color: rgba(0, 0, 0, .2)
}

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

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

.dark-mode .highlight .hll {
    background-color: #ffc
}

.dark-mode .highlight .c,
.dark-mode .highlight .c1,
.dark-mode .highlight .cm,
.dark-mode .highlight .cs,
.dark-mode .highlight .css .nt+.nt,
.dark-mode .highlight .css .o,
.dark-mode .highlight .css .o+.nt,
.dark-mode .highlight .ni {
    color: #999
}

.dark-mode .highlight .k,
.dark-mode .highlight .kc,
.dark-mode .highlight .kd,
.dark-mode .highlight .kn,
.dark-mode .highlight .kp,
.dark-mode .highlight .kr {
    color: #069
}

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

.dark-mode .highlight .cp {
    color: #099
}

.dark-mode .highlight .gd {
    background-color: #fcc;
    border-color: #c00
}

.dark-mode .highlight .gr {
    color: red
}

.dark-mode .highlight .gh,
.dark-mode .highlight .gu {
    color: #030
}

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

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

.dark-mode .highlight .gp,
.dark-mode .highlight .language-bash::before,
.dark-mode .highlight .language-powershell::before,
.dark-mode .highlight .language-sh::before {
    color: #009
}

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

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

.dark-mode .highlight .il,
.dark-mode .highlight .m,
.dark-mode .highlight .mf,
.dark-mode .highlight .mh,
.dark-mode .highlight .mi,
.dark-mode .highlight .mo {
    color: #f60
}

.dark-mode .highlight .s {
    color: #c09
}

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

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

.dark-mode .highlight .nc {
    color: #0a8
}

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

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

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

.dark-mode .highlight .nf {
    color: #c0f
}

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

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

.dark-mode .highlight .nv,
.dark-mode .highlight .vc,
.dark-mode .highlight .vg,
.dark-mode .highlight .vi {
    color: #033
}

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

.dark-mode .highlight .s1,
.dark-mode .highlight .s2,
.dark-mode .highlight .sb,
.dark-mode .highlight .sc,
.dark-mode .highlight .sd,
.dark-mode .highlight .se,
.dark-mode .highlight .sh,
.dark-mode .highlight .sx {
    color: #c30
}

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

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

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

.dark-mode .label-default {
    background: #d5e0ec;
    color: #fff
}

.dark-mode .label-success {
    background: #09ad95;
    color: #fff
}

.dark-mode .label-danger {
    background: #f5334f;
    color: #fff
}

.dark-mode .label-warning {
    background: #f7b731;
    color: #fff
}

.dark-mode .label-info {
    background: #1170e4;
    color: #fff
}

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

.dark-mode .list-group-item-action:active,
.dark-mode .list-group-item-action:focus,
.dark-mode .list-group-item-action:hover {
    color: #9595b5;
    background-color: #2a2a4a
}

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

.dark-mode .list-group-item-primary {
    color: #24426c !important;
    background-color: #cbdbf2
}

.dark-mode .list-group-item-primary.list-group-item-action:focus,
.dark-mode .list-group-item-primary.list-group-item-action:hover {
    color: #24426c;
    background-color: #b7cded
}

.dark-mode .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #24426c;
    border-color: #24426c
}

.dark-mode .list-group-item-secondary {
    color: #464a4e !important;
    background-color: #dddfe2
}

.dark-mode .list-group-item-secondary.list-group-item-action:focus,
.dark-mode .list-group-item-secondary.list-group-item-action:hover {
    color: #464a4e;
    background-color: #cfd2d6
}

.dark-mode .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e
}

.dark-mode .list-group-item-success {
    color: #09ad95 !important;
    background-color: rgba(9, 173, 149, .4)
}

.dark-mode .list-group-item-success.list-group-item-action:focus,
.dark-mode .list-group-item-success.list-group-item-action:hover {
    color: #09ad95;
    background-color: rgba(9, 173, 149, .2)
}

.dark-mode .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #09ad95;
    border-color: #09ad95
}

.dark-mode .list-group-item-info {
    color: #1170e4 !important;
    background-color: rgba(17, 112, 228, .4)
}

.dark-mode .list-group-item-info.list-group-item-action:focus,
.dark-mode .list-group-item-info.list-group-item-action:hover {
    color: #1170e4;
    background-color: rgba(17, 112, 228, .2)
}

.dark-mode .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: rgba(17, 112, 228, .2);
    border-color: rgba(17, 112, 228, .2)
}

.dark-mode .list-group-item-warning {
    color: #f7b731 !important;
    background-color: rgba(247, 183, 49, .4)
}

.dark-mode .list-group-item-warning.list-group-item-action:focus,
.dark-mode .list-group-item-warning.list-group-item-action:hover {
    color: #f7b731;
    background-color: rgba(247, 183, 49, .2)
}

.dark-mode .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #f7b731;
    border-color: #f7b731
}

.dark-mode .list-group-item-danger {
    color: #e82646 !important;
    background-color: rgba(232, 38, 70, .4)
}

.dark-mode .list-group-item-danger.list-group-item-action:focus,
.dark-mode .list-group-item-danger.list-group-item-action:hover {
    color: #e82646;
    background-color: rgba(232, 38, 70, .2)
}

.dark-mode .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #e82646;
    border-color: #e82646
}

.dark-mode .list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.dark-mode .list-group-item-light.list-group-item-action:focus,
.dark-mode .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.dark-mode .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.dark-mode .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.dark-mode .list-group-item-dark.list-group-item-action:focus,
.dark-mode .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

.dark-mode .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

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

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

.dark-mode .list-group-transparent .list-group-item.active {
    background: #3b3b60;
    color: #dedefd
}

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

@media (min-width:992px) {
    .dark-mode .main-header-center .form-control {
        background: #2a2a4a;
        border-color: rgba(255, 255, 255, .1)
    }

    .dark-mode.header-light .main-header-center .form-control {
        background: #fff;
        border: 1px solid #e9edf4
    }

    .dark-mode .main-header-center .btn {
        background-color: transparent;
        color: #b4bdce
    }

    .dark-mode .responsive-navbar .navbar-collapse {
        background: 0 0
    }

    .dark-mode .side-header {
        background: #2a2a4a
    }
}

.dark-mode .navbar-light .navbar-nav .nav-link,
.dark-mode .navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.dark-mode .navbar-light .navbar-nav .nav-link:focus,
.dark-mode .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.dark-mode .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.dark-mode .navbar-light .navbar-nav .active>.nav-link,
.dark-mode .navbar-light .navbar-nav .nav-link.active,
.dark-mode .navbar-light .navbar-nav .nav-link.show,
.dark-mode .navbar-light .navbar-nav .show>.nav-link,
.dark-mode .navbar-light .navbar-text a,
.dark-mode .navbar-light .navbar-text a:focus,
.dark-mode .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.dark-mode .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.dark-mode .navbar-dark .navbar-nav .nav-link,
.dark-mode .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.dark-mode .navbar-dark .navbar-nav .nav-link:focus,
.dark-mode .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.dark-mode .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.dark-mode .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .scrollspy-example {
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(255, 255, 255, .1);
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-mode .pricing1 {
    color: #707070
}

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

.dark-mode .bg-transparent,
.dark-mode .search-tabs ul li a.active,
.dark-mode .search-tabs ul li a:hover {
    background-color: transparent !important
}

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

.dark-mode .ribbone1-price .ribbon span {
    color: #fff;
    background: #79a70a;
    background: var(--primary-bg-color);
    box-shadow: 0 3px 10px -5px #000
}

.dark-mode .ribbone1-price .ribbon span::before {
    border-left: 3px solid var(--primary-bg-color);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--primary-bg-color)
}

.dark-mode .ribbone1-price .ribbon span::after {
    border-left: 3px solid transparent;
    border-right: 3px solid var(--primary-bg-color);
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--primary-bg-color)
}

.dark-mode .danger .pricing-divider,
.dark-mode .primary .pricing-divider {
    background: #2a2a4a !important
}

.dark-mode .border-bottom,
.dark-mode .tab-menu-heading,
.dark-mode .tab_wrapper>ul {
    border-bottom-color: rgba(255, 255, 255, .1) !important
}

.dark-mode .tabs-menu2 ul li a {
    color: #636262
}

.dark-mode .tabs-menu2 ul li .fade {
    color: #eeee
}

.dark-mode .search-tabs ul li a.active {
    border-bottom: 3px solid var(--primary-bg-color)
}

.dark-mode .tabs-menu-boxed ul li a {
    color: #dedefd;
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-mode .tabs-menu-boxed ul li .active {
    border-color: rgba(255, 255, 255, .1);
    border-bottom-color: transparent
}

.dark-mode .tab_wrapper .content_wrapper .accordian_header {
    border-bottom-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-mode .tab_wrapper .content_wrapper .accordian_header .arrow {
    background: 0 0;
    border-top-color: rgba(255, 255, 255, .3);
    border-left-color: rgba(255, 255, 255, .3)
}

.dark-mode .timeline:before {
    background-color: #e9ecef
}

.dark-mode .timeline-badge {
    border-color: #fff;
    background: #adb5bd
}

.dark-mode .timeline__item--right .timeline__content:before {
    border-right: 12px solid rgba(238, 232, 239, .9)
}

.dark-mode ul.timeline:before {
    background: #d4d9df
}

.dark-mode ul.timeline>li:before {
    border-color: #6c6c6f
}

.dark-mode .vtimeline .timeline-wrapper .timeline-panel {
    background: #2a2a4a;
    box-shadow: 0 5px 12px 0 #101329
}

.dark-mode .vtimeline .timeline-wrapper .timeline-panel:after {
    border-top: 10px solid transparent;
    border-left-color: rgba(255, 255, 255, .1);
    border-right-color: rgba(255, 255, 255, .1);
    border-bottom: 10px solid transparent
}

.dark-mode .vtimeline .timeline-wrapper .timeline-badge {
    border-color: #1a1a3c
}

.dark-mode .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 10px
}

.dark-mode .timeline-wrapper-secondary .timeline-badge,
.dark-mode .timeline-wrapper-secondary .timeline-panel:before {
    background: #05c3fb
}

.dark-mode .timeline-wrapper-success .timeline-badge,
.dark-mode .timeline-wrapper-success .timeline-panel:before {
    background: #09ad95
}

.dark-mode .timeline-wrapper-green .timeline-badge,
.dark-mode .timeline-wrapper-green .timeline-panel:before {
    background: #4ecc48
}

.dark-mode .timeline-wrapper-warning .timeline-badge,
.dark-mode .timeline-wrapper-warning .timeline-panel:before {
    background: #fcd539
}

.dark-mode .timeline-wrapper-danger .timeline-badge,
.dark-mode .timeline-wrapper-danger .timeline-panel:before {
    background: #f16d75
}

.dark-mode .timeline-wrapper-dark .timeline-badge,
.dark-mode .timeline-wrapper-dark .timeline-panel:before {
    background: #828db1
}

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

.dark-mode .footer .social ul li a {
    border-color: rgba(255, 255, 255, .1);
    background: #1a1a3c;
    color: #dedefd
}

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

.dark-mode .footer-payments a {
    color: #a7a8c7
}

.dark-mode .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.dark-mode .main-footer {
    background-color: #2a2a4a;
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-mode .header,
.dark-mode .horizontal-main.hor-menu {
    background: #2a2a4a;
    border-bottom-color: rgba(255, 255, 255, .1)
}

@media (max-width:767px) {
    .dark-mode .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 14px solid rgba(255, 255, 255, .2) !important;
        border-left: 0 solid rgba(255, 255, 255, .2) !important
    }

    .dark-mode .header.hor-header {
        border-bottom-color: rgba(255, 255, 255, .1);
        box-shadow: 0 8px 24px #2a2a4a
    }

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

.dark-mode .header .form-inline .form-control {
    border-color: rgba(225, 225, 225, .1);
    background: rgba(225, 225, 225, .3);
    color: #000 !important
}

.dark-mode .header .form-inline .btn {
    border: 2px solid transparent;
    box-shadow: none;
    background: 0 0;
    color: #fff
}

@media (max-width:767.98px) and (min-width:576px) {
    .dark-mode .search-element .form-control {
        background: #fff !important;
        color: #000
    }

    .dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
        color: #9595b5
    }

    .dark-mode .header .navsearch i {
        color: #fff
    }

    .dark-mode .header .form-inline .btn {
        color: #46494a !important
    }
}

.dark-mode .header-right-icons .nav-link.icon:hover,
.dark-mode .tab_wrapper>ul li.active:after {
    background: 0 0
}

.dark-mode .header-brand .header-brand-img.logo,
.dark-mode .hor-header .header-brand-img.light-logo,
.dark-mode .light-layout,
.dark-mode .logo-horizontal .header-brand-img.desktop-logo,
.dark-mode.horizontal.header-light .logo-horizontal .header-brand-img.light-logo1,
.dark-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: block
}

.dark-mode .dark-layout,
.dark-mode .header-brand .header-brand-img.logo-3,
.dark-mode.horizontal .logo-horizontal .header-brand-img.light-logo1,
.dark-mode.horizontal.header-light .logo-horizontal .header-brand-img.desktop-logo,
.dark-mode.light-menu.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.toggle-logo,
.dark-mode.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo {
    display: none
}

@media (max-width:992px) {
    .dark-mode .about-con {
        border-bottom-color: rgba(255, 255, 255, .1)
    }

    .dark-mode .navresponsive-toggler span {
        color: #dcdfed
    }

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

    .dark-mode .responsive-navbar .navbar-collapse .icon.navsearch {
        border-color: #e4e6f9
    }

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

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

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

    .dark-mode .horizontal-header {
        border-bottom-color: rgba(0, 0, 0, .1);
        border-top-color: rgba(0, 0, 0, .1)
    }

    .dark-mode .callusbtn,
    .dark-mode .callusbtn:hover .fa {
        color: #a9a9a9
    }

    .dark-mode .animated-arrow span,
    .dark-mode .animated-arrow span:after,
    .dark-mode .animated-arrow span:before {
        background: #9595b5
    }

    .dark-mode.active .animated-arrow span {
        background-color: transparent
    }

    .dark-mode .horizontal-overlapbg {
        background-color: rgba(0, 0, 0, .45)
    }
}

.dark-mode .mega-menubg {
    background: #2a2a4a;
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, .1);
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .icons-list-item i {
    color: #8080a1
}

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

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

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

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    text-indent: -99999px;
    color: #6c757d
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
    color: #343a40
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td,
.dark-mode div.dt-datetime div.dt-datetime-label:hover {
    border-color: rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .1)
}

.dark-mode .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
.dark-mode .ui-datepicker .ui-datepicker-calendar td a:hover,
.dark-mode .ui-datepicker .ui-datepicker-calendar td span {
    background-color: #2a2a4a;
    color: #dedefd
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td a {
    background-color: #2a2a4a;
    color: #9595b5
}

.dark-mode .jvectormap-tip {
    background: #dedefd;
    color: #fff
}

.dark-mode .jvectormap-goback,
.dark-mode .jvectormap-zoomin,
.dark-mode .jvectormap-zoomout {
    background: #45456c;
    color: #fff
}

.dark-mode .jvectormap-legend {
    background: #000;
    color: #fff
}

.dark-mode .select2-container--default .select2-selection--single {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .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, .1) !important
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(255, 255, 255, .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,
.dark-mode .text-white-transparent,
.dark-mode .text-white-transparent-1 {
    color: #fff !important
}

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

.dark-mode .selectgroup-input:focus+.selectgroup-button,
.dark-mode .selectize-input.focus {
    box-shadow: 0 0 0 2px rgba(98, 58, 162, .25)
}

.dark-mode .cal1 .clndr .clndr-table .cal1 .clndr .clndr-table tr .day.my-event:hover,
.dark-mode .cal1 .clndr .clndr-table tr .day.event:hover,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-event:hover,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-today,
.dark-mode .dTree a,
.dark-mode .dark-mode .cal1 .clndr .clndr-table tr .day.event:hover,
.dark-mode .dark-mode .cal1 .clndr .clndr-table tr .day.today,
.dark-mode .fc .fc-daygrid-day-number,
.dark-mode .fc-direction-ltr .fc-list-day-side-text,
.dark-mode .fc-direction-ltr .fc-list-day-text,
.dark-mode .fc-direction-rtl .fc-list-day-side-text,
.dark-mode .fc-direction-rtl .fc-list-day-text,
.dark-mode .login100-form-title,
.dark-mode .main-chat-list .media-contact-name span:first-child,
.dark-mode .main-chat-list .media.new .media-contact-name span:first-child,
.dark-mode .main-chat-list .media.selected .media-contact-name span:first-child,
.dark-mode .ql-snow .ql-formats,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode .side-menu .sub-side-menu__label,
.dark-mode .side-menu__item,
.dark-mode .slide-item,
.dark-mode .sub-side-menu__label2,
.dark-mode .sub-slide-item,
.dark-mode .sub-slide-item2,
.dark-mode .sub-slide-label,
.dark-mode .sweet-alert h2,
.dark-mode .tree li,
.dark-mode .tree li a,
.dark-mode .wizard>.content>.title,
.dark-mode.horizontal .side-menu>li>a {
    color: #dedefd
}

.dark-mode .SumoSelect.open>.optWrapper,
.dark-mode .bg-primary-light,
.dark-mode .main-chat-time span,
.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single,
.dark-mode .selectgroup-input:checked+.selectgroup-button,
.dark-mode .sw-theme-dots .sw-toolbar,
.dark-mode .sweet-alert,
.dark-mode .tree li.branch li {
    background: #2a2a4a
}

.dark-mode .selectgroup-button {
    border-color: rgba(255, 255, 255, .1);
    color: #9aa0ac
}

.dark-mode .selectize-dropdown {
    color: #495057;
    border-color: rgba(255, 255, 255, .1);
    background: #2a2a4a
}

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

.dark-mode .selectize-dropdown .active.create,
.dark-mode .selectize-input input {
    color: #495057
}

.dark-mode .selectize-input.focus {
    border-color: #467fcf
}

.dark-mode .selectize-input.dropdown-active::before {
    background: #f0f0f0
}

.dark-mode .selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2)
}

.dark-mode .selectize-dropdown .optgroup-header {
    color: #495057;
    background: #2a2a4a
}

.dark-mode .selectize-dropdown .active {
    background-color: #f1f4f8;
    color: #467fcf
}

.dark-mode .selectize-dropdown .create {
    color: rgba(48, 48, 48, .5)
}

.dark-mode .selectize-dropdown .image img,
.dark-mode .selectize-input .image img {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4)
}

.dark-mode .app-header,
.dark-mode .multi-wrapper .search-input {
    border-bottom-color: rgba(255, 255, 255, .1);
    background: #2a2a4a
}

.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: 0 8px 14.72px 1.28px rgba(42, 38, 53, .5);
    box-shadow: 0 8px 14.72px 1.28px rgba(42, 38, 53, .5);
    border-right-color: rgba(255, 255, 255, .1)
}

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

.dark-mode .app-sidebar__user {
    color: #a8a8a8
}

.dark-mode .app-sidebar__user img {
    box-shadow: 0 0 25px rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .2);
    box-shadow: 0 5px 5px 0 rgba(44, 44, 44, .2)
}

.dark-mode .app-sidebar__user-designation,
.dark-mode .app-sidebar__user-name {
    color: #e5e9ec
}

.dark-mode .form-group label.control-label,
.dark-mode .side-menu__item.active,
.dark-mode .side-menu__item.active:focus,
.dark-mode .side-menu__item.active:hover,
.dark-mode .side-menu__item:focus,
.dark-mode .side-menu__item:hover,
.dark-mode .slide-menu a.active,
.dark-mode .wizard>.steps .current a,
.dark-mode .wizard>.steps .current a:active,
.dark-mode .wizard>.steps .current a:hover,
.dark-mode .wizard>.steps a,
.dark-mode .wizard>.steps a:active,
.dark-mode .wizard>.steps a:hover {
    color: var(--primary-bg-color)
}

.dark-mode .side-menu__item:focus .side-menu__icon,
.dark-mode .side-menu__item:focus .side-menu__label,
.dark-mode .side-menu__item:hover .side-menu__icon,
.dark-mode .side-menu__item:hover .side-menu__label,
.dark-mode .slide-item.active,
.dark-mode .slide-item:focus,
.dark-mode .slide-item:hover,
.dark-mode .sub-side-menu__label.active,
.dark-mode .sub-side-menu__label1.active,
.dark-mode .sub-side-menu__label1:focus,
.dark-mode .sub-side-menu__label1:hover,
.dark-mode .sub-side-menu__label2.active,
.dark-mode .sub-side-menu__label2:focus,
.dark-mode .sub-side-menu__label2:hover,
.dark-mode .sub-side-menu__label:focus,
.dark-mode .sub-side-menu__label:hover,
.dark-mode .sub-slide-item.active,
.dark-mode .sub-slide-item2.active,
.dark-mode .sub-slide-item2:focus,
.dark-mode .sub-slide-item2:hover,
.dark-mode .sub-slide-item:focus,
.dark-mode .sub-slide-item:hover,
.dark-mode a.text-dark:focus,
.dark-mode a.text-dark:hover,
.dark-mode a.text-primary:focus,
.dark-mode a.text-primary:hover {
    color: var(--primary-bg-color) !important
}

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

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

.dark-mode .app-title {
    background-color: #2a2a4a;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.dark-mode .user-info .text-dark {
    color: #25252a !important
}

.dark-mode .flot-text,
.dark-mode .text-muted,
.dark-mode .user-info .text-muted {
    color: #9595b5 !important
}

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

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

.dark-mode .richText {
    border: 1px solid rgba(255, 255, 255, .1);
    background-color: #2a2a4a !important
}

.dark-mode .cal1 .clndr .clndr-table .header-days .header-day,
.dark-mode .cal1 .clndr .clndr-table tr .day {
    border-left-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .1)
}

.dark-mode .richText .richText-toolbar {
    border-bottom: 1px solid rgba(156, 162, 161, 0)
}

.dark-mode .richText .richText-toolbar ul li a {
    border-right: 1px solid rgba(156, 162, 161, .2);
    color: #dedefd
}

.dark-mode .cal1 .clndr .clndr-table .header-days .header-day {
    border-right-color: rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month,
.dark-mode .cal1 .clndr .clndr-table tr .empty,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty {
    border-left-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .1);
    color: #9595b5
}

.dark-mode .cal1 .clndr .clndr-table tr .day.event,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-event {
    background: #252548 !important
}

.dark-mode .cal1 .clndr .clndr-table tr .day:hover {
    background: #2e2e4a
}

.dark-mode .cal1 .clndr .clndr-controls {
    border-color: rgba(255, 255, 255, .1);
    background-color: transparent
}

.dark-mode .fc-event,
.dark-mode .fc-event-dot {
    color: rgba(255, 255, 255, .1) !important
}

.dark-mode .fc-unthemed .fc-divider,
.dark-mode .fc-unthemed .fc-list-heading td,
.dark-mode .fc-unthemed .fc-popover .fc-header,
.dark-mode .tab_wrapper.right_side>ul li.active::before,
.dark-mode .tab_wrapper.right_side>ul li:after,
.dark-mode div.dt-datetime div.dt-datetime-iconDown button,
.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 {
    background: rgba(255, 255, 255, .1)
}

.dark-mode .fc-toolbar .fc-state-active,
.dark-mode .fc-toolbar .ui-state-active {
    background: #b4b4b4
}

.dark-mode .fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
    border: none !important;
    box-shadow: none !important
}

.dark-mode .fc-unthemed .fc-list-item:hover td {
    background-color: #eee
}

.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month:hover,
.dark-mode .cal1 .clndr .clndr-table tr .empty:hover,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month:hover,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty:hover {
    background: #2f2f50
}

.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 .map-header:before {
    background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #2a2a4a 95%)
}

.dark-mode .chart-dropshadow {
    -webkit-filter: drop-shadow(-6px 5px 4px #2a2635);
    filter: drop-shadow(-6px 5px 4px #2a2635)
}

.dark-mode .chart-dropshadow-primary,
.dark-mode .chart-dropshadow-primary-1 {
    -webkit-filter: drop-shadow(-6px 12px 4px rgba(133, 67, 246, 0.2));
    filter: drop-shadow(-6px 12px 4px rgba(133, 67, 246, .2))
}

.dark-mode .chart-dropshadow-danger {
    -webkit-filter: drop-shadow(-6px 12px 4px rgba(244, 88, 91, 0.1));
    filter: drop-shadow(-6px 5px 4px rgba(244, 88, 91, .1))
}

.dark-mode .chart-dropshadow-warning {
    -webkit-filter: drop-shadow(-6px 5px 4px rgba(247, 183, 49, 0.1));
    filter: drop-shadow(-6px 5px 4px rgba(247, 183, 49, .1))
}

.dark-mode .BarChartShadow {
    -webkit-filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(-6px 9px 4px rgba(0, 0, 0, .3))
}

.dark-mode .chart-dropshadow2 {
    -webkit-filter: drop-shadow(-6px 5px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(-6px 5px 4px rgba(0, 0, 0, .2))
}

.dark-mode .chart-dropshadow-secondary {
    -webkit-filter: drop-shadow(-6px 5px 4px rgba(130, 207, 242, 0.1));
    filter: drop-shadow(-6px 5px 4px rgba(130, 207, 242, .1))
}

.dark-mode .chart-dropshadow-success {
    -webkit-filter: drop-shadow(-6px 5px 4px rgba(19, 191, 166, 0.1));
    filter: drop-shadow(-6px 5px 4px rgba(19, 191, 166, .1))
}

.dark-mode .chart-dropshadow-info {
    -webkit-filter: drop-shadow(-6px 5px 4px rgba(7, 116, 248, 0.1));
    filter: drop-shadow(-6px 5px 4px rgba(7, 116, 248, .1))
}

.dark-mode .donutShadow,
.dark-mode .donutShadow-yellow {
    -webkit-filter: drop-shadow(-5px 4px 6px rgba(0, 0, 0, 0.5))
}

.dark-mode .donutShadow {
    filter: drop-shadow(-1px 0px 2px rgba(159, 120, 255, .5))
}

.dark-mode .donutShadow-yellow {
    filter: drop-shadow(-1px 0px 2px rgba(251, 196, 52, .5))
}

.dark-mode .donutShadow-blue {
    -webkit-filter: drop-shadow(-5px 4px 6px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(-1px 0px 2px rgba(36, 72, 135, .5))
}

.dark-mode .main-chat-list .media.new .media-body p,
.dark-mode .main-chat-list .media.selected .media-body p {
    color: #8f9cc0
}

.dark-mode .main-chat-list .media.selected:first-child,
.dark-mode .main-chat-list .media:focus:first-child,
.dark-mode .main-chat-list .media:hover:first-child {
    border-top-color: transparent
}

.dark-mode .main-chat-list .media.selected {
    background-color: #252544;
    border-top-color: rgba(255, 255, 255, .1);
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-mode .main-chat-list .main-img-user span {
    color: #fff;
    background-color: #05c3fb;
    box-shadow: 0 0 0 2px #2a2a4a
}

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

.dark-mode .main-content-title {
    color: #170c6b
}

.dark-mode .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    background-color: #4b4b66;
    color: #dedefd
}

.dark-mode .main-chat-list .media:focus,
.dark-mode .main-chat-list .media:hover {
    border-top-color: rgba(255, 255, 255, .1);
    border-bottom-color: rgba(255, 255, 255, .1);
    background: #252544 !important
}

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

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

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

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

.dark-mode .ribbon span::after,
.dark-mode .ribbon span::before {
    border-bottom: 3px solid transparent;
    border-top: 3px solid #f8463f
}

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

.dark-mode .construction .btn.btn-icon {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

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

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

.dark-mode .range output {
    color: #fff;
    background-color: #999
}

.dark-mode .range.range-success input[type=range]::-moz-slider-thumb,
.dark-mode .range.range-success input[type=range]::-webkit-slider-thumb {
    background-color: #4ecc48
}

.dark-mode .range.range-success output {
    background-color: #4ecc48
}

.dark-mode .range.range-success input[type=range] {
    outline-color: #4ecc48
}

.dark-mode .range.range-info input[type=range]::-moz-slider-thumb,
.dark-mode .range.range-info input[type=range]::-webkit-slider-thumb {
    background-color: #45aaf2
}

.dark-mode .range.range-info output {
    background-color: #45aaf2
}

.dark-mode .range.range-info input[type=range] {
    outline-color: #45aaf2
}

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

.dark-mode .range.range-warning output {
    background-color: #ecb403
}

.dark-mode .range.range-warning input[type=range] {
    outline-color: #ecb403
}

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

.dark-mode .range.range-danger output {
    background-color: #c21a1a
}

.dark-mode .range.range-danger input[type=range] {
    outline-color: #c21a1a
}

.dark-mode .ribbon1:after {
    border-left: 20px solid transparent;
    border-right: 24px solid transparent;
    border-top: 13px solid #f8463f
}

.dark-mode .ribbon1 span,
.dark-mode .ribbon1 span:before {
    background: #f8463f
}

.dark-mode .ribbon1 span:after {
    background: #c02031
}

.dark-mode .ribbon span {
    color: #fff;
    background: #79a70a;
    background: linear-gradient(#f8463f 0, #f8463f 100%);
    box-shadow: 0 3px 10px -5px #000
}

.dark-mode .ribbon span::before {
    border-left: 3px solid #f8463f;
    border-right: 3px solid transparent
}

.dark-mode .ribbon span::after {
    border-left: 3px solid transparent;
    border-right: 3px solid #f8463f
}

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

.dark-mode .wizard-style-1>.steps>ul .current a .number,
.dark-mode .wizard-style-1>.steps>ul .current a:active .number,
.dark-mode .wizard-style-1>.steps>ul .current a:hover .number,
.dark-mode .wizard>.actions a,
.dark-mode .wizard>.actions a:active,
.dark-mode .wizard>.actions a:hover,
.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);
    color: #fff
}

.dark-mode .wizard>.content>.body input.parsley-error {
    border-color: #ff5c77
}

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

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

@media (min-width:576px) {

    .dark-mode .wizard.vertical>.actions,
    .dark-mode .wizard.vertical>.content {
        border-left-color: rgba(255, 255, 255, .1);
        border-right-color: rgba(255, 255, 255, .1)
    }
}

.dark-mode .wizard-style-1>.steps>ul a .number,
.dark-mode .wizard-style-1>.steps>ul a:active .number,
.dark-mode .wizard-style-1>.steps>ul a:hover .number {
    color: #696e8d;
    background-color: #f3f7fd
}

.dark-mode .wizard-style-1>.steps>ul .done a .number,
.dark-mode .wizard-style-1>.steps>ul .done a:active .number,
.dark-mode .wizard-style-1>.steps>ul .done a:hover .number {
    background-color: #643ab0;
    color: #fff
}

.dark-mode .wizard-style-2>.steps>ul a .number,
.dark-mode .wizard-style-2>.steps>ul a:active .number,
.dark-mode .wizard-style-2>.steps>ul a:hover .number {
    border: 2px solid #f3f7fd;
    color: #696e8d;
    background-color: #2a2a4a
}

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

.dark-mode .wizard-style-2>.steps>ul .done a .number,
.dark-mode .wizard-style-2>.steps>ul .done a:active .number,
.dark-mode .wizard-style-2>.steps>ul .done a:hover .number {
    border-color: #8c3feb;
    color: #8c3feb
}

.dark-mode .parsley-required {
    color: #ff5c77
}

.dark-mode .wizard-card.form-group .form-control {
    background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2))
}

.dark-mode .wizard-container .wizard-navigation {
    background: #ebeff8
}

.dark-mode .wizard-card .choice.active .icon,
.dark-mode .wizard-card .choice:hover .icon {
    border-color: var(--primary-bg-color) !important;
    color: var(--primary-bg-color) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dark-mode a.bg-dark-gradient:focus,
.dark-mode a.bg-dark-gradient:hover,
.dark-mode a.bg-dark:focus,
.dark-mode a.bg-dark:hover,
.dark-mode a.bg-gray-dark:focus,
.dark-mode a.bg-gray-dark:hover,
.dark-mode button.bg-dark-gradient:focus,
.dark-mode button.bg-dark-gradient:hover,
.dark-mode button.bg-dark:focus,
.dark-mode button.bg-dark:hover,
.dark-mode button.bg-gray-dark:focus,
.dark-mode button.bg-gray-dark:hover {
    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 .bg-success-gradient {
    background: linear-gradient(to bottom right, #1ea38f 0, #5cf9e2 100%) !important
}

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

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

.dark-mode a.bg-azure:focus,
.dark-mode a.bg-azure:hover,
.dark-mode a.bg-info-gradient:focus,
.dark-mode a.bg-info-gradient:hover,
.dark-mode button.bg-azure:focus,
.dark-mode button.bg-azure:hover,
.dark-mode button.bg-info-gradient:focus,
.dark-mode button.bg-info-gradient:hover {
    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:focus,
.dark-mode a.bg-warning-gradient:hover,
.dark-mode button.bg-warning-gradient:focus,
.dark-mode button.bg-warning-gradient:hover {
    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:focus,
.dark-mode a.bg-danger-gradient:hover,
.dark-mode a.bg-red:focus,
.dark-mode a.bg-red:hover,
.dark-mode button.bg-danger-gradient:focus,
.dark-mode button.bg-danger-gradient:hover,
.dark-mode button.bg-red:focus,
.dark-mode button.bg-red:hover {
    background-color: #a11918 !important
}

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

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

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

.dark-mode .bg1 {
    background: linear-gradient(to right bottom, #163b7c 0, #548beb 100%)
}

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

.dark-mode .bg3 {
    background: linear-gradient(to bottom right, #f53e31, #dd4b39)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dark-mode a.bg-cyan-darkest:focus,
.dark-mode a.bg-cyan-darkest:hover,
.dark-mode a.bg-gray-dark-darker:focus,
.dark-mode a.bg-gray-dark-darker:hover,
.dark-mode a.bg-gray-dark-darkest:focus,
.dark-mode a.bg-gray-dark-darkest:hover,
.dark-mode a.bg-green-darkest:focus,
.dark-mode a.bg-green-darkest:hover,
.dark-mode a.bg-red-darkest:focus,
.dark-mode a.bg-red-darkest:hover,
.dark-mode a.bg-teal-darkest:focus,
.dark-mode a.bg-teal-darkest:hover,
.dark-mode a.bg-yellow-darkest:focus,
.dark-mode a.bg-yellow-darkest:hover,
.dark-mode button.bg-cyan-darkest:focus,
.dark-mode button.bg-cyan-darkest:hover,
.dark-mode button.bg-gray-dark-darker:focus,
.dark-mode button.bg-gray-dark-darker:hover,
.dark-mode button.bg-gray-dark-darkest:focus,
.dark-mode button.bg-gray-dark-darkest:hover,
.dark-mode button.bg-green-darkest:focus,
.dark-mode button.bg-green-darkest:hover,
.dark-mode button.bg-red-darkest:focus,
.dark-mode button.bg-red-darkest:hover,
.dark-mode button.bg-teal-darkest:focus,
.dark-mode button.bg-teal-darkest:hover,
.dark-mode button.bg-yellow-darkest:focus,
.dark-mode button.bg-yellow-darkest:hover {
    background-color: #000 !important
}

.dark-mode a.bg-orange-lightest:focus,
.dark-mode a.bg-orange-lightest:hover,
.dark-mode button.bg-orange-lightest:focus,
.dark-mode button.bg-orange-lightest:hover {
    background-color: #ffdab9 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dark-mode a.bg-lime-darkest:focus,
.dark-mode a.bg-lime-darkest:hover,
.dark-mode button.bg-lime-darkest:focus,
.dark-mode button.bg-lime-darkest:hover {
    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:focus,
.dark-mode a.bg-blue:hover,
.dark-mode button.bg-blue:focus,
.dark-mode button.bg-blue:hover {
    background-color: #4032f1 !important
}

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

.dark-mode a.bg-indigo:focus,
.dark-mode a.bg-indigo:hover,
.dark-mode button.bg-indigo:focus,
.dark-mode button.bg-indigo:hover {
    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 .bg-pink {
    background: #ec82ef !important;
    color: #fff !important
}

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

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

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

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

.dark-mode a.bg-orange:focus,
.dark-mode a.bg-orange:hover,
.dark-mode button.bg-orange:focus,
.dark-mode button.bg-orange:hover {
    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:focus,
.dark-mode a.bg-yellow:hover,
.dark-mode button.bg-yellow:focus,
.dark-mode button.bg-yellow:hover {
    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 .bg-teal {
    background: #1caf9f !important
}

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

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

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

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

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

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

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

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

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

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

.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-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, .1) !important
}

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

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

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

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

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

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

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

.dark-mode .bg-secondary-transparent {
    background-color: rgba(5, 195, 251, .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, .1) !important
}

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

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

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

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

.dark-mode .google-plus1 {
    background: linear-gradient(to right bottom, #dd4b39 0, #ef6a5a 100%)
}

.dark-mode .pinterest1 {
    background: linear-gradient(to right bottom, #bd081c 0, #eb4553 100%)
}

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

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

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

.dark-mode .border-end,
.rtl.dark-mode .tab_wrapper.right_side .content_wrapper,
.rtl.dark-mode .tab_wrapper.right_side>ul li {
    border-right-color: rgba(255, 255, 255, .1) !important
}

.dark-mode .border-start,
.rtl.dark-mode .main-content-body-chat .border-start-0 {
    border-left-color: rgba(255, 255, 255, .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-secondary,
.dark-mode a.text-secondary:focus,
.dark-mode a.text-secondary:hover {
    color: #05c3fb !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dark-mode .heading-inverse {
    background-color: #333;
    color: #fff
}

.dark-mode .heading-success {
    background-color: #1643a3;
    color: #fff
}

.dark-mode .heading-warning {
    background-color: #ecb403;
    color: #fff
}

.dark-mode .heading-danger {
    background-color: #c21a1a;
    color: #fff
}

.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-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-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 right, #cd489c 0, #ce4ba4 100%)
}

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

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

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

.dark-mode .text-google-plus-gradient {
    background: linear-gradient(to right bottom, #dd4b39 0, #ef6a5a 100%)
}

.dark-mode .text-success-shadow {
    text-shadow: 0 5px 10px rgba(19, 191, 166, .3) !important
}

.dark-mode .text-info-shadow {
    text-shadow: 0 5px 10px rgba(7, 116, 248, .3) !important
}

.dark-mode .text-warning-shadow {
    text-shadow: 0 5px 10px rgba(255, 162, 43, .3) !important
}

.dark-mode .text-danger-shadow {
    text-shadow: 0 5px 10px rgba(255, 56, 43, .3) !important
}

.dark-mode .text-pink-shadow {
    text-shadow: 0 5px 10px rgba(213, 109, 252, .3) !important
}

.dark-mode .text-purple-shadow {
    text-shadow: 0 5px 10px rgba(96, 77, 216, .3) !important
}

.dark-mode .text-dark-shadow {
    text-shadow: 0 5px 10px rgba(0, 0, 0, .3) !important
}

.dark-mode .text-white-shadow {
    text-shadow: 0 5px 10px rgba(255, 255, 255, .3) !important
}

.dark-mode .text-secondary-shadow {
    text-shadow: 0 5px 10px rgba(130, 207, 242, .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 .sidebar {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 8px 14.72px 1.28px rgba(42, 38, 53, .5)
}

.dark-mode .ms-drop.bottom,
.dark-mode .select2-container--default .select2-results>.select2-results__options {
    box-shadow: 0 8px 14.72px 1.28px rgba(34, 34, 61, .8)
}

.dark-mode .side-header .header-brand-img.desktop-logo,
.dark-mode.light-menu.sidenav-toggled .header-brand-img.light-logo,
.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo,
.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.toggle-logo,
.dark-mode.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {
    display: block !important
}

.dark-mode .side-header .header-brand-img.light-logo1,
.dark-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1,
.dark-mode.light-menu.sidenav-toggled-open .header-brand-img.light-logo,
.dark-mode.sidebar-mini .app-header .light-logo1,
.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo,
.dark-mode.sidebar-mini.hover-submenu.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo,
.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo,
.dark-mode.sidebar-mini.hover-submenu1.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo,
.dark-mode.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo,
.dark-mode.sidenav-toggled .header-brand-img.light-logo {
    display: none !important
}

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

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

.dark-mode .fc-theme-standard .fc-scrollgrid {
    border: 0 solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode .fc .fc-daygrid-day.fc-day-today {
    background-color: #272742
}

.dark-mode .fc .fc-list-event:hover td,
.dark-mode .fc-theme-standard .fc-list-day-cushion {
    background: #22223d
}

.dark-mode .dropify-wrapper .dropify-message span.file-icon,
.dark-mode .irs-grid-text,
.dark-mode .sweet-alert P {
    color: #9595b5
}

.dark-mode .irs-max,
.dark-mode .irs-min {
    color: #dedefd;
    background: #1a1a3c
}

.dark-mode .sp-container,
.dark-mode .sp-replacer {
    background: #2a2a4a;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .tree ul:before {
    border-left-color: rgba(255, 255, 255, .2)
}

.dark-mode .tree ul li:before {
    border-top-color: rgba(255, 255, 255, .2)
}

.dark-mode .dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, #1a1a3c 25%, transparent 25%, transparent 50%, #1a1a3c 50%, #1a1a3c 75%, transparent 75%, transparent)
}

.dark-mode .sp-replacer {
    color: #fff
}

.dark-mode .sp-replacer.sp-active,
.dark-mode .sp-replacer:hover {
    border-color: rgba(255, 255, 255, .1);
    color: #fff
}

.dark-mode .sp-container {
    box-shadow: 0 10px 40px 0 rgba(34, 34, 61, .8)
}

.dark-mode .sp-picker-container {
    border-left: 0
}

.dark-mode .ui-timepicker-wrapper {
    background: #23223a;
    border-color: rgba(255, 255, 255, .07);
    box-shadow: 0 16px 18px 0 #0e0f2e
}

.dark-mode .datepicker-dropdown.datepicker-orient-top:after,
.dark-mode .datepicker-dropdown.datepicker-orient-top:before {
    border-top-color: #30304d
}

.dark-mode .SumoSelect>.CaptionCont {
    border-color: rgba(255, 255, 255, .1);
    background-color: #2a2a4a;
    color: #9595b5
}

.dark-mode .SumoSelect.disabled>.CaptionCont {
    border-color: rgba(255, 255, 255, .1);
    background: #22223c;
    border-radius: 0
}

.dark-mode .SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: #262641
}

.dark-mode .SumoSelect .select-all,
.dark-mode .note-editor.note-frame.panel.panel-default .panel-heading {
    background-color: #2a2a4a;
    border-bottom-color: rgba(255, 255, 255, .1)
}

.dark-mode .SumoSelect>.optWrapper>.MultiControls {
    border-top: 1px solid rgba(255, 255, 255, .12);
    background-color: #2a2a4a
}

.dark-mode .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover {
    background-color: #393958
}

.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.focused,
.dark-mode .datepicker table tr td span:hover {
    background: #21213c !important;
    color: #dedefd !important
}

.dark-mode .datepicker .next,
.dark-mode .datepicker .prev {
    background: #39395c
}

.dark-mode .ms-choice.disabled {
    background-color: #2d2d48;
    border-color: rgba(255, 255, 255, .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 .transfer-double-content-tabs .tab-item-name.tab-active {
    background: #252336
}

.dark-mode .transfer-double-list-search-input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.dark-mode .transfer-double-list-main::-webkit-scrollbar-track {
    background-color: #2a2a4a
}

.dark-mode .transfer-double-selected-list-search-input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.dark-mode .multi-wrapper .search-input::placeholder {
    color: rgba(255, 255, 255, .8)
}

.dark-mode .multi-wrapper .item-1 {
    color: #dedefd;
    background: #2a2a4a
}

.dark-mode .multi-wrapper .non-selected-wrapper {
    background: #2a2a4a;
    border-right-color: rgba(255, 255, 255, .1)
}

.dark-mode .iti input,
.dark-mode .note-btn.btn-default,
.dark-mode .note-editor .btn-default:not(:disabled):not(.disabled):active {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .iti input[type=tel],
.dark-mode .iti input[type=text] {
    border-color: rgba(255, 255, 255, .1);
    background-color: #2a2a4a;
    border-right-color: rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .iti__selected-flag,
.rtl.dark-mode .vtimeline .timeline-wrapper .timeline-panel:after {
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(255, 255, 255, .1)
}

.dark-mode .iti__country-list {
    border-color: rgba(255, 255, 255, .1);
    background-color: #2a2a4a;
    border-right-color: rgba(255, 255, 255, .1)
}

.dark-mode .iti__country.iti__highlight,
.dark-mode .ql-bubble .ql-tooltip,
.dark-mode .richText .richText-toolbar ul li a:hover,
.dark-mode .sw-theme-dots .step-content {
    background-color: #2a2a4a
}

.dark-mode .form-control-file::-webkit-file-upload-button {
    background-color: #1a1a3c;
    color: #dedefd;
    border-color: rgba(255, 255, 255, .1)
}

.dark-mode .note-editor.note-airframe .note-editing-area .note-codable,
.dark-mode .note-editor.note-frame .note-editing-area .note-codable {
    background-color: #1a1a3c;
    color: rgba(255, 255, 255, .7)
}

.dark-mode .richText .richText-editor {
    background-color: #2a2a4a;
    border-left-color: rgba(255, 255, 255, 0)
}

.dark-mode .richText .richText-form input[type=file],
.dark-mode .richText .richText-form input[type=number],
.dark-mode .richText .richText-form input[type=text],
.dark-mode .richText .richText-form select {
    border-color: rgba(255, 255, 255, .1);
    background: #1b1b2d;
    color: #dedefd
}

.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
    background: #1b1b2d
}

.dark-mode .ql-snow .ql-toolbar button,
.dark-mode .ql-snow.ql-toolbar button,
.dark-mode .ql-toolbar.ql-snow .ql-picker-label,
.dark-mode .ql-tooltip.ql-editing input[type=file],
.dark-mode .ql-tooltip.ql-editing input[type=number],
.dark-mode .ql-tooltip.ql-editing input[type=text] {
    border-color: rgba(255, 255, 255, .1);
    background: #2a2a4a;
    color: #dedefd
}

.dark-mode .ql-snow .ql-tooltip {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 5px #000;
    color: #dedefd;
    margin-left: 100px
}

.dark-mode .sw-theme-dots>ul.step-anchor:before {
    background-color: #3e3e63
}

.dark-mode .sw-theme-dots>ul.step-anchor>li>a:before {
    background: #3e3e63
}

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

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

.dark-mode .wizard>.actions .disabled a {
    background-color: #404062;
    color: rgba(255, 255, 255, .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 .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
}

.dark-mode .owl-nav button {
    background: #5b5b83 !important;
    border-color: rgba(255, 255, 255, .1) !important
}

.dark-mode tspan {
    fill: #9595b5 !important
}

.dark-mode .nvd3 text {
    fill: #9595b5
}

.dark-mode .nvd3 .nv-axis line {
    stroke: rgba(119, 119, 142, 0.2)
}

.dark-mode .countdown li {
    background: #2a2a4a;
    border: 5px solid rgba(255, 255, 255, .1);
    color: #dedefd
}

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

    .dark-mode .sidebar-mini.sidenav-toggled .sidebar-mini.sidenav-toggled.user-notification::before {
        background: 0 0
    }

    .dark-mode .sidebar-mini.sidenav-toggled .app-sidebar__user {
        border-bottom-color: rgba(225, 225, 225, .05)
    }

    .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, .1);
        box-shadow: 0 16px 18px rgba(0, 0, 0, .3) !important
    }
}

.rtl.dark-mode .app-sidebar {
    border-left-color: rgba(255, 255, 255, .1);
    border-right: inherit
}

.rtl.dark-mode .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right-color: rgba(255, 255, 255, .2) !important;
    border-left-color: rgba(255, 255, 255, .2) !important;
    right: -10px !important;
    left: auto
}

.rtl.dark-mode .notification .notification-body:before {
    border-left-color: #2a2a4a;
    border-right-color: transparent
}

.rtl.dark-mode .border-end {
    border-left-color: rgba(255, 255, 255, .1) !important;
    border-right-color: transparent !important
}

.rtl.dark-mode .card-group .card.border-end {
    border-left: 1px solid rgba(255, 255, 255, .1) !important;
    border-right: inherit !important
}

.rtl.dark-mode .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right-width: 0;
    border-left-width: 10px
}

.rtl.dark-mode .richText .richText-toolbar ul li a {
    border-left: 1px solid rgba(156, 162, 161, .2);
    border-right: inherit
}

.rtl.dark-mode .tree ul:before {
    border-right: 1px dotted rgba(255, 255, 255, .3)
}

.dark-mode .table .table-primary th {
    color: #7373dd
}

.dark-mode .fc-theme-standard .fc-popover {
    border: 1px solid rgba(255, 255, 255, .1);
    background: #2a2a4a
}

.dark-mode .fc-theme-standard .fc-popover-header {
    background: #1e2448
}

.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
    background: 0 0;
    color: #fff
}

.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image,
.dark-mode div.dt-autofill-list {
    background-color: #1e2448
}

.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
    border-color: rgba(255, 255, 255, .1);
    background-color: #1e2448
}

.dark-mode.rtl .table.border-dashed thead th:last-child {
    border-left-color: transparent
}

.dark-mode .handle-counter input {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .card-group .card.border-end {
    border-right: 1px solid rgba(255, 255, 255, .1) !important
}

.dark-mode div.dt-autofill-list ul li:hover {
    background-color: rgba(0, 0, 0, .2)
}

.dark-mode .datetimetable input {
    border-color: rgba(255, 255, 255, .1);
    background-color: transparent;
    color: #dedefd
}

.dark-mode .datetimetable input::placeholder {
    color: #dedefd
}

.dark-mode div.dt-datetime {
    background-color: #2a2a4a;
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 16px 18px rgba(0, 0, 0, .2)
}

.dark-mode div.dt-datetime table td {
    color: rgba(255, 255, 255, .8)
}

.dark-mode div.dt-datetime table th {
    color: #dedefd
}

.dark-mode .pricing-tabs ul.nav-price {
    border: 1px solid rgba(255, 255, 255, .1);
    background: #1e2448
}

.dark-mode .pricing-tabs ul.nav-price li a {
    background: 0 0;
    color: rgba(255, 255, 255, .8)
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, .6) 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, .6)
}

.dark-mode .c3 line,
.dark-mode .c3 path {
    stroke: rgba(255, 255, 255, 0.1)
}

.dark-mode .form-floating>.form-control::placeholder {
    color: transparent !important
}

.dark-mode .is-loading .form-control-plaintext::placeholder {
    color: #a9a9c1
}

.dark-mode .is-loading .form-control-plaintext:focus-visible {
    border: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode .is-loading select option:checked {
    background-color: rgba(255, 255, 255, .1);
    color: #dedefd
}

.dark-mode .fullwidth-arrow-danger-ribbons-right .bar,
.dark-mode .fullwidth-arrow-warning-ribbons .bar,
.dark-mode .fullwidth-primary-ribbons .bar,
.dark-mode .fullwidth-secondary-ribbons .bar {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .7)
}

.dark-mode .fullwidth-arrow-danger-ribbons-right .bar span:nth-child(2),
.dark-mode .fullwidth-arrow-warning-ribbons .bar span:nth-child(2),
.dark-mode .fullwidth-primary-ribbons .bar span:nth-child(2),
.dark-mode .fullwidth-secondary-ribbons .bar span:nth-child(2) {
    box-shadow: 20px 20px 30px -10px transparent
}

.dark-mode .fullwidth-arrow-danger-ribbons-right .bar span:nth-child(4),
.dark-mode .fullwidth-arrow-warning-ribbons .bar span:nth-child(4),
.dark-mode .fullwidth-primary-ribbons .bar span:nth-child(4),
.dark-mode .fullwidth-secondary-ribbons .bar span:nth-child(4) {
    box-shadow: -20px 19px 30px -10px transparent
}

.dark-mode .demo_changer .form_holder {
    box-shadow: 0 8px 14.72px 1.28px rgba(0, 0, 0, .2)
}

.dark-mode .list-group-item a {
    color: rgba(255, 255, 255, .7)
}

.dark-mode .main-chat-body {
    background-color: transparent !important;
}

.dark-mode .main-chat-body .content-inner {
    background-color: transparent !important;
}

.dark-mode .main-chat-body .media.body {
    background-color: transparent !important;
}

.dark-mode .main-content .p-4.border-bottom {
    background: transparent !important;
}

.dark-mode #global-loader {
    background-color: #2a2a4a !important;
}