/*Color variables*/
/*border variables*/
/*white variables*/
/*black variables*/
/*-----Dark-Css----- */
body.dark-mode {
    color: #fff !important;
    background: #1e2340;
}

@media print {
    .dark-mode .app-content {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
}

.dark-mode #loading {
    background: var(--primary);
}

.dark-mode .banner {
    background: #4e3dc0;
    border: 1px solid #4e3dc0;
}

    .dark-mode .banner .page-content {
        color: #dae3f9;
    }

.dark-mode .app-header.header .nav-link.icon i {
    color: #d4e5fb;
}

.dark-mode .first-sidemenu {
    background: #070d32;
}

.dark-mode .resp-vtabs li.active {
    background: transparent !important;
}

.dark-mode .side-menu__icon {
    background: #2a2f4f;
    border: 1px solid rgba(220, 222, 237, 0.2);
    z-index: 10;
}

.dark-mode #phone {
    border: 1px solid rgba(224, 230, 241, 0.17);
    width: 250px;
    height: 37px;
    margin-right: 5px;
}

.dark-mode .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .iti__arrow {
    border-top: 4px solid #c8cdea;
}

.dark-mode .iti__country.iti__highlight {
    background-color: #3e425f;
}

.dark-mode .iti__divider {
    border-bottom: 1px solid rgba(224, 230, 241, 0.17);
}

.dark-mode .iti__country-list {
    box-shadow: 0px 5px 25px rgba(39, 55, 76, 0.2);
    background-color: var(--primary);
    border: 1px solid rgba(224, 230, 241, 0.17);
}

.dark-mode .iti__flag {
    height: 11px;
    background-color: var(--primary);
    box-shadow: 0px 0px 1px 0px #3e425f;
}

.dark-mode .resp-vtabs .resp-tabs-list li {
    padding: 13px 13px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    border-left: 0 !important;
    border: 0 !important;
    border-bottom: 0;
    line-height: 0;
    box-shadow: none;
}

.dark-mode .side_menu_img {
    opacity: 0.8;
    z-index: 13;
}

.dark-mode .resp-tab-active.active .side_menu_img {
    opacity: 1;
}

.dark-mode .resp-vtabs li:hover {
    background: transparent !important;
}

    .dark-mode .resp-vtabs li:hover .side_menu_img {
        opacity: 1 !important;
    }

    .dark-mode .resp-vtabs li:hover .side-menu__icon {
        background: #0355d0;
        border: 1px solid #449ce2 !important;
    }

.dark-mode .app-header {
    border-bottom: 1px solid rgba(232, 235, 241, 0.1);
}

.dark-mode .app-header__logo {
    color: #fff;
}

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

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

.dark-mode .app-nav__item {
    color: #a8a8a8;
}

    .dark-mode .app-nav__item:hover {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
    }

.app-nav__item:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}

.dark-mode .app-search__input {
    background-color: rgba(255, 255, 255, 0.8);
}

.dark-mode .app-search__button {
    color: rgba(0, 0, 0, 0.8);
}

.dark-mode .app-notification__title {
    background-color: rgba(0, 150, 136, 0.4);
    color: #333;
}

.dark-mode .app-notification__footer {
    background-color: #eee;
}

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

.dark-mode .app-notification__item {
    border-bottom: 1px solid #ddd;
}

    .dark-mode .app-notification__item:focus,
    .dark-mode .app-notification__item:hover {
        background-color: #e0e0e0;
    }

.dark-mode .app-sidebar {
    background: var(--primary) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 0 #181a27;
}

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

.dark-mode .app-sidebar__user {
    color: #8e9cad;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

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

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

.dark-mode .side-menu .slide.submenu a.active {
    color: #3771f1 !important;
}

.dark-mode .side-menu__item.active,
.dark-mode .side-menu__item:hover,
.dark-mode .side-menu__item:focus {
    color: #fff;
    background: transparent;
}

    .dark-mode .side-menu__item.active .side-menu__icon,
    .dark-mode .side-menu__item:hover .side-menu__icon,
    .dark-mode .side-menu__item:focus .side-menu__icon {
        color: #fff;
    }

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

.dark-mode .side-menu .slide.submenu a {
    color: #fff !important;
    padding: 7px 7px;
    margin: 0;
    background: transparent;
}

.dark-mode .side-menu .slide-menu.submenu-list a:hover {
    background: var(--primary) !important;
    color: #3771f1 !important;
}

.dark-mode .slide-item.active,
.dark-mode .slide-item:hover,
.dark-mode .slide-item:focus {
    color: #007bff !important;
}

.dark-mode .side-menu .side-menu__icon {
    color: #fff;
}

.dark-mode .slide-menu li:last-child .slide-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode .slide-item .icon {
    margin-right: 5px;
}

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

.dark-mode .app-title {
    background-color: #FFF;
}

.dark-mode .sidebar-navs .nav-link.border {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

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

.dark-mode .side-menu__item.active .side-menu__icon,
.dark-mode .side-menu__item:hover .side-menu__icon,
.dark-mode .side-menu__item:focus .side-menu__icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.dark-mode .side-menu .side-menu__icon {
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px !important;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: -8px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.dark-mode .card {
    background-color: var(--primary);
    border: solid 1px rgba(221, 228, 235, 0.1) !important;
}

.dark-mode .second-sidemenu {
    background: var(--primary);
    height: 100%;
    border-right: 1px solid rgba(221, 228, 235, 0.12);
}

.dark-mode .panel-body {
    padding: 15px;
    background: var(--primary);
}

.dark-mode .page-header {
    background: var(--primary);
    border-bottom: 1px solid rgba(227, 227, 247, 0.05);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.1);
}

.dark-mode .card-header {
    border-bottom: 1px solid rgba(221, 228, 235, 0.05);
}

.dark-mode .card-title {
    color: #fff;
}

.dark-mode .list-group-item {
    background-color: var(--primary);
    border: 1px solid rgba(234, 240, 247, 0.1);
}

.dark-mode .list-group-item-action {
    color: #fff;
}

.dark-mode .header {
    background: var(--primary);
    color: #fff;
}

.dark-mode .icon i {
    vertical-align: -1px;
    color: #fff;
}

.dark-mode a {
    color: #e7ebf5;
}

    .dark-mode a:hover {
        color: #1d62fb;
    }

.dark-mode .form-control {
    color: #b3b2c5;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(224, 230, 241, 0.17);
}

.dark-mode .table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #383c5b;
}

.dark-mode .forminputs-dt .form-control,
.dark-mode #form-input-datatable .form-control {
    color: #fff !important;
}

    .dark-mode .forminputs-dt .form-control::placeholder,
    .dark-mode #form-input-datatable .form-control::placeholder {
        color: #fff !important;
    }

.dark-mode .form-group.bg-white {
    background-color: var(--primary) !important;
    border-right: 1px solid rgba(215, 222, 239, 0.21) !important;
}

.dark-mode .search-product .select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0 !important;
    border-radius: 4px;
}

.dark-mode .select2-lg .select2-container .select2-selection--single {
    height: 3.7rem !important;
}

.dark-mode .input-lg {
    height: 59px !important;
}

.dark-mode .header .form-inline .btn {
    color: #fff;
}

.dark-mode .rated-products .media img {
    border: 1px solid rgba(217, 221, 231, 0.1);
}

.dark-mode .list-group-item-action:active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-mode .coming-events .list-group-item:hover {
    color: #fff !important;
}

.dark-mode .calendar-icon {
    border: 1px solid rgba(222, 229, 237, 0.2);
}

.dark-mode .chatbox .chat-header {
    background: var(--primary);
    box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.1);
}

.dark-mode .chatbox .fs-13 {
    color: rgba(255, 255, 255, 0.4) !important;
}

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

.dark-mode .footer {
    background: var(--primary);
    border-top: 1px solid rgba(67, 87, 133, 0.2);
    font-size: 0.875rem;
    padding: 1.25rem 0;
}

.dark-mode .label-secondary {
    background-color: rgba(5, 117, 230, 0.2);
    color: #3482ea;
}

.dark-mode .item2-gl-nav .item2-gl-menu li a.active {
    color: #0245da;
}

.dark-mode .header-brand-img.dark-version {
    text-align: center;
}

.dark-mode .search-product .select2-lg .select2-container .select2-selection--single {
    height: 3.7rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.dark-mode .showmore-button-inner {
    border: 1px solid #1f63f9;
    color: #2e6fff;
}

.dark-mode .ui-widget-content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: var(--primary);
    color: #2c4359;
}

.dark-mode .ui-state-default {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: bold;
    color: #333333;
}

.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: bold;
    color: #333333;
}

.dark-mode #price {
    background: transparent;
}

.dark-mode .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0245da;
}

.dark-mode .header-brand-img.desktop-lgo {
    display: none;
}

.dark-mode .card-options a:not(.btn) {
    color: #fff;
}

.dark-mode .table th {
    color: #fdfeff;
}

.text-wrap table th {
    color: #fdfeff;
}

.dark-mode #global-loader {
    background: #1c1e2f;
}

.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode .text-wrap table td {
    border: 1px solid rgba(234, 240, 247, 0.08);
}

.dark-mode .token.atrule,
.dark-mode .token.attr-value,
.dark-mode .token.keyword {
    color: #de5dbe;
}

.dark-mode .token.selector,
.dark-mode .token.attr-name,
.dark-mode .token.string,
.dark-mode .token.char,
.dark-mode .token.builtin,
.dark-mode .token.inserted {
    color: #007bff;
}

.dark-mode .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid rgba(234, 240, 247, 0.08);
}

.text-wrap table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid rgba(234, 240, 247, 0.08);
}

.dark-mode .res-tabs .tabs-menu1 ul li .active {
    border-bottom: 2px solid #0245da;
    border-radius: 2px;
    color: #fff;
    background: #0245da;
}

.dark-mode .bg-dark1 {
    background-color: var(--primary) !important;
}

.dark-mode a.bg-dark:hover {
    background-color: #20285d !important;
}

a.bg-dark:focus {
    background-color: #20285d !important;
}

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

.dark-mode .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
}

.dark-mode .progress {
    background-color: rgba(229, 233, 242, 0.15);
    box-shadow: 4px 3px 6px 0 rgba(25, 28, 50, 0.3);
}

.dark-mode .custom-switch-indicator {
    background: rgba(233, 236, 239, 0.3);
}

.dark-mode .bg-primary-transparent {
    background: rgba(164, 184, 229, 0.11) !important;
}

.dark-mode .bg-danger-transparent {
    background: rgba(245, 190, 201, 0.3);
}

.dark-mode .bg-secondary-transparent {
    background: rgba(97, 195, 232, 0.3);
    background-color: rgba(247, 138, 95, 0.12) !important;
}

.dark-mode .bg-success-transparent {
    background: rgba(51, 187, 21, 0.1);
}

.dark-mode .bg-primary-transparent.text-primary {
    color: #007bff !important;
}

.dark-mode .bg-orange-transparent {
    background: rgba(249, 209, 167, 0.3);
}

.dark-mode .bg-danger-transparent.text-danger {
    color: #f1426c !important;
}

.dark-mode .bg-warning-transparent {
    background: rgba(247, 231, 184, 0.3);
}

.dark-mode .latest-timeline ul.timeline > li:before {
    content: ' ';
    background: #131633;
}

.dark-mode .latest-timeline .timeline p {
    color: #b2becc;
}

.dark-mode .bg-light {
    background-color: rgba(248, 249, 250, 0.1) !important;
}

.dark-mode .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode #messages-main .ms-user {
    padding: 15px;
    background: var(--primary);
    border: 1px solid rgba(236, 239, 249, 0.1);
}

.dark-mode .ms-body {
    background: var(--primary);
    border-radius: 7px;
}

.dark-mode .action-header {
    position: relative;
    background: #4a32d4;
    padding: 15px 13px 15px 17px;
}

.dark-mode .message-feed:not(.right) .mf-content {
    background: #26315d;
    color: #fff;
}

.dark-mode .message-feed.right .mf-content {
    background: rgba(66, 69, 92, 0.4);
}

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

.dark-mode .dropdown-menu {
    background-color: var(--primary);
    color: #fff;
    box-shadow: 0px 5px 25px #030844 !important;
    border: solid 1px rgba(221, 228, 235, 0.08) !important;
}

    .dark-mode .dropdown-menu .cart:hover {
        background: rgba(240, 241, 247, 0.1) !important;
    }

.dark-mode breadcrumb-item a {
    color: #596cf9;
}

.dark-mode .text-primary {
    color: #007bff !important;
}

.dark-mode #messages-main .ms-menu {
    background: var(--primary);
}

.dark-mode .msb-reply {
    box-shadow: 0 -20px 20px -5px var(--primary);
    position: relative;
    background: var(--primary);
    border: 1px solid rgba(236, 239, 249, 0.1);
}

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

.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    color: #fff;
    background: rgba(239, 241, 245, 0.2);
}

.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    color: #fff;
    background: #3f425a;
}

.dark-mode .cal1 .clndr .clndr-table tr .empty,
.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month {
    background: #26315d;
}

.dark-mode .cal1 .clndr .clndr-table tr .day.event {
    background: rgba(243, 246, 253, 0.1);
}

.cal1 .clndr .clndr-table tr .day.my-event {
    background: rgba(243, 246, 253, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
    background: #0245da !important;
    color: #fff !important;
}

.dark-mode .cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover {
    background: #26315d !important;
}

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

.dark-mode .cal1 .clndr .clndr-table tr:last-child .day {
    border-bottom: 1px solid rgba(215, 231, 255, 0.1);
}

.cal1 .clndr .clndr-table tr:last-child .my-day {
    border-bottom: 1px solid rgba(215, 231, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table tr .empty:last-child,
.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month:last-child,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty:last-child,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month:last-child {
    border-right: 1px solid rgba(215, 231, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table .header-days .header-day {
    border-left: 1px solid rgba(23, 183, 148, 0.1);
    border-top: 1px solid rgba(23, 183, 148, 0.2);
}

    .dark-mode .cal1 .clndr .clndr-table .header-days .header-day:last-child {
        border-right: 1px solid rgba(215, 231, 255, 0.1);
    }

.dark-mode .fc-state-default,
.dark-mode .fc-event {
    border: 1px solid rgba(23, 183, 148, 0.1);
}

.dark-mode .fc-unthemed .fc-divider,
.dark-mode .fc-unthemed .fc-list-heading td,
.dark-mode .fc-unthemed .fc-popover .fc-header {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .fc-unthemed .fc-list-item:hover td {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .irs-line {
    background: rgba(229, 233, 242, 0.2);
    border: 1px solid rgba(229, 233, 242, 0.2);
}

.dark-mode .irs-grid-text {
    bottom: 5px;
    color: white;
}

.dark-mode .irs-min {
    background: rgba(208, 217, 236, 0.3);
}

.irs-max {
    background: rgba(208, 217, 236, 0.3);
}

.dark-mode .irs-slider {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #0245da;
}

.dark-mode .timeline .timeline-items .timeline-item:nth-of-type(2n+1) {
    background-color: var(--primary);
    box-shadow: 0 0 0 0 #181a27;
    border: solid 1px rgba(221, 228, 235, 0.2);
}

.dark-mode .timeline-items hr {
    border-top: 1px solid rgba(216, 220, 224, 0.2);
}

.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n+1) {
    background-color: var(--primary);
}

.dark-mode .timeline .timeline-items .timeline-item.centered {
    box-shadow: 0 0 0 0 #181a27;
    border: solid 1px rgba(221, 228, 235, 0.2);
}

    .dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n) {
        background-color: var(--primary);
    }

    .dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n+1) {
        background-color: var(--primary);
    }

        .dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n+1)::before {
            border-bottom: 1em solid var(--primary);
        }

.dark-mode .timeline .timeline-items .timeline-item:nth-of-type(2n+1)::before,
.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n+1)::before {
    border-top: 1em solid var(--primary);
}

.dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n)::before {
    border-top: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid var(--primary);
}

.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n) {
    background-color: var(--primary);
    border: solid 1px rgba(221, 228, 235, 0.2);
    box-shadow: 0 0 0 0 #181a27;
}

    .dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n)::before {
        border-top: 1em solid var(--primary);
    }

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

.dark-mode.example-bg {
    background: rgba(239, 241, 245, 0.1);
}

.dark-mode .highlight {
    background: rgba(239, 241, 245, 0.1) !important;
    margin: 1rem 0 2rem;
    border: 1px solid rgba(234, 240, 247, 0.05);
}

.dark-mode .pre {
    background: rgba(239, 241, 245, 0.1) !important;
}

.dark-mode .highlight pre {
    background: #232849 !important;
}

.dark-mode .panel-default > .panel-heading {
    background-color: rgba(239, 241, 245, 0.1);
    color: #fff;
}

.dark-mode .accordionjs .acc_section {
    border: 1px solid rgba(216, 220, 224, 0.1);
}

    .dark-mode .accordionjs .acc_section .acc_head {
        background-color: rgba(239, 241, 245, 0.1);
    }

    .dark-mode .accordionjs .acc_section.acc_active > .acc_head {
        border-bottom: 1px solid rgba(216, 220, 224, 0.1);
    }

.dark-mode .tab_wrapper .content_wrapper {
    border: 1px solid rgba(216, 220, 224, 0.1);
}

.dark-mode .dropdown-item {
    color: rgba(255, 255, 255, 0.9);
}

.dark-mode .dropdown-divider {
    border-top: 1px solid rgba(216, 220, 224, 0.1);
}

.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
    background-color: rgba(239, 241, 245, 0.1) !important;
}

.dark-mode.dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    color: #fff;
    background-color: rgba(239, 241, 245, 0.1) !important;
}

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

.dark-mode .dropdown-menu-arrow.dropdown-menu-right:after {
    border-bottom: 9px solid #373b58;
}

.dark-mode .header .header-brand-img.headerstyle {
    display: none;
}

.dark-mode .collapse:not(.show) {
    background: var(--primary);
}

.dark-mode .nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .page-item.disabled .page-link {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(24, 34, 56, 0.08) !important;
}

.dark-mode .custom-control-label:before {
    border: 1px solid rgba(67, 87, 133, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
}

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

.dark-mode .dropdown-menu .dropdown-plus-title {
    color: #fff !important;
}

.dark-mode .dropdown-menu .divider {
    background-color: rgba(239, 242, 247, 0.07);
}

.dark-mode .thumbnail {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(234, 240, 247, 0.15);
}

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

.dark-mode .panel-default .list-group-item.active {
    background-color: rgba(239, 241, 245, 0.1);
    border-color: rgba(239, 241, 245, 0.1);
    color: #fff;
}

.dark-mode .listorder {
    background-color: rgba(239, 241, 245, 0.1);
    border: 1px solid rgba(234, 240, 247, 0.01);
}

.dark-mode .page-rightheader .btn-white {
    color: #fff !important;
    background-color: var(--primary);
    border-color: rgba(239, 242, 247, 0.1);
}

    .dark-mode .page-rightheader .btn-white:hover {
        color: #1e2340 !important;
        background-color: #fff !important;
        border-color: #fff !important;
    }

.dark-mode .listunorder {
    background-color: rgba(239, 241, 245, 0.1);
    border: 1px solid rgba(234, 240, 247, 0.01);
}

.dark-mode .listorder1,
.dark-mode .listunorder1 {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(234, 240, 247, 0.01);
}

.dark-mode .list-group-item.disabled {
    color: #727d96;
    background-color: rgba(255, 255, 255, 0.1);
}

.list-group-item:disabled {
    color: #727d96;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dark-mode .tag {
    color: #d4d7e6;
    background-color: rgba(239, 241, 245, 0.2);
}

.dark-mode .nav1 {
    background: rgba(239, 241, 245, 0.1);
}

.dark-mode .heading-inverse {
    background-color: #141936;
}

.dark-mode .breadcrumb1,
.dark-mode .breadcrumb-arrow {
    background-color: rgba(239, 241, 245, 0.1);
}

.dark-mode .offer {
    background: #131633;
}

.dark-mode .jumbotron {
    background-color: rgba(229, 233, 242, 0.1);
}

.dark-mode .expanel {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
}

.dark-mode .expanel-default > .expanel-heading {
    background-color: var(--primary) !important;
}

.dark-mode .expanel-heading {
    border-bottom: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .expanel-footer {
    background-color: var(--primary) !important;
    border-top: 1px solid rgba(234, 240, 247, 0.2) !important;
}

.dark-mode .table-primary {
    background-color: #3724a5;
}

.table-primary > th,
.table-primary > td {
    background-color: #3724a5;
}

.dark-mode .table-warning {
    background-color: #c39913;
}

.table-warning > th,
.table-warning > td {
    background-color: #c39913;
}

.dark-mode .table-bordered,
.text-wrap table {
    border: 1px solid rgba(222, 226, 230, 0.05) !important;
}

.dark-mode .dropify-wrapper {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(239, 242, 247, 0.07);
}

    .dark-mode .dropify-wrapper .dropify-preview {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .dark-mode .dropify-wrapper:hover {
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg, rgba(250, 251, 254, 0.05) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent);
        background-image: linear-gradient(-45deg, rgba(250, 251, 254, 0.1) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
    }

.dark-mode .custom-file-label {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(224, 230, 241, 0.1);
}

.dark-mode .select2-container--default .select2-selection--single {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
    border-radius: 4px;
}

    .dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #fff;
    }

.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0245da;
    color: rgba(255, 255, 255, 0.8);
}

.dark-mode .select2-dropdown {
    background-color: var(--primary);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 5px 25px #030844 !important;
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(239, 241, 245, 0.2) !important;
    border: 1px solid rgba(239, 241, 245, 0.2) !important;
    color: #fff;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8492a6 !important;
    line-height: 28px;
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
}

.dark-mode .input-group-text {
    color: #fff;
    border: 1px solid rgba(195, 207, 234, 0.2);
    background: rgba(255, 255, 255, 0.2);
    border-right: 0;
}

.dark-mode .sp-replacer {
    background: rgba(238, 238, 238, 0.1);
    border: solid 1px rgba(145, 118, 93, 0.5);
    background: #131633;
    color: #fff;
}

.dark-mode .bootstrap-timepicker-widget table td a {
    color: #fff;
}

.dark-mode .multi-wrapper .item-1 {
    color: rgba(241, 241, 241, 0.5);
}

.dark-mode .label-default {
    background: #d5e0ea;
}

.dark-mode .material-switch > label::before {
    background: #f3eeee;
}

.dark-mode .sw-theme-dots .step-content {
    background-color: var(--primary);
}

.dark-mode .sw-theme-dots > ul.step-anchor {
    background: var(--primary);
    border: 0px solid #5c6287 !important;
}

    .dark-mode .sw-theme-dots > ul.step-anchor:before {
        background-color: rgba(245, 245, 245, 0.2);
    }

.dark-mode .ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: 6.5em;
    background: var(--primary);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 5px 25px #030844 !important;
}

.dark-mode .ui-datepicker .ui-datepicker-title {
    color: #3b94fd;
    font-weight: bold;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid rgba(236, 238, 244, 0.1) !important;
    background-color: transparent;
}

    .dark-mode .ui-datepicker .ui-datepicker-calendar td span,
    .dark-mode .ui-datepicker .ui-datepicker-calendar td a {
        transition: all 0.2s ease-in-out;
        padding: 5px;
        background-color: var(--primary);
        color: #fff;
    }

        .dark-mode .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a,
        .dark-mode .ui-datepicker .ui-datepicker-calendar td a:hover {
            background-color: #0245da;
            color: #fff;
        }

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    left: 5px;
    content: '\f104';
    color: #fff;
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    right: 5px;
    content: '\f105';
    color: #fff;
}

.dark-mode .ui-timepicker-list li {
    color: #fff;
}

.dark-mode .sw-theme-dots > ul.step-anchor > li > a:before {
    color: #428bca;
    background: #4a32d4;
}

.dark-mode .sw-theme-dots > ul.step-anchor > li.active > a:after {
    background: #2393ff;
}

.sw-theme-dots .sw-toolbar {
    background: transparent;
}

.dark-mode div[data-acc-step]:not(.open) {
    background: rgba(239, 241, 245, 0.1);
}

.dark-mode .richText {
    border: rgba(239, 241, 245, 0.1) solid 1px;
    background-color: rgba(239, 241, 245, 0.1);
}

    .dark-mode .richText .richText-editor {
        padding: 20px;
        background-color: var(--primary);
        border-left: none;
    }

    .dark-mode .richText .richText-toolbar {
        background: var(--primary);
        border-bottom: rgba(239, 241, 245, 0.1) solid 1px !important;
    }

        .dark-mode .richText .richText-toolbar ul li a {
            border-right: rgba(239, 241, 245, 0.1) solid 1px;
        }

            .dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
                display: block;
                padding: 10px 15px;
                border-bottom: rgba(239, 239, 239, 0.15) solid 1px !important;
            }

                .dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
                    background-color: rgba(255, 255, 255, 0.1);
                }

    .dark-mode .richText .richText-form input[type="text"] {
        padding: 10px 15px;
        border: rgba(255, 255, 255, 0.15) solid 1px;
        min-width: 200px;
        width: 100%;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

.richText .richText-form input[type="file"],
.richText .richText-form input[type="number"] {
    padding: 10px 15px;
    border: rgba(255, 255, 255, 0.15) solid 1px;
    min-width: 200px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.richText .richText-form select {
    padding: 10px 15px;
    border: rgba(255, 255, 255, 0.15) solid 1px;
    min-width: 200px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .richText .richText-initial {
    margin-bottom: -4px;
    padding: 10px;
    background-color: #0b0954;
}

.dark-mode .richText .richText-toolbar ul li a:hover {
    background-color: var(--primary);
}

.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
    background-color: var(--primary);
    border: rgba(239, 239, 239, 0.15) solid 1px;
}

.dark-mode .note-editor.note-frame .note-editing-area .note-editable {
    color: #fff;
    background-color: var(--primary);
}

.dark-mode .card.background-text {
    border: 0;
}

.dark-mode .note-placeholder {
    position: absolute;
    display: none;
    color: #fff;
}

.dark-mode .note-popover .popover-content,
.dark-mode .card-header.note-toolbar {
    background: #eceef4;
    padding: 11px 0 5px 5px !important;
}

.dark-mode .note-btn-group .btn {
    box-shadow: none;
    border: 0 !important;
    background: 0 !important;
    color: #fff !important;
    font-size: 14px;
}

.dark-mode .note-icon-font.note-recent-color {
    color: #000;
}

.dark-mode .light-color .note-popover .popover-content,
.dark-mode .card-header.note-toolbar {
    background: #1e2340 !important;
}

.dark-mode .sw-theme-default .step-content {
    padding: 15px;
    border: 0px solid rgba(240, 240, 244, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
    text-align: left;
}

.dark-mode .sw-theme-default > ul.step-anchor > li.active > a {
    border: none !important;
    color: #fff !important;
    background: #0245da !important;
    cursor: pointer;
}

.dark-mode .sw-theme-default .sw-toolbar {
    background: var(--primary);
}

.dark-mode .wideget-user-tab .tabs-menu1 ul li .active {
    border-bottom: 2px solid #007bff !important;
}

.dark-mode .sw-theme-default {
    border: 1px solid rgba(240, 240, 244, 0.15);
}

.dark-mode .profile-cover .cover {
    position: relative;
    border: 10px solid #42455c;
}

.dark-mode .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(239, 241, 245, 0.1);
}

.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: rgba(239, 241, 245, 0.1);
}

.dark-mode .list-group-transparent .list-group-item.active {
    background: rgba(239, 241, 245, 0.1);
    font-weight: 600;
}

.dark-mode .table-inbox tr {
    border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}

    .dark-mode .table-inbox tr.unread td {
        background: rgba(239, 241, 245, 0.1);
        font-weight: 600;
        border-bottom: rgba(236, 234, 234, 0.1) 1px solid;
    }

    .dark-mode .table-inbox tr td .fa-star {
        color: rgba(229, 245, 241, 0.2);
    }

.dark-mode .mail-option .chk-all,
.dark-mode .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 rgba(252, 252, 252, 0.1);
    border: 1px solid rgba(231, 231, 231, 0.1);
    border-radius: 3px !important;
}

.dark-mode .inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 rgba(252, 252, 252, 0.1);
    border: 1px solid rgba(231, 231, 231, 0.1);
    border-radius: 3px !important;
    color: #fff;
}

.dark-mode .user p.u-name {
    color: #fff;
}

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

.dark-mode .gallery-list > li {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

    .dark-mode .gallery-list > li .image-container {
        background: rgba(255, 255, 255, 0.1);
    }

.dark-mode .pricingTable2-header {
    background-color: #131633;
}

.dark-mode .pricingTable2 .pricingTable2-header h3 {
    color: #fff;
}

.dark-mode .pricingTable {
    background-color: var(--primary);
    box-shadow: 0 0 0 0 #131633, 0 4px 16px 0 #131633;
    border: solid 1px rgba(221, 228, 235, 0.2);
}

.dark-mode .price.panel-color > .panel-body {
    background-color: var(--primary);
}

.dark-mode .panel-footer {
    background-color: #f7f7f7;
    border-top: solid 1px rgba(221, 228, 235, 0.2);
}

.dark-mode .price .list-group-item {
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}

.dark-mode .product-grid .product-icons li a {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .product-grid .product-rating {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .custom-select {
    color: rgba(255, 255, 255, 0.7);
    background: #3d425f !important;
}

.dark-mode .single-page .wrapper {
    background: var(--primary);
    box-shadow: 0 0 0 0 #181a27;
    border-radius: 7px;
}

.dark-mode .header-brand-img.light-view {
    display: none;
}

.dark-mode .construction-body .header-brand-img.mobile-view {
    display: none !important;
}

.dark-mode .app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
    margin-right: 7px;
}

.dark-mode .construction-body .header-brand-img.mobile.dark-view {
    display: none;
}

.dark-mode .text-primary-gradient {
    text-transform: uppercase;
    background: linear-gradient(to right, #0245da 0%, #2575fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dark-mode .pricing-content {
    background: var(--primary);
}

.dark-mode .navstyle1 {
    color: #000;
}

.dark-mode .cbp_tmtimeline > li .cbp_tmlabel:before {
    border-right-color: #242949;
}

.dark-mode .ps .ps__rail-x:hover,
.dark-mode .ps .ps__rail-y:hover,
.dark-mode .ps .ps__rail-x:focus,
.dark-mode .ps .ps__rail-y:focus {
    background-color: var(--primary);
    opacity: 0.9;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: var(--primary);
    opacity: 0.9;
}

.dark-mode .sweet-modal-box {
    background: var(--primary);
    box-shadow: 0 0 0 0 #181a27;
}

.dark-mode .sweet-modal-overlay {
    background: radial-gradient(at center, rgba(81, 82, 88, 0.8) 0%, rgba(29, 27, 29, 0.8) 100%);
}

.dark-mode .sweet-modal-title h2 {
    color: #fff;
}

.dark-mode input {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .sweet-alert {
    background-color: var(--primary);
}

    .dark-mode .sweet-alert h2 {
        color: #fff;
    }

.rating-stars input {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .rating-stars .rating-stars-container .rating-star {
    color: rgba(229, 233, 242, 0.2);
}

.dark-mode .br-theme-bars-movie .br-widget a {
    background-color: rgba(229, 233, 242, 0.2) !important;
}

.dark-mode .br-theme-bars-pill .br-widget a {
    color: #fff;
    background-color: rgba(229, 233, 242, 0.2);
}

.dark-mode .br-theme-bars-square .br-widget a {
    border: 2px solid rgba(229, 233, 242, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
    color: #e5e9f2;
}

.dark-mode .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: rgba(229, 233, 242, 0.2);
}

.dark-mode .br-theme-bars-horizontal .br-widget a {
    background-color: rgba(229, 233, 242, 0.2);
}

.dark-mode .plan-card .plan-icon {
    border: 12px solid rgba(14, 13, 13, 0.2);
}

.dark-mode .popover-header {
    background-color: var(--primary);
    border-bottom: 1px solid rgba(235, 235, 235, 0.2);
}

.dark-mode .popover-body {
    padding: 0.75rem 1rem;
    color: #9da9b5;
    background: var(--primary);
}

.dark-mode .popover {
    border: 1px solid rgba(222, 227, 235, 0.2);
}

.dark-mode .modal-content {
    background-color: var(--primary);
    box-shadow: 0px 5px 25px #030844 !important;
    border: solid 1px rgba(221, 228, 235, 0.1) !important;
}

.dark-mode .modal .close span {
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
}

.dark-mode .modal-footer {
    border-top: 1px solid rgba(233, 236, 239, 0.2);
}

.dark-mode .modal-header {
    border-bottom: 1px solid rgba(233, 236, 239, 0.2);
}

.dark-mode .btn-white:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

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

.dark-mode .dropdown-menu {
    background: var(--primary);
}

    .dark-mode .dropdown-menu.show {
        background: var(--primary);
    }

    .dark-mode .dropdown-menu > li > a:hover,
    .dark-mode .dropdown-menu > li > a:focus {
        background: var(--primary);
    }

    .dark-mode .dropdown-menu > li > a:hover {
        background-color: var(--primary) !important;
    }

.dropdown-menu > li > a:focus {
    background-color: var(--primary) !important;
}

.dark-mode .dropdown-menu a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .user-details h4 {
    color: #fff;
}

.dark-mode .footer-main {
    background: var(--primary);
}

.dark-mode .btn-primary {
    color: #fff;
    background-color: #0245da;
    border-color: #094ee8;
    box-shadow: 0 5px 10px rgba(10, 80, 236, 0.3) !important;
}

    .dark-mode .btn-primary:hover {
        color: #fff;
        background-color: #0a4ee4;
        border-color: #094ce2;
    }

    .dark-mode .btn-primary:focus,
    .dark-mode .btn-primary.focus {
        box-shadow: 0 0 0 2px rgba(10, 80, 236, 0.4);
    }

    .dark-mode .btn-primary.disabled,
    .dark-mode .btn-primary:disabled {
        color: #fff;
        background-color: #0a50ec;
        border-color: #0a50ec;
    }

    .dark-mode .btn-primary:not(:disabled):not(.disabled):active,
    .dark-mode .btn-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0a50ec;
        border-color: #0a50ec;
    }

.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a50ec;
    border-color: #0a50ec;
}

.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(10, 80, 236, 0.3);
}

.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(10, 80, 236, 0.3);
}

.dark-mode .navbar-collapse .input-group-btn .btn i {
    font-size: 16px;
    color: #cadaf4;
}

.dark-mode .list-group-flush .list-group-item:hover {
    background: rgba(241, 245, 250, 0.1) !important;
}

.dark-mode .border {
    border: 1px solid rgba(234, 240, 247, 0.07) !important;
    padding: 0.75rem !important;
    vertical-align: top;
    background: var(--primary);
}

.dark-mode .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

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

.dark-mode .border-top-transparent {
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.dark-mode .border-right {
    border-right: 1px solid #3c405e !important;
}

.border-right {
    border-right: 1px solid #d2dce9 !important;
}

.dark-mode .border-bottom {
    border-bottom: 1px solid var(--primary) !important;
}

.dark-mode .border-left {
    border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.dark-mode .dropdown.message a h5 {
    color: #e9eefb;
}

.dark-mode .dropdown.message a p {
    color: rgba(151, 168, 195, 0.85);
}

.dark-mode .header-right .nav-link.icon:hover i {
    color: #2278fb !important;
}

.dark-mode .side-menu .list-group-item {
    border: 0;
}

.dark-mode .navbar-collapse .input-group-btn .btn:hover {
    background: rgba(7, 13, 50, 0.25);
    border-radius: 50%;
    color: #fff !important;
}

.dark-mode .res-tabs .tab-menu-heading {
    background: rgba(245, 246, 250, 0.1);
    border: 1px solid rgba(234, 240, 247, 0.1);
    padding: 28px 3px 10px 3px;
    margin: 0;
}

.dark-mode .res-tabs .tabs-menu1 ul li a {
    padding: 12px 32.5px 12px 32.5px;
    color: #fff;
}

.dark-mode .res-tabs.responsible-tabs .tabs-menu1 ul li a {
    padding: 12px 43px 12px 43px;
    font-size: 15px;
}

.dark-mode .sidebar {
    box-shadow: 0px 0px 20px 0px #0a074a;
    background: var(--primary);
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark-mode .user_info {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.is--active {
    color: #ffc107 !important;
}

.rating-stars .rating-stars-container .rating-star.is--hover, .rating-stars .rating-stars-container .rating-star.is--active {
    color: #ffc107 !important;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.dark-mode .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #0245da;
}

.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: '\f005';
    color: #0245da;
}

.dark-mode .br-theme-bars-1to10 .br-widget a.br-active,
.dark-mode .br-theme-bars-1to10 .br-widget a.br-selected {
    background-color: #0245da;
}

.dark-mode .br-theme-bars-1to10 .br-widget .br-current-rating {
    color: #0245da;
}

.dark-mode #back-to-top {
    background: #0245da;
}

    .dark-mode #back-to-top:hover {
        background: var(--primary);
        color: #185ef9;
        border: 2px solid #0245da;
    }

.dark-mode .br-widget a:hover,
.dark-mode .br-widget a.br-active {
    color: #0245da !important;
}

.dark-mode .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #0245da;
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
    background-color: #0245da !important;
}

.dark-mode .br-theme-bars-horizontal .br-widget a.br-active,
.dark-mode .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: #0245da;
}

.dark-mode .br-theme-bars-pill .br-widget a.br-active,
.dark-mode .br-theme-bars-pill .br-widget a.br-selected {
    background-color: #0245da;
    color: white !important;
}

.dark-mode .br-theme-bars-square .br-widget a.br-active,
.dark-mode .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #e8e8ef;
    color: #0245da;
}

.dark-mode .br-theme-bars-movie .br-widget a.br-active,
.dark-mode .br-theme-bars-movie .br-widget a.br-selected {
    background-color: #0245da;
}

.dark-mode .br-theme-bars-movie .br-widget .br-current-rating {
    color: #0245da;
}

.dark-mode .br-theme-bars-1to10 .br-widget a {
    background-color: #4b506b;
}

    .dark-mode .br-theme-bars-1to10 .br-widget a.br-active,
    .dark-mode .br-theme-bars-1to10 .br-widget a.br-selected {
        background-color: #0245da !important;
    }

.dark-mode .dark-mode .br-theme-bars-1to10 .br-widget .br-current-rating,
.dark-mode .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #0245da;
}

.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
    content: '\f005';
    color: #0245da;
}

.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: '\f123';
    color: #0245da;
}

.dark-mode .br-theme-fontawesome-stars-o .br-widget a:after {
    content: '\f006';
    color: #4b506b;
}

.dark-mode .badge-success-light {
    background-color: rgba(29, 171, 45, 0.15) !important;
    color: #36b37e;
}

.dark-mode .badge-secondary-light {
    background-color: rgba(250, 113, 59, 0.15) !important;
    color: #fa713b;
}

.dark-mode .badge-warning-light {
    background-color: rgba(255, 171, 0, 0.15) !important;
    color: #ffab00;
}

.dark-mode .badge-danger-light {
    color: #f94859;
    background-color: rgba(250, 92, 124, 0.15);
}

.dark-mode .badge-info-light {
    color: #09b0ec;
    background-color: rgba(3, 85, 208, 0.1);
}

.dark-mode .primary-dropshadow {
    box-shadow: 0 5px 10px rgba(34, 5, 191, 0.3);
}

.dark-mode .secondary-dropshadow {
    box-shadow: 0 5px 10px rgba(250, 113, 59, 0.3);
}

.dark-mode .info-dropshadow {
    box-shadow: 0 5px 10px rgba(0, 184, 217, 0.3);
}

.dark-mode .success-dropshadow {
    box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3);
}

.dark-mode .warning-dropshadow {
    box-shadow: 0 5px 10px rgba(255, 171, 0, 0.3);
}

.dark-mode .danger-dropshadow {
    box-shadow: 0 5px 10px rgba(237, 49, 76, 0.3);
}

.dark-mode .default-shadow {
    box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.dark-mode .text-primary-shadow,
.dark-mode .text-secondary-shadow,
.dark-mode .text-info-shadow,
.dark-mode .text-success-shadow,
.dark-mode .text-warning-shadow,
.dark-mode .text-danger-shadow,
.dark-mode .text-purple-shadow,
.dark-mode .text-pink-shadow {
    text-shadow: none;
}

.dark-mode .text-purple {
    color: #9817d2 !important;
}

.dark-mode .btn-primary-light {
    border-color: rgba(223, 215, 250, 0.1) !important;
    background-color: rgba(79, 130, 245, 0.2) !important;
    color: #196dfb !important;
    box-shadow: none;
}

    .dark-mode .btn-primary-light:hover {
        border-color: #0245da !important;
        background-color: #0245da !important;
        color: #fff !important;
    }

.dark-mode .btn-info-light {
    color: #0ca7ec !important;
    background: rgba(0, 184, 217, 0.25);
    border-color: rgba(202, 230, 252, 0.1);
}

    .dark-mode .btn-info-light:hover {
        color: #fff !important;
        background-color: #0ca7ec;
        border-color: #0ca7ec;
    }

.dark-mode .btn-secondary-light {
    color: #fa713b !important;
    background-color: rgba(245, 146, 107, 0.2) !important;
    border-color: rgba(247, 217, 204, 0.1) !important;
    box-shadow: none;
}

    .dark-mode .btn-secondary-light:hover {
        color: #fff !important;
        background-color: #fa713b !important;
        border-color: #fa713b;
    }

.dark-mode .btn-success-light {
    color: #36b37e !important;
    background-color: rgba(52, 230, 131, 0.2);
    border-color: rgba(205, 236, 223, 0.08);
}

    .dark-mode .btn-success-light:hover {
        color: #fff !important;
        background-color: #36b37e;
        border-color: #36b37e;
    }

.dark-mode .btn-warning-light {
    background-color: #fff;
    color: #ffa001;
}

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

.dark-mode .bg-danger-transparent {
    background-color: #ffddd6;
}

.dark-mode .bg-pink-transparent {
    background-color: rgba(255, 43, 136, 0.15);
}

.dark-mode .bg-purple-transparent {
    background-color: rgba(193, 186, 239, 0.2);
}

.dark-mode .bg-dark-transparent {
    background-color: rgba(247, 107, 169, 0.15);
}

.dark-mode .bg-twitter-transparent {
    background: rgba(28, 157, 235, 0.2);
    color: #1c9deb;
}

.dark-mode .bg-linkedin-transparent {
    background: rgba(0, 119, 181, 0.2);
    color: #0077b5;
}

.dark-mode .bg-facebook-transparent {
    background: rgba(95, 144, 204, 0.2);
    color: #4064ad;
}

.dark-mode .bg-googleplus-transparent {
    background: rgba(216, 75, 63, 0.2);
    color: #d84b3f;
}

.dark-mode .bg-danger-transparent {
    background: rgba(255, 98, 88, 0.2);
}

.dark-mode .side-account i,
.dark-mode .menu-icons .menu-icon {
    height: 45px;
    width: 45px;
    padding: 7px;
    border-radius: 50%;
    font-size: 23px;
    text-align: center;
    line-height: 28px;
}

.dark-mode .card-footer {
    border-top: 1px solid rgba(234, 240, 247, 0.15);
    color: rgba(255, 255, 255, 0.7);
    background: var(--primary);
}

.dark-mode .page-link {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(234, 240, 247, 0.15);
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .navbar-collapse form[role="search"] button[type="reset"] {
    background: var(--primary);
    border: 0 !important;
}

.dark-mode .navbar-collapse .input-group-btn .btn:hover i {
    color: #fff;
}

.dark-mode .project {
    background: linear-gradient(rgba(4, 63, 150, 0.8), rgba(5, 64, 152, 0.8)), url(../images/photos/clouds.jpg);
}

.dark-mode .bg-white.widget-user {
    background: var(--primary) !important;
}

.dark-mode .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
    background: var(--primary);
    color: #fff;
    border: 0;
}

.dark-mode .wideget-user-tab .tab-menu-heading .nav li a {
    color: #8492a6;
    font-size: 15px;
    font-weight: 400;
}

.dark-mode .contacts_body .active {
    background-color: rgba(130, 184, 251, 0.1);
}

.dark-mode .contacts_body .contacts li {
    border-bottom: 1px solid rgba(234, 242, 249, 0.1);
}

.dark-mode .chat .action-header {
    box-shadow: 0 2px 5px 0 #0d133a;
    padding: 15px 13px 15px 17px;
}

.dark-mode .chat-header {
    background: var(--primary);
    border-bottom: 1px solid rgba(234, 242, 249, 0.1);
    box-shadow: 0 2px 5px 0 #0d133a;
}

.dark-mode .chat .msg_cotainer_send {
    background-color: rgba(54, 179, 126, 0.3);
}

.dark-mode .chat .msg_cotainer {
    background-color: rgba(0, 184, 217, 0.25);
}

.dark-mode .chat .msb-reply textarea {
    border: 1px solid rgba(234, 242, 249, 0.1);
    background: rgba(246, 249, 252, 0.1);
    color: #fff;
}

.dark-mode .chat abbr.timestamp {
    background: rgba(231, 241, 253, 0.1);
}

.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 {
    border-color: rgba(239, 242, 247, 0.07);
}

.fc-unthemed .fc-row {
    border-color: rgba(239, 242, 247, 0.07);
}

.dark-mode .fc-unthemed tbody,
.dark-mode .fc-unthemed td {
    border-color: rgba(239, 242, 247, 0.07);
}

.fc-unthemed th {
    border-color: rgba(239, 242, 247, 0.07);
}

.dark-mode .fc-unthemed thead {
    border-color: rgba(239, 242, 247, 0.07);
}

.dark-mode .userprof-tab .fc button {
    background: rgba(241, 245, 250, 0.1);
    color: #fff;
    border: 1px solid rgba(239, 242, 247, 0.1);
}

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

.dark-mode .coming-events .list-group-item i {
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(241, 245, 250, 0.2);
}

.dark-mode .userprof-tab .fc th.fc-widget-header {
    background: rgba(241, 245, 250, 0.1);
}

.dark-mode .table-add .btn-icon {
    border-color: rgba(0, 184, 217, 0.1) !important;
    background-color: rgba(0, 184, 217, 0.2) !important;
    color: #00b8d9 !important;
}

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

.dark-mode .chart-dropshadow-primary,
.dark-mode .chart-dropshadow-secondary,
.dark-mode .chart-dropshadow-success,
.dark-mode .chart-dropshadow-info {
    -webkit-filter: drop-shadow(-6px 12px 4px rgba(40, 45, 77, 0.3));
    filter: drop-shadow(-6px 12px 4px rgba(40, 45, 77, 0.3));
}

.dark-mode .bn-label {
    background: #0245da;
    color: #fff;
}

.dark-mode .bn-news ul li {
    color: #fff;
}

.dark-mode .news .best-ticker {
    border: solid 1px rgba(235, 235, 241, 0.3);
}

.dark-mode .best-ticker {
    display: block;
    width: 100%;
    background: var(--primary);
    border: solid 1px #0245da !important;
}

.dark-mode .input-group-addon,
.dark-mode .input-group-addon-right {
    border: 1px solid rgba(227, 235, 243, 0.08);
}

.dark-mode .btn-outline-light {
    color: #f8f9fa;
    border-color: rgba(248, 249, 250, 0.18);
}

.dark-mode .btn.dropdown-toggle ~ .dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: var(--primary) !important;
    border: 1px solid rgba(227, 235, 243, 0.08) !important;
    box-shadow: 0px 0px 20px 0px var(--primary) !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: var(--primary) !important;
    border: 1px solid rgba(227, 235, 243, 0.08) !important;
    box-shadow: 0px 0px 20px 0px var(--primary) !important;
}

.dark-mode .dropdown-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .img-thumbnail {
    background-color: var(--primary);
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .product-timeline ul.timeline-1:before {
    content: ' ';
    border: 1px solid rgba(229, 234, 251, 0.2);
}

.dark-mode .table-vcenter td {
    vertical-align: middle;
    border-top: 1px solid rgba(241, 245, 250, 0.15);
}

.table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid rgba(241, 245, 250, 0.15);
}

.dark-mode table.dataTable.no-footer {
    border-bottom: 1px solid rgba(241, 245, 250, 0.15) !important;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(241, 245, 250, 0.1);
}

.dark-mode .ecommerce-prod .pro-img-box .social li a {
    color: #fff;
    background: #0245da;
}

.dark-mode .owl-carousel:hover .owl-nav button {
    background: white !important;
    color: #286ff8 !important;
}

.dark-mode .item2-gl-nav.bg-white {
    background-color: var(--primary) !important;
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .item2-gl-nav .item2-gl-menu li a {
    color: #bfc9e0;
}

.dark-mode .item-card2-icons {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 9;
}

    .dark-mode .item-card2-icons a {
        width: 2rem;
        display: inline-block;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2.1rem;
        border-radius: 50px;
        color: #fff;
    }

.dark-mode .feature i {
    box-shadow: 0 4px 6px #070456, 0 1px 3px #070456;
}

.dark-mode .single-productslide .product-gallery .product-item {
    background-color: var(--primary);
}

.dark-mode .product-gallery .product-sm-gallery .item-gallery {
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .card-body + .card-body {
    border-top: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .card-pay .tabs-menu li a {
    background: rgba(242, 243, 248, 0.1);
    color: #c7d3e6;
    border-right: 1px solid rgba(242, 243, 248, 0.1);
}

    .dark-mode .card-pay .tabs-menu li a.active {
        background: #0245da;
        color: #fff;
    }

.dark-mode .card-aside-img.wrap-border img {
    border: 1px solid rgba(234, 240, 247, 0.15);
    padding: 3px;
}

.dark-mode .product-item1:hover.product-item1:before {
    content: "";
    background-color: rgba(10, 18, 62, 0.6);
}

.dark-mode .item-card .cardtitle a {
    color: #cddcf1;
    font-weight: 500;
    text-decoration: none;
}

.dark-mode .item-card .cardprice span {
    display: block;
    color: #a5b3c5;
}

.dark-mode .example {
    padding: 1.5rem;
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode pre {
    color: #dfe1ef;
    background-color: #f8fafc;
    text-shadow: 0 1px #242266;
}

.dark-mode .token {
    color: #f14e4e;
}

    .dark-mode .token.punctuation {
        color: #d6cece;
    }

.dark-mode .clipboard-icon {
    background: #0245da;
    border: 1px solid #0d50e4;
}

.dark-mode .alert-primary {
    color: #fff;
    background-color: #084fec;
    border-color: #165bf3;
}

.dark-mode .page-header .breadcrumb-item + .breadcrumb-item::before {
    color: #acc0dc;
}

.dark-mode .button-1 {
    border: 1px solid #0245da;
    background: rgba(235, 235, 241, 0.1);
}

    .dark-mode .button-1:hover a {
        color: #fff;
        text-decoration: none;
    }

.dark-mode .siderbar-link.btn-icon {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .button-1 a {
    color: #5a89f3 !important;
}

.dark-mode .eff-1,
.dark-mode .eff-2,
.dark-mode .eff-3,
.dark-mode .eff-4,
.dark-mode .eff-5,
.dark-mode .eff-6 {
    background: #0245da;
}

.dark-mode .eff-7 {
    border: 0px solid #0245da;
}

.dark-mode .button-1:hover .eff-7,
.dark-mode .eff-8 {
    border: 70px solid #0245da;
}

.dark-mode .button-1:hover .eff-8 {
    border: 0px solid #0245da;
}

.dark-mode .button-1.btn-hover:hover a {
    color: #0245da;
}

.dark-mode .btn-outline-primary {
    color: #007bff !important;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .dark-mode .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #0644d0;
        border-color: #0644d0;
    }

    .dark-mode .btn-outline-primary:focus,
    .dark-mode .btn-outline-primary.focus {
        box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
    }

    .dark-mode .btn-outline-primary.disabled,
    .dark-mode .btn-outline-primary:disabled {
        color: #0245da;
        background-color: transparent;
    }

    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
    .dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0644d0;
        border-color: #0644d0;
    }

.dark-mode .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0644d0;
    border-color: #0644d0;
}

.dark-mode .team-section .team-img img {
    max-width: 150px;
    box-shadow: none;
}

.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0245da;
}

.dark-mode .tab-menu-heading .nav.panel-tabs a.active {
    border-bottom: 3px solid #0245da;
    border-radius: 2px;
    color: #fff;
    background: transparent;
}

.dark-mode .drop.bg-white {
    background-color: var(--primary) !important;
}

.dark-mode .badge-default {
    background: rgba(234, 240, 247, 0.15);
    color: #9da1af;
}

.dark-mode .list-group-item.active {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(234, 240, 247, 0.15);
    color: #fff;
}

.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
}

.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.1);
}

.dark-mode .btn-outline-secondary {
    color: #fa713b;
    background-color: transparent;
    background-image: none;
    border-color: #fa713b;
}

    .dark-mode .btn-outline-secondary:hover {
        color: #fff !important;
        background-color: #fa713b;
        border-color: #fa713b;
    }

    .dark-mode .btn-outline-secondary:focus,
    .dark-mode .btn-outline-secondary.focus {
        box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
    }

    .dark-mode .btn-outline-secondary.disabled,
    .dark-mode .btn-outline-secondary:disabled {
        color: #fff;
        background-color: transparent;
    }

    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #fa713b;
        border-color: #fa713b;
    }

.dark-mode .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fa713b;
    border-color: #fa713b;
}

.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}

.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}

.dark-mode .tag {
    font-size: 0.75rem;
    color: #a8b4c4;
    background-color: rgba(242, 244, 253, 0.1);
}

.dark-mode .tag-addon {
    background: rgba(0, 0, 0, 0.1);
}

.dark-mode .btn.btn-app {
    color: #8f8794;
    border: 1px solid rgba(234, 240, 247, 0.1);
    background-color: rgba(243, 243, 243, 0.1);
}

    .dark-mode .btn.btn-app:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #3f5068;
        border-color: rgba(239, 242, 247, 0.2);
    }

.dark-mode .cat-item .cat-desc {
    margin-top: 15px;
    color: #d0dce8;
}

.dark-mode .owl-productinfo {
    padding-top: 10px;
}

.dark-mode .bg-gradient-primary {
    background: linear-gradient(120deg, #fa713b 0%, #0245da 100%);
}

.dark-mode .bg-gradient-secondary {
    background: linear-gradient(120deg, #ff2d49 0%, #0245da 100%);
}

.dark-mode .bg-gradient-success {
    background: linear-gradient(120deg, #04a760 0%, #36b37e 100%);
}

.dark-mode .bg-gradient-info {
    background: linear-gradient(120deg, #56f1fd 0%, #00d6e6 100%);
}

.dark-mode .bg-gradient-warning {
    background: linear-gradient(120deg, #f9bd1d 0%, #ffc107 100%);
}

.dark-mode .bg-gradient-danger {
    background: linear-gradient(120deg, #d20c0c 0%, #ff5630 100%);
}

.dark-mode .accordionjs .acc_section .acc_content {
    padding: 15px;
    background: #2a2f4e;
}

.dark-mode .tab-menu-heading {
    padding: 20px 3px;
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .tabs-menu-body {
    padding: 15px;
    border: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .tabs-menu ul li a.active,
.dark-mode .nav.panel-tabs a.active {
    background: #0245da;
}

.dark-mode .jsr_slider:focus::before,
.dark-mode .jsr_slider::before {
    background: #0245da;
}

.dark-mode .jsr_label {
    background: #0245da;
    color: #fff;
}

.dark-mode .jsr_label--minmax {
    color: #fff;
    background: #0245da;
}

.dark-mode .jsr_bar {
    background: #0245da;
}

.dark-mode .jsr_bar--limit,
.dark-mode .irs-slider {
    background-color: #0245da;
}

.dark-mode .offer-primary {
    border-color: #0245da;
}

    .dark-mode .offer-primary .shape {
        border-color: transparent #0245da transparent transparent;
    }

.dark-mode .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #0245da;
}

.dark-mode .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
    color: #0245da;
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
    color: #0245da;
}

.dark-mode .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #2a68f3;
}

.dark-mode .jsr_rail {
    height: 12px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.dark-mode .breadcrumb-item.active {
    color: #2c6dff;
}

.dark-mode .modal-body.bg-white {
    background: var(--primary) !important;
}

.dark-mode .header-search {
    background: var(--primary);
}

    .dark-mode .header-search .header-icons .header-icons-link li {
        background: rgba(249, 250, 255, 0.1) !important;
    }

.dark-mode .top-bar {
    border-bottom: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .header-search .header-icons .header-icons-link.icons li {
    background: rgba(255, 255, 255, 0.15);
}

.dark-mode .bg-white.footer-style,
.dark-mode .footer-main.footer-main1.bg-white {
    background-color: var(--primary) !important;
}

.dark-mode hr.divider {
    border-top: solid 1px rgba(239, 242, 247, 0.2);
}

    .dark-mode hr.divider:after {
        background: var(--primary);
        color: #fff;
    }

.dark-mode .custom-file-label::after {
    background-color: #0245da;
    border-left: 1px solid #0245da;
}

.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone {
    background-color: rgba(248, 248, 253, 0.1);
    border: 2px dashed rgba(239, 242, 247, 0.2);
}

    .dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
    .dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
    .dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:active {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.04);
        border-color: #4e4c73;
    }

.dark-mode .transfer-double {
    background-color: var(--primary);
}

.dark-mode .transfer-double-content-tabs {
    border-bottom: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .transfer-double-content-left {
    border: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .transfer-double-list-search-input {
    border: 1px solid rgba(234, 234, 236, 0.05);
}

.dark-mode .transfer-double-list-footer {
    height: 37px;
    border-top: 1px solid rgba(234, 234, 236, 0.15);
    background: #191f42;
    color: #007bff;
}

.dark-mode .daterangepicker .calendar-table {
    border: 1px solid var(--primary);
    background-color: var(--primary);
}

.dark-mode .daterangepicker td.off {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
    color: #d9dae8;
}

    .dark-mode .daterangepicker td.off.in-range,
    .dark-mode .daterangepicker td.off.start-date,
    .dark-mode .daterangepicker td.off.end-date {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: transparent;
        color: #d9dae8;
    }

.dark-mode .daterangepicker td.in-range {
    background-color: rgba(216, 216, 239, 0.3);
    border-color: transparent;
    color: #fff;
    border-radius: 0;
}

.dark-mode .today {
    background: #297974;
}

.dark-mode .daterangepicker select.hourselect,
.dark-mode .daterangepicker select.minuteselect,
.dark-mode .daterangepicker select.secondselect,
.dark-mode .daterangepicker select.ampmselect {
    width: 50px;
    color: #dee1f1;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: transparent;
}

.dark-mode .SumoSelect > .CaptionCont {
    border: 1px solid rgba(234, 234, 236, 0.15);
    color: #aab3c7;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .SumoSelect > .optWrapper {
    background: var(--primary);
    border: 1px solid rgba(234, 234, 236, 0.15);
    box-shadow: 0 2px 17px 2px #070456;
}

.dark-mode .SumoSelect .select-all {
    border-bottom: 1px solid rgba(234, 234, 236, 0.15);
    background-color: var(--primary);
}

.dark-mode .SumoSelect > .optWrapper > .options li.opt {
    border-bottom: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .SumoSelect > .optWrapper > .MultiControls {
    border-top: 1px solid rgba(234, 234, 236, 0.15);
    background-color: var(--primary);
}

.dark-mode .SumoSelect.open > .optWrapper {
    box-shadow: 0 2px 17px 2px #1c2140;
}

.dark-mode .SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: rgba(244, 245, 245, 0.1);
}

.dark-mode .tab-active {
    color: #007bff;
    border-bottom: 2px solid #007bff;
}

.dark-mode .checkbox-group .checkbox-normal:checked + label:before {
    border-color: #007bff;
    font-weight: bold;
    background: #007bff;
}

.dark-mode .multi-wrapper .non-selected-wrapper {
    background: var(--primary);
    border-right: 1px solid #edeff5;
}

.dark-mode .multi-wrapper .selected-wrapper {
    background: var(--primary);
}

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

.dark-mode .multi-wrapper {
    border: 1px solid rgba(234, 234, 236, 0.15);
}

    .dark-mode .multi-wrapper .search-input {
        border-bottom: 1px solid rgba(234, 234, 236, 0.08);
    }

.dark-mode .checkbox-group .checkbox-normal:disabled + label:before {
    color: #fff;
    border: 1px solid #ccc;
    background-color: rgba(234, 234, 236, 0.1);
}

.dark-mode .checkbox-group label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(234, 234, 236, 0.05);
}

.dark-mode .transfer-double-content-param {
    border-bottom: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .SumoSelect.open .search-txt {
    padding: 7px 8px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .SumoSelect:focus > .CaptionCont {
    border: rgba(64, 121, 247, 0.6) 1px solid;
}

.dark-mode .SumoSelect.disabled > .CaptionCont {
    border-color: #4d5273;
    box-shadow: none;
}

.dark-mode .transfer-double-content-right {
    border: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .transfer-double-selected-list-search-input {
    color: #777ab2 !important;
    border: 1px solid rgba(234, 234, 236, 0.15);
}

.dark-mode .btn-select-arrow {
    width: 34px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: rgba(244, 245, 245, 0.15);
}

.dark-mode .richText .richText-toolbar ul {
    background: var(--primary);
    border-bottom: rgba(229, 240, 255, 0.15) solid 1px;
}

.dark-mode .elem {
    background: rgba(255, 255, 255, 0.15);
}

.dark-mode .demo-gallery > ul > li a {
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.dark-mode .counter-icon {
    border: 1px solid #007bff;
}

    .dark-mode .counter-icon i {
        color: #007bff;
    }

.dark-mode hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(234, 240, 247, 0.15);
}

.dark-mode .card-category {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .pt-inner .pti-body .ptib-item:not(:last-child) {
    border-bottom: 1px solid rgba(238, 238, 238, 0.15);
}

.dark-mode .pricing-table {
    background: #120f63;
    border: 1px solid rgba(239, 242, 247, 0.07);
    margin-bottom: 30px;
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

    .dark-mode .pricing-table .price-header .title {
        color: #fff;
    }

    .dark-mode .pricing-table .price {
        font-size: 50px;
        color: #fff;
    }

    .dark-mode .pricing-table .price-body ul li {
        color: #fff;
        border-bottom: 1px solid rgba(239, 239, 255, 0.15);
    }

    .dark-mode .pricing-table .price-header {
        background-color: #1b2140;
    }

    .dark-mode .pricing-table:hover .price-header {
        color: #fff;
        background: #0245da;
    }

.dark-mode .bg-primary {
    background-color: #0245da !important;
}

.dark-mode .pricing1 {
    color: #fff;
    border-radius: 7px;
}

.dark-mode .pricing-tabs .pricing1 .list-unstyled li {
    border-bottom: 1px solid rgba(239, 242, 247, 0.07);
}

    .dark-mode .pricing-tabs .pricing1 .list-unstyled li:first-child {
        border-top: 1px solid rgba(239, 242, 247, 0.07);
    }

.dark-mode .pricing-table .price-header .permonth {
    background-color: var(--primary);
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.dark-mode .pricing-tabs .nav-price li .active {
    background: #0245da;
    color: #fff;
}

.dark-mode .heading-primary {
    background-color: #0245da;
    color: #fff;
    padding: 5px;
}

.dark-mode .page-header .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.7);
}

.dark-mode .primary .pricing-divider {
    background: #0245da !important;
    padding: 1em 0 4em;
    position: relative;
}

.dark-mode .secondary .pricing-divider {
    background: #fa713b !important;
    padding: 1em 0 4em;
    position: relative;
}

.dark-mode .pricing .btn-white {
    color: #fff !important;
    background-color: rgba(19, 22, 51, 0.7);
    border-color: rgba(255, 255, 255, 0.13);
    box-shadow: none !important;
}

.dark-mode .princing-item .list-group.list-group-flush li,
.dark-mode .princing-item .list-group-flush .list-group-item:hover {
    background: var(--primary) !important;
    color: #fff;
}

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

.dark-mode .info-box {
    display: block;
    min-height: 90px;
    background: var(--primary);
}

.dark-mode .support-service {
    padding: 1.5rem 1.5rem;
    border: 1px solid rgba(234, 240, 247, 0.15);
    background: #f2f3f8;
}

.dark-mode .pignose-calendar {
    background-color: #202440;
    border: 1px solid #3b3f5d;
    box-shadow: 0px 0px 51px 0px rgba(122, 128, 144, 0.08), 0px 6px 18px 0px rgba(122, 128, 144, 0.05);
}

    .dark-mode .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
        font-size: 115%;
        color: rgba(255, 255, 255, 0.4);
    }

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

.dark-mode .owl-nav button {
    background: #9da0b8 !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.dark-mode .pignose-calendar .pignose-calendar-top {
    background-color: #202440;
    border-bottom: 1px solid rgba(226, 226, 226, 0.15);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

.dark-mode .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
    color: #4078fb;
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat {
    color: #4078fb;
}

.dark-mode .pignose-calendar.pignose-calendar-blue {
    background-color: #0245da !important;
}

    .dark-mode .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week {
        color: rgba(255, 255, 255, 0.8);
    }

.dark-mode .fc-event {
    background-color: #0245da;
    color: #fff !important;
}

.fc-event-dot {
    background-color: #0245da;
    color: #fff !important;
}

.dark-mode .fc button {
    background: #0245da;
}

.dark-mode .userprof-tab .fc-event {
    background-color: #0245da !important;
}

.fc-event-dot {
    background-color: #0245da !important;
}

.dark-mode .cover-image.bg-background.card {
    border: 0 !important;
}

.dark-mode .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0245da;
    border: 1px solid #1157f1;
}

.dark-mode .panel-heading1.bg-primary .panel-title1 a {
    display: block;
    color: #fff;
    background: #3b3f5d;
}

    .dark-mode .panel-heading1.bg-primary .panel-title1 a.collapsed {
        color: #fff;
        margin-bottom: 16px;
        background: #3b3f5d;
    }

.dark-mode .accor.bg-primary h4 a {
    color: #fff;
    background: #3b3f5d;
}

.dark-mode .accordionjs .acc_section .acc_head h3 {
    color: #fff;
}

.dark-mode .bg-background:before {
    background: linear-gradient(to right, rgba(81, 15, 168, 0.7), rgba(48, 110, 255, 0.8));
}

.dark-mode .bg-white.cal-to-action {
    background: var(--primary) !important;
}

.dark-mode .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #242949;
}

.dark-mode .cbp_tmtimeline > li .empty span {
    color: #fff;
}

.dark-mode .cbp_tmtimeline > li .cbp_tmlabel {
    background: #242949;
    border: 1px solid rgba(237, 239, 245, 0.08);
}

.dark-mode .cbp_tmtimeline:before {
    background: rgba(228, 230, 232, 0.15);
}

.dark-mode blockquote {
    padding-left: 2rem;
    border-left: 3px solid rgba(255, 255, 255, 0.2);
}

.dark-mode .timelineleft > li > .timelineleft-item {
    border: 1px solid rgba(237, 239, 245, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(31, 30, 47, 0.05);
    box-shadow: 0 0 3px rgba(31, 30, 47, 0.05);
    background: #242949;
    color: #fff;
}

    .dark-mode .timelineleft > li > .timelineleft-item > .timelineleft-header > a {
        color: #fff;
    }

.dark-mode .timelineleft:before {
    background: rgba(237, 239, 245, 0.1);
    width: 1px;
}

.dark-mode .timeline__content {
    background-color: #1c2140;
}

    .dark-mode .timeline__content:after {
        border-bottom: 9px solid transparent;
        border-left: 11px solid #1c2140;
    }

.dark-mode .timeline__item--right .timeline__content:after {
    border-right: 11px solid #1c2140;
    border-left: 0;
}

.dark-mode .timeline__item:after {
    background: #0245da !important;
    border: 6px solid #0245da;
}

.dark-mode .timeline-vertical:not(.timeline--horizontal):before {
    background-color: rgba(237, 239, 245, 0.1);
    left: 50.2%;
    width: 1px;
    z-index: 1;
}

.dark-mode .timeline--horizontal .timeline-divider {
    background: rgba(255, 255, 255, 0.05) !important;
}

.dark-mode .timeline--horizontal .timeline__item .timeline__content:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1c2140;
}

.timeline--horizontal .timeline__item .timeline__content:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(234, 237, 255, 0.1);
}

.dark-mode .timeline--horizontal .timeline__item--bottom .timeline__content:after {
    border-bottom: 10px solid var(--primary);
}

.dark-mode .timeline--horizontal .timeline__item--bottom .timeline__content:before {
    border-bottom: 12px solid #333856;
}

.dark-mode .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after,
.dark-mode .cbp_tmtimeline > li .cbp_tmlabel:after {
    border-right-color: #32375b;
}

.dark-mode .bg-card-color {
    background-color: var(--primary) !important;
}

.dark-mode .timeline-nav-button {
    background-color: #0245da;
    border: 2px solid #fff;
}

.dark-mode .bn-news ul li a {
    color: #fff !important;
}

.dark-mode .ribbon1:after {
    border-top: 10px solid #0245da;
}

.dark-mode .ribbon1 span {
    background: #0245da;
}

    .dark-mode .ribbon1 span:before,
    .dark-mode .ribbon1 span:after {
        background: #0245da;
    }

.dark-mode .ribbon2 {
    background: #0245da;
}

    .dark-mode .ribbon2:before {
        border-bottom: 6px solid #272b44;
    }

    .dark-mode .ribbon2:after {
        border-left: 30px solid #0245da;
        border-right: 30px solid #0245da;
    }

.dark-mode .ribbon3 {
    background: #0245da;
}

    .dark-mode .ribbon3:after {
        border-left: 15px solid #0245da;
    }

.dark-mode .ribbon4,
.dark-mode .ribbon5 {
    background: #0245da;
}

.dark-mode .ribbon6 {
    box-shadow: 0 0 0 3px #0245da, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);
    background: #0245da !important;
}

.dark-mode .bn-controls button {
    border-left: 1px solid rgba(239, 242, 247, 0.1);
    background-color: #202440;
}

.dark-mode .bn-direction-rtl .bn-controls button {
    border-right: solid 1px rgba(239, 242, 247, 0.1);
}

.dark-mode .bn-controls button:hover {
    background-color: #0245da;
}

.dark-mode .bn-seperator.bn-news-dot:after {
    background: #fff;
}

.dark-mode .profile .social-icons a {
    border: 1px solid #fff;
    color: #0245da;
    box-shadow: none !important;
    background: #fff;
}

.dark-mode .items-blog-tab-heading .items-blog-tab-menu li a {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}

.dark-mode .nav.items-blog-tab-menu a.active {
    background: #0245da;
}

.dark-mode .bg-white.news-letter {
    background: var(--primary) !important;
}

.dark-mode .section-title h1 {
    margin-bottom: 0.5rem;
    color: #fff;
}

.dark-mode .search1 {
    background: rgba(255, 255, 255, 0.01);
    border-radius: 2px;
    overflow: hidden;
}

.dark-mode .search2 {
    background: var(--primary);
}

.dark-mode .item-search-menu ul li .active {
    background: rgba(30, 35, 64, 0.7);
}

.dark-mode .item-search-tabs .tab-content {
    border: 1px solid rgba(39, 22, 108, 0.1);
    background: rgba(9, 1, 31, 0.5);
}

.dark-mode .item-search-menu ul li a {
    padding: 9px 15px;
}

.dark-mode .sub-newsletter .form-control {
    color: #b3b2c5;
    background-color: #2d3255 !important;
    height: 45px !important;
}

.dark-mode .latest-timeline-1 ul.timeline-1:before {
    content: ' ';
    border: 2px dotted rgba(237, 239, 245, 0.2);
}

.dark-mode .select.option {
    background: var(--primary) !important;
    color: #fff;
}

.dark-mode .row.no-gutters.bg-white {
    background: transparent !important;
}

.dark-mode .badge-light {
    color: #fff;
    background-color: #363e63;
}

    .dark-mode .badge-light[href]:hover {
        color: #3d4e67;
        text-decoration: none;
        background-color: #dae0e5;
    }

.badge-light[href]:focus {
    color: #3d4e67;
    text-decoration: none;
    background-color: #dae0e5;
}

.dark-mode .avatar {
    background: #0245da no-repeat center/cover;
}

.dark-mode .header-brand-img {
    height: 2.1rem;
    line-height: 2rem;
    vertical-align: bottom;
    margin-right: .5rem;
    width: auto;
}

.dark-mode .page-link:hover {
    z-index: 2;
    text-decoration: none;
    background-color: #0245da;
    border: 1px solid rgba(234, 240, 247, 0.18) !important;
    color: #fff;
}

.dark-mode .ps__thumb-y {
    background-color: rgba(240, 240, 243, 0.05);
}

.dark-mode .line-animations:after {
    content: '';
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
    animation: run 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    z-index: -3;
    width: 1px;
    left: 45%;
}

.dark-mode .resp-tabs-list:before {
    left: -4px;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(245, 255, 251, 0.2);
    position: absolute;
    top: 0;
}

.dark-mode .resp-tabs-list.hor_1.line-animations li {
    z-index: 99;
}

.dark-mode .card .card {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
    border-radius: 4px;
}

.dark-mode .ms-choice {
    background-color: rgba(255, 255, 255, 0.1) !important;
    background-clip: padding-box;
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
}

.dark-mode .ms-drop {
    background: var(--primary) !important;
    color: #fff !important;
    border: 1px solid rgba(234, 240, 247, 0.15) !important;
}

.dark-mode .ms-choice > span {
    color: #fff;
}

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

.dark-mode .btn {
    box-shadow: none;
}

.dark-mode .btn-link {
    font-weight: 400;
    color: #fff;
    background-color: #30365b;
    text-decoration: none;
}

    .dark-mode .btn-link:hover {
        font-weight: 400;
        color: #fff;
        background-color: rgba(255, 255, 255, 0.2);
    }

.dark-mode .SumoSelect.disabled .SlectBox {
    display: none;
}

.dark-mode .multi-wrapper .item-1:hover {
    background: #0245da;
}

.dark-mode .SumoSelect > .optWrapper.multiple > .options li.opt span i {
    border: 1px solid #535771;
    background-color: rgba(255, 255, 255, 0.2);
}

.dark-mode .SumoSelect .select-all > span i {
    border: 1px solid #535771;
    background-color: rgba(255, 255, 255, 0.2);
}

.dark-mode .SumoSelect .select-all.partial > span i {
    background-color: rgba(234, 234, 236, 0.2);
}

.dark-mode .sidebar .tabs-menu ul li .active {
    background: #0245da;
}

.dark-mode .chat .contacts li:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .header-main .drop-profile i {
    color: #007bff;
}

.dark-mode .chat .contacts li {
    width: 100% !important;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(227, 227, 247, 0.05);
}

.dark-mode .sidebar-right .list:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .dashboard-carousel .carousel-control-prev {
    background-color: rgba(237, 239, 245, 0.1);
    border: 1px solid rgba(237, 239, 245, 0.1);
}

    .dark-mode .dashboard-carousel .carousel-control-prev .carousel-control-prev-icon::after {
        color: #fff;
    }

.dark-mode .dashboard-carousel .carousel-control-next {
    background-color: rgba(237, 239, 245, 0.1);
    border: 1px solid rgba(237, 239, 245, 0.1);
}

    .dark-mode .dashboard-carousel .carousel-control-next .carousel-control-next-icon::after {
        color: #fff;
    }

.dark-mode .chat .actions:not(.a-alt) > li > a:hover i {
    color: #007bff;
}

.dark-mode .chat .actions > li {
    display: inline-block;
}

.dark-mode .toolbar .btn {
    background: #0245da;
    color: #fff !important;
    border: 1px solid #0b3695;
    border-bottom: 2px solid #0f6bcc;
    border-radius: 4px;
    padding: 2px 17px;
    box-shadow: none;
}

    .dark-mode .toolbar .btn.active {
        color: #f5f3f3 !important;
    }

.dark-mode .chat .dropdown-menu li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.dark-mode .page-rightheader .btn-default {
    color: #fff !important;
    background: var(--primary);
    border-color: rgba(250, 250, 255, 0.2);
    box-shadow: none;
}

    .dark-mode .page-rightheader .btn-default:hover {
        color: #000 !important;
        background: #e9e5f1;
        border-color: rgba(250, 250, 255, 0.2);
    }

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

.btn-default:focus {
    color: #000 !important;
    background: #e9e5f1;
    border-color: rgba(250, 250, 255, 0.2);
}

.dark-mode .banner-2.card {
    border: 0 !important;
}

.dark-mode .bg-background:before {
    background: linear-gradient(to right, rgba(3, 85, 208, 0.8), rgba(48, 110, 255, 0.8));
}

.dark-mode .buy-sell .form {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.5);
}

.dark-mode .buy-sell .form-control {
    color: #b3b2c5;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.dark-mode .product-grid6 .icons li a {
    color: #0245da;
    border: 1px solid #0245da;
}

    .dark-mode .product-grid6 .icons li a:hover,
    .dark-mode .product-grid6 .icons li a:after {
        color: #fff;
        background-image: linear-gradient(120deg, #0245da 0%, #0245da 100%);
    }

.product-grid6 .icons li a:before {
    color: #fff;
    background-image: linear-gradient(120deg, #0245da 0%, #0245da 100%);
}

.dark-mode .owl-carousel button.owl-dot {
    background: #4e5897 !important;
}

    .dark-mode .owl-carousel button.owl-dot.active {
        background: #0245da !important;
    }

.dark-mode .single-product .product-desc .product-icons .socialicons a {
    border: 1px solid rgba(239, 242, 247, 0.2);
    color: #fff;
}

.dark-mode .item-single-desc .listunorder {
    background-color: var(--primary);
    border: 1px solid rgba(234, 240, 247, 0.01);
}

.dark-mode .input-indec .quantity-right-plus.btn {
    border-color: #474c69;
    border-left: #474c69 !important;
}

.dark-mode .input-indec .quantity-left-minus.btn {
    border-color: #474c69;
    border-right: 0;
}

.dark-mode .input-group > .form-control:not(:last-child) {
    border-right: 1px solid #474c69 !important;
}

.input-group > .custom-select:not(:last-child) {
    border-right: 1px solid #474c69 !important;
}

.dark-mode .product-multiinfo .card {
    box-shadow: none;
    margin-bottom: 0;
    border-bottom: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.dark-mode code {
    background: rgba(239, 241, 245, 0.05);
    border: 1px solid rgba(239, 241, 245, 0.05);
    color: #1379ed;
}

    .dark-mode code.language-markup {
        background: transparent;
        border: transparent;
    }

.dark-mode .btn-default {
    color: #fff !important;
    background: rgba(246, 244, 251, 0.1);
    border-color: rgba(240, 240, 244, 0.1);
    box-shadow: 0 5px 10px #1e2340;
}

    .dark-mode .btn-default:hover {
        color: #fff !important;
        background: rgba(246, 244, 251, 0.2);
        border-color: rgba(240, 240, 244, 0.2);
    }

.dark-mode .theme-dark .cookie-popup {
    background-color: #0245da;
    color: #fff;
}

.dark-mode .navbar-light .navbar-nav .show > .nav-link,
.dark-mode .navbar-light .navbar-nav .active > .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

    .dark-mode .navbar-light .navbar-nav .nav-link.show,
    .dark-mode .navbar-light .navbar-nav .nav-link.active {
        color: rgba(255, 255, 255, 0.9);
    }

    .dark-mode .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(231, 219, 219, 0.3);
    }

.dark-mode .vertical {
    bottom: 15rem;
}

.dark-mode .breadcrumb-item1 a {
    color: #f6f7f9;
}

.dark-mode .breadcrumb-arrow li span {
    color: #fff;
}

.dark-mode .shape-text.text-default {
    color: #000 !important;
}

.dark-mode .panel-title > a {
    border-bottom: 1px solid rgba(234, 240, 247, 0.05);
}

.dark-mode .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid rgba(234, 240, 247, 0.05);
}

.dark-mode .get-contact a {
    color: #fff;
}

.dark-mode .header-main .social-icons li a {
    color: #1f77fb;
}

.dark-mode .header-search-logo .header-brand-img {
    display: none;
}

    .dark-mode .header-search-logo .header-brand-img.desktop-logo-1,
    .dark-mode .header-search-logo .header-brand-img.dark-theme {
        display: block;
    }

.dark-mode .logo-img {
    background: url(../images/brand/logo1.png) !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    margin-left: 30px;
}

.dark-mode .header-main .top-bar {
    border-bottom: 0;
}

.dark-mode .footer a:not(.btn) {
    color: #2166ff;
}

.dark-mode .footer .btn-link {
    font-weight: 400;
    color: #fff;
    background-color: #323755;
}

.dark-mode .footer-main.footer-main1 a {
    color: #b7bec8;
}

.dark-mode .footer-main.footer-main1 .form-control {
    border: 1px solid rgba(234, 240, 247, 0.2) !important;
}

.dark-mode .header.bg-gradient-primary .header-brand-img.desktop-logo {
    display: block;
}

.dark-mode .bg-background3.card,
.dark-mode .card-blog-img.card {
    border: 0 !important;
}

.dark-mode .search-background.search-product .input-lg {
    height: 60px !important;
    border: 0;
}

.dark-mode .banner-1.sptb.card {
    border: 0 !important;
}

.dark-mode .spinner {
    background: #0245da;
}

.dark-mode .spinner-lg {
    background-color: #0245da;
}

.dark-mode .double-bounce1,
.dark-mode .double-bounce2,
.dark-mode .cube1,
.dark-mode .cube2 {
    background: #0245da;
}

.dark-mode .lds-heart div {
    background: #0245da;
}

    .dark-mode .lds-heart div:after,
    .dark-mode .lds-heart div:before {
        background: #0245da;
    }

.dark-mode .lds-ring div {
    border: 6px solid #0245da;
    border-color: #0245da transparent transparent transparent;
}

.dark-mode .lds-hourglass:after {
    border: 26px solid #0245da;
    border-color: #0245da transparent;
}

.dark-mode .lds-circle > div {
    background: #0245da;
}

.dark-mode .lds-dual-ring:after {
    border: 5px solid #0245da;
    border-color: #0245da transparent #0245da transparent;
}

.dark-mode .lds-facebook div,
.dark-mode .lds-roller div:after {
    background: #0245da;
}

.dark-mode .lds-ripple div {
    border: 4px solid #0245da;
}

.dark-mode .lds-spinner div:after,
.dark-mode .lds-default div,
.dark-mode .lds-ellipsis div,
.dark-mode .lds-grid div,
.dark-mode div.lds-ball2 div,
.dark-mode .lds-ball div {
    background: #0245da;
}

.dark-mode .lds-bars div:nth-child(1),
.dark-mode .lds-bars div:nth-child(2),
.dark-mode .lds-bars div:nth-child(3),
.dark-mode .lds-bars div:nth-child(4) {
    background: #0245da;
}

.dark-mode .lds-gear > div div:nth-child(8) {
    width: 80px;
    height: 80px;
    background: #1e2551;
    border-radius: 50%;
}

.dark-mode .lds-magnify > div > div div:nth-child(1) {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--primary);
}

.dark-mode .br-theme-bars-square .br-widget a.br-active,
.dark-mode .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #165bf5;
    color: #0452ff;
    background: #101530;
}

.dark-mode .br-theme-bars-horizontal .br-widget .br-current-rating {
    color: #0245da;
}

.dark-mode .br-theme-bars-horizontal .br-widget a.br-active,
.dark-mode .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: #0245da;
}

.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #3e425f;
    cursor: default;
}

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

.dark-mode .selectgroup-input:checked + .selectgroup-button {
    border-color: #0245da;
    z-index: 1;
    color: #fff;
    background: #0245da;
}

.dark-mode .selectgroup-button {
    display: block;
    border: 1px solid rgba(234, 240, 247, 0.2);
}

.dark-mode .colorinput-color {
    border: 1px solid rgba(234, 240, 247, 0.2);
}

.dark-mode .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #535771;
}

.dark-mode .checkbox-group .checkbox-normal:hover + label:before {
    border-color: #007bff;
}

.dark-mode .badge-primary {
    color: #fff;
    background-color: #0245da;
    box-shadow: 0 5px 10px rgba(34, 5, 191, 0.2);
}

.dark-mode .slide.submenu .side-menu__label:hover {
    color: #007bff;
}

.dark-mode .lg-outer .lg-thumb-item.active,
.dark-mode .lg-outer .lg-thumb-item:hover {
    border-color: #007bff;
}

.dark-mode .price .panel-footer {
    border-top: 0;
    background-color: var(--primary);
}

.dark-mode .pricing-tabs .nav-price li a {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px 30px 12px 30px;
    color: #fff;
}

.dark-mode .card.card-blog-overlay6,
.dark-mode .card.card-blog-overlay2,
.dark-mode .card.card-blog-overlay1 {
    border: 0 !important;
}

.dark-mode .icons-list-item {
    border-left: 1px solid rgba(234, 240, 247, 0.07) !important;
    border-bottom: 1px solid rgba(234, 240, 247, 0.07) !important;
    border-right: 1px solid rgba(234, 240, 247, 0.07) !important;
}

.dark-mode .icons-list {
    border: 1px solid rgba(234, 240, 247, 0.07) !important;
}

.dark-mode .icons-list-item i {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.6);
}

.dark-mode .error-content {
    border: 1px solid rgba(226, 235, 247, 0.07) !important;
    background: var(--primary);
}

.dark-mode .countdown .number {
    background-color: #0245da;
    border-color: #094ee8;
    box-shadow: 0 5px 10px rgba(10, 80, 236, 0.3) !important;
}

.dark-mode .countdown .time {
    font-size: 20px;
    color: #fff;
    padding-top: 12px;
}

.dark-mode .sidetab-menu .list-group-item.pl-0.pr-0 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    border: 1px solid rgba(234, 240, 247, 0.08) !important;
}

.dark-mode .header-search-logo .header-brand-img.dark-theme {
    display: block;
    margin: inherit;
}

.dark-mode .header-right .nav-link.icon:hover {
    background: rgba(7, 13, 50, 0.25);
}

.dark-mode .wideget-user-tab .tab-menu-heading {
    padding: 0;
    border: 0;
}

.dark-mode .list-group-item:hover,
.dark-mode .list-group-item:focus {
    z-index: 1;
    text-decoration: none;
    color: #fff !important;
    background: rgba(237, 239, 245, 0.1) !important;
}

.dark-mode .pro-img-box .social li a {
    color: #2263f3;
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .wideget-user-tab.wideget-user-tab3.border-bottom .tabs-menu1 ul li .active {
    border-bottom: 0 !important;
}

.dark-mode .userprof-tab .list-group-item {
    border-top: 1px solid #3d415e !important;
    border-left: 0;
    border-right: 0;
}

.dark-mode .nice-select .option {
    background: var(--primary);
}

.dark-mode .nice-select .list {
    background-color: var(--primary);
    border-radius: 5px;
    border: 1px solid #3b3f5d;
    box-shadow: 0px 5px 25px #030844 !important;
}

.dark-mode .input-group-text.btn-secondary {
    color: #fff;
    background-color: #fa713b !important;
    border-color: #fa713b;
    box-shadow: 0 5px 10px rgba(250, 113, 59, 0.3);
}

.dark-mode .nice-select .option:hover,
.dark-mode .nice-select .option.focus,
.dark-mode .nice-select .option.selected.focus {
    background-color: #3c405e !important;
}

.dark-mode .ranges li {
    background-color: var(--primary);
    border: 1px solid rgba(248, 249, 250, 0.1);
    color: #fff;
}

    .dark-mode .ranges li:hover {
        background-color: #0245da;
        border: 1px solid #0245da;
        color: #fff;
    }

.dark-mode .daterangepicker:after {
    border-bottom: 6px solid var(--primary);
}

.dark-mode .daterangepicker:before,
.dark-mode .daterangepicker:after {
    border-bottom-color: #52556b;
    content: '';
}

.dark-mode .dropdown-menu-arrow:after {
    border-bottom: 9px solid #535567;
}

.dark-mode .sidebar-right .dropdown-icon:hover {
    color: #007bff;
}

.dark-mode .ecommerce-counter .countdown .number {
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.dark-mode table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
.dark-mode table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    border: 2px solid #0245da;
    border-radius: 14px;
    box-shadow: 0 5px 10px rgba(2, 69, 218, 0.2);
    background: #0245da;
}

.dark-mode .dt-buttons.btn-group .btn {
    box-shadow: none !important;
}

.dark-mode .ecommerce-counter .countdown .time {
    font-size: 14px;
    color: #fff;
    padding-top: 5px;
    text-align: center;
}

.dark-mode .card.big-deal.onsale {
    border: 0 !important;
}

.dark-mode .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid rgba(241, 245, 250, 0.05);
}

.dark-mode .text-wrap table th,
.dark-mode .text-wrap table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid rgba(241, 245, 250, 0.05);
}

.dark-mode .rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: #FFC107 !important;
}

.dark-mode .badge-primary-light {
    color: #0969d6;
    background-color: rgba(90, 63, 243, 0.15);
}

.dark-mode .card.border-0 {
    border: 0 !important;
}

.dark-mode .quicktrade .tabs-menu1 ul li a {
    padding: 12px 33px 11px 32px;
}

.dark-mode .quicktrade.tab-menu-heading {
    margin: 0 !important;
}

.dark-mode .daterangepicker td.available:hover,
.dark-mode .daterangepicker th.available:hover {
    background-color: #0245da;
    border-color: transparent;
    color: inherit;
}

.dark-mode .tab-menu-heading.market-info {
    margin: 10px;
    background: rgba(245, 246, 250, 0.1);
}

    .dark-mode .tab-menu-heading.market-info ul li a {
        padding: 11px 40px 11px 39px;
        font-size: 15px;
        border: 0;
    }

    .dark-mode .tab-menu-heading.market-info .tabs-menu1 ul li .active {
        border-bottom: 2px solid #0e6acd;
        color: #fff;
        background: #0245da;
        box-shadow: 0 5px 10px rgba(34, 5, 191, 0.3);
    }

.dark-mode .res-tabs .tab-menu-heading.market-info .nav {
    padding-top: 9px;
}

.dark-mode .navbar-collapse .input-group-btn .btn:hover i {
    color: #2278fb !important;
}

.dark-mode .resp-vtabs ul.resp-tabs-list {
    float: none;
    margin-top: 0 !important;
    color: #fff;
    padding-top: 14px;
    border-right: 1px solid var(--primary) !important;
}

.dark-mode .horizontalMenucontainer .horizontal-main {
    width: 100%;
    position: fixed;
    background: var(--primary) !important;
    box-shadow: 0 0 30px #0d1127;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a {
    color: #fff;
    border-left: 0;
}

.dark-mode .horizontalMenucontainer .icon_img .active-path {
    fill: #fff;
    stroke-width: 6px;
    stroke: #fff;
}

    .dark-mode .horizontalMenucontainer .icon_img .active-path.cube {
        fill: #fff;
        stroke: #fff;
        stroke-width: 0.5;
    }

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a.active {
    border-left: 1px solid #3c4165 !important;
    border-bottom: 0;
    border-top: 0;
    border-right: 1px solid #3c4165;
    border-color: #3c4165 !important;
    box-shadow: 0 10px 10px -10px rgba(51, 54, 76, 0.5);
    background: #33385d;
    color: #fff;
}

.dark-mode .horizontalMenucontainer .horizontalMenu-list .sub-icon.active .icon_img .active-path {
    fill: #fff;
    stroke: #fff;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #fff;
}

    .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a:hover .icon_img .active-path {
        fill: #fff;
    }

.dark-mode .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #fff;
    text-decoration: none;
    background: #33385d;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    background-color: var(--primary);
    border: solid 1px rgba(221, 228, 235, 0.1);
    box-shadow: 0px 5px 25px #030844;
}

.dark-mode .horizontalMenucontainer .mega-menubg {
    border: solid 1px rgba(221, 228, 235, 0.1);
    background: var(--primary);
    box-shadow: 0px 5px 25px #030844;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
    color: #d4dbe6;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
    border-bottom: 9px solid var(--primary);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 9px solid #3b3f5d;
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
    color: #d4dbe6;
}

.dark-mode .horizontalMenucontainer .mega-menubg .list-heading {
    color: #fff;
}

.dark-mode .horizontalMenucontainer .mega-menubg:before {
    left: 64.9%;
    border-bottom: 10px solid #464b6b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dark-mode .horizontalMenucontainer .mega-menubg:after {
    border-bottom: 9px solid var(--primary);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.dark-mode .horizontalMenucontainer .mega-menubg.megamenu1:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 54.95%;
    border-bottom: 10px solid #3b3f5d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dark-mode .horizontalMenucontainer .mega-menubg.megamenu1:after {
    border-bottom: 9px solid var(--primary);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.dark-mode .horizontalMenucontainer .page-header {
    background: var(--primary);
    border: 1px solid rgba(227, 227, 247, 0.05);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.1);
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li:last-child > a {
    border-right: 0;
}

.dark-mode .horizontalMenucontainer .mega-menubg {
    background: var(--primary);
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
    background-color: var(--primary);
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #007bff;
}

.dark-mode .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group {
    border-top: 1px solid rgba(226, 226, 226, 0.1);
}

    .dark-mode .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-button-group .pignose-calendar-button {
        color: #fff;
    }

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

.dark-mode .avatar-status {
    border: 2px solid var(--primary);
}

.dark-mode .chatbox .user_img_msg {
    border: 1.5px solid #595d77;
}

.dark-mode .item-card3-desc img {
    border: 3px solid #595d77;
}

.dark-mode .item-card5-icon a {
    background: var(--primary);
}

.dark-mode .owl-productimg img {
    background: #3e425f;
}

.dark-mode .widget-image img {
    border: 5px solid #3e425f;
}

.dark-mode .widget-user .widget-user-image > img {
    border: 3px solid #595d77;
}

.dark-mode .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #292e4e;
}

.dark-mode .icon-menu-img {
    background: #2a2f4f;
    border: 1px solid rgba(220, 222, 237, 0.2);
    z-index: 10;
}

.dark-mode .toggle-menu.side-menu li ul li:last-child a {
    border-bottom: 0 !important;
}

.dark-mode .slide.is-expanded .side-menu__item {
    color: #fff;
    background: rgba(234, 235, 243, 0.1);
}

.dark-mode .toggle-sidebar .app-sidebar__user {
    border-bottom: 0px solid rgba(255, 255, 255, 0.05);
}

/*---- Horizontal-menu ---*/
@media screen and (max-width: 1129px) {
    .dark-mode .cbp_tmtimeline > li .cbp_tmlabel:before {
        right: auto;
        left: 22px;
        border-right-color: transparent !important;
        border-bottom-color: #242949 !important;
        top: -21px !important;
    }

    .dark-mode .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #363b5d;
    }
}

@media (max-width: 991px) {
    .dark-mode .construction-body .header-brand-img.mobile.dark-view {
        height: 3.2rem;
        display: block !important;
        margin: 0 auto;
    }

    .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list {
        border-right: 1px solid rgba(67, 87, 133, 0.2);
        background: var(--primary);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        color: #fff !important;
        background: #312673;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a {
        margin: 0 !important;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
        border-right: 1px solid #3118b5 !important;
        border-left: 1px solid var(--primary) !important;
    }

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

    .dark-mode .horizontalMenucontainer .animated-arrow span {
        background: #fff;
    }

    .dark-mode .animated-arrow span:before,
    .dark-mode .animated-arrow span:after {
        background: #fff;
    }

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

    .dark-mode .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: var(--primary) !important;
    }

    .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list {
        box-shadow: #0e0f15 -8px 12px 18px 0px;
    }

        .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            border: 0 !important;
            box-shadow: none !important;
            background: #222538;
        }

        .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a.active {
            color: #fff !important;
            border-bottom: 0;
        }

        .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            background: rgba(0, 0, 0, 0.2);
        }

            .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                color: #9197b1;
            }

                .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                    background-color: #222538;
                }

    .dark-mode .horizontalMenucontainer .horizontal-megamenu .mega-menubg .sub-nav {
        padding: 0 13px;
    }

    .dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
        color: rgba(255, 255, 255, 0.7);
    }

    .dark-mode .horizontalMenucontainer .overlapblackbg {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li {
        background-color: #191c31;
        border-bottom: 0px;
    }

        .dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            color: #fff;
        }

    .dark-mode .mega-menubg .list-heading {
        font-weight: 500;
        color: #fff;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: #fff;
        border: 0 !important;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        background: #222538;
        color: rgba(255, 255, 255, 0.6);
    }

    .dark-mode .icon_img .active-path {
        height: 20px;
        fill: #fff;
        stroke-width: 6px;
        stroke: #fff;
    }

        .dark-mode .icon_img .active-path.cube {
            height: 20px;
            fill: #fff;
            stroke-width: 0.5px;
            stroke: #fff;
        }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a,
    .dark-mode .slide-item.active {
        background: #37394c;
        color: #fff !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #37394c;
        color: #fff !important;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: var(--primary);
    }

    .dark-mode .mega-menubg:after {
        border-bottom: 9px solid #222538;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background: #222538;
    }

    .active.dark-mode .horizontalMenu > .horizontalMenu-list {
        background: #191c31;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active,
    .dark-mode .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: var(--primary) !important;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #222538 !important;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .dark-mode .horizontalMenucontainer .mega-menubg {
        background: #222538 !important;
    }

    .dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #37394c;
    }
}

@media (min-width: 768px) {
    .dark-mode .app.sidebar-mini.sidenav-toggled .side-menu__label {
        color: rgba(255, 255, 255, 0.8) !important;
        background: transparent !important;
    }

    .dark-mode .sidebar-mini.sidenav-toggled .side-menu__label {
        background: #fff;
        color: #a8a8a8;
    }

    .dark-mode .app.sidebar-mini.sidenav-toggled .side-menu__label {
        color: #5c6287;
    }

    .dark-mode.sidebar-mini.sidenav-toggled .app-sidebar {
        left: 0;
        width: 70px;
        overflow: hidden;
    }

    .dark-mode.leftmenu-style-2.sidebar-mini.sidenav-toggled .app-sidebar {
        left: 0;
        width: 70px !important;
        overflow: hidden;
    }

    .dark-mode .navbar-collapse form[role="search"].active input {
        background: #191f42 !important;
        box-shadow: none;
        color: #fff;
    }

    .dark-mode .sidebar-mini.sidenav-toggled .app-sidebar {
        left: 0;
        width: 71px;
        overflow: hidden;
    }

    .dark-mode .navbar-collapse form[role="search"].active {
        border-left: 1px solid rgba(227, 227, 247, 0.15);
    }

    .dark-mode.sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar.toggle-sidebar {
        width: 250px;
    }
}

@media (max-width: 768px) {
    .dark-mode .navbar-collapse form[role="search"].active {
        background: #090d25 !important;
        box-shadow: 0 1px 15px 1px #3c3f53;
        color: #fff;
    }
}

@media (max-width: 575.98px) {
    .dark-mode .header-brand-img.dark-version {
        display: none;
    }

    .dark-mode .app-sidebar {
        margin-top: 66px !important;
    }

    .dark-mode .header-brand-img.dark-theme {
        display: none;
    }

    .dark-mode .mobile-logo {
        display: none !important;
    }

    .dark-mode .mobile-logo1 {
        margin-top: 3px;
        margin-left: 10px;
        display: block !important;
    }

    .dark-mode .header-brand-img.dark-theme {
        display: none !important;
    }
}

@media (max-width: 567px) {
    .dark-mode .page-header {
        display: block;
    }
}

@media (min-width: 575.98px) {

    .dark-mode .mobile-logo1,
    .dark-mode .mobile-logo {
        margin-top: 3px;
        margin-left: 10px;
    }

    .dark-mode .header-brand-img.dark-theme {
        display: block !important;
    }
}

/*-----leftmenu-style-2----- */
.leftmenu-style-2 .first-sidemenu {
    background: #040a31 !important;
}

.leftmenu-style-2 .side-menu__icon {
    border-radius: 7px;
    background: #33364c;
    border: 1px solid #474a65;
}

.leftmenu-style-2 .side_menu_img {
    opacity: 0.8;
}

.leftmenu-style-2 .header-brand-img.desktop-logo-1 {
    display: none;
}

.dark-mode.leftmenu-style-2 .first-sidemenu {
    background: #4e3dc0 !important;
}

.dark-mode.leftmenu-style-2 .side-menu__icon {
    background: #160472;
    border: 1px solid #7c68e4;
}

.dark-mode.leftmenu-style-2.header-color .app-header {
    background: #4e3dc0;
    border-bottom: 1px solid rgba(234, 240, 247, 0.1);
}

.dark-mode.leftmenu-style-2 .side_menu_img {
    position: absolute;
    height: 20px;
    margin: 10px 23px;
    left: 0;
    right: 0;
    line-height: 8px;
    text-align: center;
    align-items: center;
    line-height: 29px;
    flex: 0 0 auto;
    opacity: 0.6;
    transform: inherit;
}

.dark-mode.leftmenu-style-2 .resp-vtabs .resp-tabs-list li {
    padding: 13px 13px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    border-left: 0 !important;
    border: 0 !important;
    line-height: 0;
    transform: inherit;
}

/*-----leftmenu-style-3----- */
.leftmenu-style-3 .side-menu__icon {
    border-radius: 0 !important;
}

.header-left.left-header .dropdown-menu.dropdown-menu-left {
    margin-top: 15px;
}


/*-----Header Dark----- */
.header-dark .app-header {
    background: #040a31 !important;
}

.header-dark .dropdown-menu-arrow:after {
    border-bottom: 9px solid #2b45b1;
}

.header-dark .app-header.header .nav-link.icon i,
.header-dark .date-range Span,
.header-dark .country-flag1,
.header-dark .header .profile-details,
.header-dark .navbar-collapse .input-group-btn .btn i {
    color: #fff;
}

.header-dark .header-right .nav-link.icon:hover {
    background: rgba(255, 255, 255, 0.1);
}

    .header-dark .header-right .nav-link.icon:hover i {
        color: #2278fb !important;
    }

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

.header-dark.leftmenu-style-2 .desktop-logo-1 {
    display: initial;
}

.header-dark .resp-vtabs ul.resp-tabs-list {
    float: none;
    margin-top: 0 !important;
    color: #fff;
    border-right: 1px solid #463e78;
}

.header-dark .header-left .date-range .fa {
    color: #fff;
}

.header-dark .navbar-collapse .input-group-btn .btn:hover {
    background: rgba(255, 255, 255, 0.1);
}

    .header-dark .navbar-collapse .input-group-btn .btn:hover i {
        color: #2278fb !important;
    }

.header-dark .header-right .dropdown-menu {
    border: 0;
}

.header-dark .navbar-collapse form[role="search"].active input {
    height: 67px;
}

.header-dark .navbar-form.active .input-group-btn .btn i {
    color: #3c4858;
}

.header-dark .header-left .dropdown-menu-arrow:after {
    content: '';
    position: absolute;
    top: -10.5px;
    left: 16px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.header-dark.dark-mode.sidebar-mini .resp-vtabs ul.resp-tabs-list {
    border-right: 1px solid var(--primary) !important;
}

.header-dark.dark-mode.horizontalmenu-light .navbar-form.active .input-group-btn .btn i {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .header-dark.horizontalmenu-light.active .horizontalMenucontainer .animated-arrow span {
        background: transparent;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #37394c !important;
        color: #fff !important;
    }
}

/*-----Header Color----- */
.header-color .app-header {
    background: #150570;
}

.dark-mode.header-color .app-header {
    background: #4e3dc0;
    border-bottom: 1px solid rgba(234, 240, 247, 0.1);
}

.header-color .app-header.header .nav-link.icon i,
.header-color .date-range Span {
    color: #fff;
}

.header-color .dropdown-menu-arrow:after {
    border-bottom: 9px solid #5c4ac1;
}

.header-color .country-flag1,
.header-color .header .profile-details {
    color: #fff;
}

.header-color .header-right .nav-link.icon:hover {
    background: rgba(255, 255, 255, 0.1);
}

    .header-color .header-right .nav-link.icon:hover i {
        color: #2278fb !important;
    }

.header-color .header-brand-img.desktop-logo {
    display: none;
}

.header-color.leftmenu-style-2 .desktop-logo-1,
.header-color .desktop-logo-1 {
    display: block;
}

.header-color .resp-vtabs ul.resp-tabs-list {
    float: none;
    margin-top: 0 !important;
    color: #fff;
    border-right: 1px solid #463e78;
}

.header-color .header-left .date-range .fa {
    color: #fff;
}

.header-color .navbar-collapse .input-group-btn .btn:hover {
    background: rgba(255, 255, 255, 0.1);
}

    .header-color .navbar-collapse .input-group-btn .btn:hover i {
        color: #2278fb !important;
    }

.header-color .header-right .dropdown-menu {
    border: 0;
}

.header-color .navbar-collapse form[role="search"].active input {
    height: 67px;
}

.header-color .header-left .dropdown-menu-arrow:after {
    top: -10.5px;
    left: 16px;
    border-bottom: 9px solid #634af5;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.header-color .navbar-collapse .input-group-btn .btn i {
    color: #fff;
}

.header-color .navbar-form.active .input-group-btn .btn i {
    color: #191616;
}

.header-color .header-left .dropdown-menu-arrow:before {
    content: '';
    position: absolute;
    top: -11px;
    left: 15px;
    border-bottom: 10px solid rgba(67, 87, 133, 0.2);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.header-color .animated-arrow span {
    background: #fff;
}

    .header-color .animated-arrow span:before,
    .header-color .animated-arrow span:after {
        background: #fff;
    }

.dark-mode.header-color .dropdown-menu-arrow:after {
    border-bottom: 9px solid #5c4ac1;
}

.dark-mode.header-color .navbar-form.active .input-group-btn .btn i {
    font-size: 16px;
    color: #017bfd;
}

@media only screen and (max-width: 991px) {
    .header-color.horizontalmenu-light.active .horizontalMenucontainer .animated-arrow span {
        background: transparent;
    }

    .header-color.sidebar-mini.horizontalmenu-light .app-header {
        border-bottom: 1px solid rgba(234, 240, 247, 0.2);
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #37394c !important;
        color: #fff !important;
    }
}

/*-----Horizontalmenu-Light----- */
.horizontalmenu-light .horizontal-main {
    background: #fff;
}

.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a {
    color: #3c4858;
}

.horizontalmenu-light .icon_img .active-path {
    height: 20px;
    fill: #3c4858;
    stroke-width: 0.5px;
    stroke: #3c4858;
}

    .horizontalmenu-light.icon_img .active-path.cube {
        height: 20px;
        fill: #3c4858;
        stroke-width: 0.5;
        stroke: #3c4858;
    }

.horizontalmenu-light .horizontalMenu-list .sub-icon.active .icon_img .active-path {
    fill: var(--primary);
    stroke: var(--primary);
}

.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a.active {
    color: var(--primary);
    font-weight: 500;
    box-shadow: rgba(160, 160, 243, 0.5) 0px 10px 10px -10px;
    text-decoration: none;
    border-bottom: 0px;
    background: #f4f6fd;
    border-right: 1px solid #e7edff !important;
    border-left: 1px solid #e7edff !important;
}

.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: var(--primary);
    text-decoration: none;
}

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a:hover .icon_img .active-path {
        fill: var(--primary);
    }

.horizontalmenu-light .horizontal-main {
    border-bottom: 0;
}

.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a:hover {
    background: #f4f6fd;
}

.horizontalmenu-light .horizontal-main {
    background: 150570;
}

.dark-mode.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #fff;
    background: #33385d;
}

@media only screen and (max-width: 991px) {
    .header-dark.horizontalmenu-light .animated-arrow span {
        background: #fff;
    }

        .header-dark.horizontalmenu-light .animated-arrow span:before,
        .header-dark.horizontalmenu-light .animated-arrow span:after {
            background: #fff;
        }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #fff;
    }

        .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            color: #fff;
            color: #3c4858;
        }

    .horizontalmenu-light .mega-menubg .list-heading {
        font-weight: 500;
        color: #3c4858;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: #fff;
        border: 0 !important;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        color: rgba(60, 72, 88, 0.7) !important;
    }

    .horizontalmenu-light .icon_img .active-path {
        height: 20px;
        fill: #3c4858;
        stroke-width: 6px;
        stroke: #3c4858;
    }

        .horizontalmenu-light .icon_img .active-path.cube {
            height: 20px;
            fill: #3c4858;
            stroke-width: 0.5px;
            stroke: #3c4858;
        }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a,
    .horizontalmenu-light .slide-item.active {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #e2e4ec;
    }

    .horizontalmenu-light .mega-menubg:after {
        border-bottom: 9px solid #e2e4ec;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #070510;
    }

        .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
            color: var(--primary) !important;
            background: transparent !important;
        }

    .horizontalmenu-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: #f4f6fd !important;
        color: var(--primary);
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list {
        background: #fff;
    }

    .horizontalmenu-light .horizontalMenu-list .sub-icon.active .active-path {
        fill: var(--primary) !important;
        stroke: var(--primary) !important;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
        border-bottom: 0px solid rgba(0, 0, 0, 0.03);
    }

        .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
            background: #dee0e7;
        }

    .horizontalmenu-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: #f4f6fd !important;
        color: var(--primary);
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #f4f6fd !important;
        color: var(--primary) !important;
        text-decoration: none;
    }

        .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
            fill: var(--primary) !important;
            stroke: var(--primary) !important;
        }

    .horizontalmenu-light .mega-menubg {
        background: #e2e4ec !important;
    }

    .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background: #e2e4ec;
    }

        .horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
            border-bottom: 9px solid #e2e4ec !important;
        }

    .horizontalmenu-light.header-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #070510;
    }

        .horizontalmenu-light.header-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
            color: var(--primary) !important;
            background: transparent !important;
        }

    .horizontalmenu-light.header-color .mega-menubg .list-heading {
        color: #070510;
    }

    .horizontalmenu-light.header-color .horizontalMenu > .horizontalMenu-list {
        background: #fff;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #191c31;
    }

    .dark-mode.header-dark.horizontalmenu-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenucontainer .horizontalMenu-list .sub-icon.active .icon_img .active-path {
        fill: #fff !important;
        stroke: #fff !important;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: var(--primary) !important;
        color: #fff !important;
        text-decoration: none;
    }

        .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
            fill: #fff !important;
            stroke: #fff !important;
        }

    .dark-mode.header-dark.horizontalmenu-light .slide-item.active {
        background: #37394c;
        color: #fff !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #37394c;
        color: #fff !important;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        background: #37394c;
        color: #fff !important;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #222538 !important;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #222538;
    }

    .dark-mode.header-dark.horizontalmenu-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: #9197b1 !important;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        color: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li {
        background-color: #150570;
    }

        .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active {
            background: #2a15b3 !important;
        }

        .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
            background: #312673;
            color: #fff !important;
        }

        .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li:hover > a {
            background: #2a15b3 !important;
        }

        .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
            background: #11055a;
        }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .slide-item.active {
        background: #312673;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #312673;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
        color: #d4dbe6;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #11055a !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #312673 !important;
        color: #fff !important;
    }

    .dark-mode.horizontalmenu-light.header-color .mega-menubg .list-heading {
        color: #fff;
    }
}

/*-----Horizontalmenu-Dark----- */
.horizontalmenu-dark .horizontal-main {
    background: #040a31;
}

.horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a {
    color: #fff;
}

.horizontalmenu-dark .icon_img .active-path {
    height: 20px;
    fill: #fff;
    stroke-width: 6px;
    stroke: #fff;
}

    .horizontalmenu-dark .icon_img .active-path.cube {
        height: 20px;
        fill: #fff;
        stroke-width: 0.5;
        stroke: #fff;
    }

.horizontalmenu-dark .horizontalMenu-list .sub-icon.active .icon_img .active-path {
    fill: #fff;
    stroke: #fff;
}

.horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active {
    color: #fff;
    background: #33364c;
}

.horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a.active {
    border-left: 1px solid #3c4165 !important;
    border-bottom: 0;
    border-top: 0;
    border-right: 1px solid #3c4165;
    border-color: #3c4165 !important;
    box-shadow: 0 10px 10px -10px rgba(51, 54, 76, 0.5);
}

.horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a:hover {
    background: #33364c;
}

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a:hover .icon_img .active-path {
        fill: #fff;
    }

.horizontalmenu-dark .horizontal-main {
    border-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li {
        background-color: #191c31;
        border-bottom: 0px;
    }

        .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            color: #fff;
            color: #fff;
        }

    .horizontalmenu-dark .mega-menubg .list-heading {
        font-weight: 500;
        color: #fff;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: #fff;
        border: 0 !important;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        background: #222538;
        color: rgba(255, 255, 255, 0.6);
    }

    .horizontalmenu-dark .icon_img .active-path {
        height: 20px;
        fill: #fff;
        stroke-width: 6px;
        stroke: #fff;
    }

        .horizontalmenu-dark .icon_img .active-path.cube {
            height: 20px;
            fill: #fff;
            stroke-width: 0.5px;
            stroke: #fff;
        }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a,
    .horizontalmenu-dark .slide-item.active {
        background: #37394c;
        color: #fff !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #37394c;
        color: #fff !important;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #222538;
    }

    .horizontalmenu-dark .mega-menubg:after {
        border-bottom: 9px solid #222538;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background: #222538;
    }

    .active.horizontalmenu-dark .horizontalMenu > .horizontalMenu-list {
        background: #191c31;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active,
    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: var(--primary) !important;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #222538 !important;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .horizontalmenu-dark .mega-menubg {
        background: #222538 !important;
    }

    .horizontalmenu-dark .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #37394c;
    }
}

/*-----Horizontalmenu-Color----- */
.header-color.horizontalmenu-light .app-sidebar.toggle-sidebar {
    border-top: 1px solid rgba(232, 235, 241, 0.2);
}

@media (max-width: 991px) {
    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #191c31;
    }

    .dark-mode.header-color.horizontalmenu-light .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: var(--primary) !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenucontainer .horizontalMenu-list .sub-icon.active .icon_img .active-path {
        fill: #fff !important;
        stroke: #fff !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: var(--primary) !important;
        color: #fff !important;
        text-decoration: none;
    }

        .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
            fill: #fff !important;
            stroke: #fff !important;
        }

    .dark-mode.header-color.horizontalmenu-light .slide-item.active {
        background: #37394c;
        color: #fff !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #37394c;
        color: #fff !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        background: #37394c;
        color: #fff !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #222538 !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #222538;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: #9197b1 !important;
    }

    .dark-mode.header-color.horizontalmenu-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #d4dbe6;
    }

    .dark-mode.horizontalmenu-light.dark-hor-light.header-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #e2e4ec;
    }

    .dark-mode.horizontalmenu-light.dark-hor-light.header-color .mega-menubg .list-heading {
        color: #3c4858;
    }

    .dark-mode.horizontalmenu-light.dark-hor-light.header-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #e4e6ef !important;
        color: #3c4858 !important;
    }

    .dark-mode.horizontalmenu-light.dark-hor-light.header-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        color: rgba(60, 72, 88, 0.7);
    }

    .dark-mode.horizontalmenu-light.dark-hor-light.header-color .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #f4f6fd !important;
        color: #3c4858 !important;
    }
}

/*-----Dark Horizontalmenu-Color----- */
.dark-hor-color.dark-mode .horizontalMenucontainer .horizontal-main {
    background: #4e3dc0;
}

.dark-hor-color.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > a.active {
    background: rgba(0, 0, 0, 0.2);
    border-left: 1px solid #5948d6 !important;
    border-right: 1px solid #5948d6 !important;
}

.dark-hor-color.dark-mode .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 991px) {
    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li {
        background-color: #150570;
        border-bottom: 0px;
    }

        .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            color: #fff;
            color: #fff;
        }

    .dark-mode.dark-hor-color .mega-menubg .list-heading {
        font-weight: 500;
        color: #fff;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: #fff;
        border: 0 !important;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        background: #11055a;
        color: #9ea3b5 !important;
    }

    .dark-mode.dark-hor-color .icon_img .active-path {
        height: 20px;
        fill: #fff;
        stroke-width: 6px;
        stroke: #fff;
    }

        .dark-mode.dark-hor-color .icon_img .active-path.cube {
            height: 20px;
            fill: #fff;
            stroke-width: 0.5px;
            stroke: #fff;
        }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a,
    .dark-mode.dark-hor-color.slide-item.active {
        background: #312673;
        color: #fff !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #312673;
        color: #fff !important;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #11055a;
    }

    .dark-mode.dark-hor-color .horizontalMenucontainer .mega-menubg.megamenu1:after,
    .dark-mode.dark-hor-color .horizontalMenucontainer .mega-menubg:after {
        border-bottom: 9px solid #11055a;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background: #11055a;
    }

    .active.dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list {
        background: #150570 !important;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active {
        background: #2a15b3 !important;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #2a15b3 !important;
        color: #fff !important;
    }

        .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
            fill: #fff !important;
            stroke: #fff !important;
        }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #11055a !important;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .dark-mode.dark-hor-color .mega-menubg {
        background: #11055a !important;
    }

    .dark-mode.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover,
    .dark-mode.dark-hor-color .slide-item.active {
        background: #312673;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #312673;
    }

    .dark-mode.dark-hor-color .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
        background-color: #110558;
        color: #fff !important;
    }

    .dark-mode.horizontalmenu-light.dark-hor-color .horizontalMenucontainer .horizontalMenu-list .sub-icon.active .icon_img .active-path {
        fill: #fff !important;
        stroke: #fff !important;
    }

    .dark-mode.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
        color: #fff;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li {
        background-color: #150570;
    }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > a.sub-icon.active {
            background: #2a15b3 !important;
        }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
            background: #312673;
            color: #fff !important;
        }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li:hover > a {
            background: #2a15b3 !important;
        }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .slide-item.active,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .slide-item:hover,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .slide-item:focus {
        background: #312673;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #11055a !important;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #11055a;
    }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-color .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
            background: #312673 !important;
            color: #fff !important;
        }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
            background: #f4f6fd !important;
            color: var(--primary) !important;
        }

        .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
            background: #e4e6ef;
            color: #3c4858 !important;
        }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item.active,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item:hover,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item:focus {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #e4e6ef !important;
        color: #3c4858 !important;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #e2e4ec !important;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu-list .sub-icon.active .icon_img .active-path,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
        fill: var(--primary) !important;
        stroke: var(--primary) !important;
    }

    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item.active,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item:hover,
    .dark-mode.header-color.horizontalmenu-light.dark-hor-light .slide-item:focus {
        color: #fff !important;
    }
}

/*-----Dark Horizontalmenu-Light----- */
.dark-mode.dark-hor-light .horizontal-main {
    background: #fff;
}

.dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a {
    color: #1f2441 !important;
}

.dark-mode.dark-hor-light .icon_img .active-path {
    height: 20px;
    fill: #3c4858;
    stroke-width: 6px;
    stroke: #3c4858;
}

    .dark-mode.dark-hor-light .icon_img .active-path.cube {
        height: 20px;
        fill: #3c4858;
        stroke-width: 0.5;
        stroke: #3c4858;
    }

.dark-mode.dark-hor-light .horizontalMenu-list .sub-icon.active .icon_img .active-path {
    fill: var(--primary) !important;
    stroke: var(--primary) !important;
}

.dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
    color: var(--primary);
    font-weight: 500;
    box-shadow: rgba(160, 160, 243, 0.5) 0px 10px 10px -10px;
    text-decoration: none;
    border-bottom: 0px;
    background: #f4f6fd;
    border-right: 1px solid #e7edff !important;
    border-left: 1px solid #e7edff !important;
}

.dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: var(--primary);
    text-decoration: none;
    background: #f4f6fd;
}

.dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
    border-bottom: 2px solid #fff;
}

.dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a:hover .icon_img .active-path {
    fill: var(--primary);
}

.dark-mode.dark-hor-light .horizontal-main {
    border-bottom: 0;
}

.dark-mode.dark-hor-light.horizontal-main {
    background: 150570;
}

@media only screen and (max-width: 991px) {
    .dark-mode.dark-hor-light .animated-arrow span {
        background: #fff;
    }

    .header-dark.horizontalmenu-light .animated-arrow span:before,
    .header-dark.horizontalmenu-light .animated-arrow span:after {
        background: #fff;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

        .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            color: #fff;
            color: #3c4858;
        }

    .dark-mode.dark-hor-light .mega-menubg .list-heading {
        font-weight: 500;
        color: #3c4858;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
        background: #f4f6fd !important;
        color: var(--primary) !important;
        border: 0 !important;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        color: rgba(60, 72, 88, 0.7);
    }

    .dark-mode.dark-hor-light .icon_img .active-path {
        height: 20px;
        fill: var(--primary);
        stroke-width: 6px;
        stroke: #fff !important;
    }

        .dark-mode.dark-hor-light .icon_img .active-path.cube {
            height: 20px;
            fill: var(--primary);
            stroke-width: 0.5px;
            stroke: var(--primary);
        }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        background: #e4e6ef;
        color: var(--primary) !important;
    }

    .dark-mode.dark-hor-light .slide-item.active {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .slide-item:hover,
    .slide-item:focus {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #e2e4ec;
    }

    .dark-mode.dark-hor-light .mega-menubg:after {
        border-bottom: 9px solid #e2e4ec;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .mega-menubg.megamenu1:after {
        border-bottom: 9px solid #e2e4ec;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list {
        background: #fff !important;
    }

        .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
            background: #e2e4ec;
        }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #e4e6ef !important;
        color: #3c4858 !important;
    }

        .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
            fill: var(--primary) !important;
            stroke: var(--primary) !important;
        }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #e2e4ec !important;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .mega-menubg {
        background: #e2e4ec !important;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #3c4858;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #e4e6ef;
        color: #3c4858 !important;
    }

    .dark-mode.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background: #dee0e7;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
        background: #dee0e7;
    }

    .dark-mode.dark-hor-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
        color: #8e8f93;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li {
        background-color: #fff;
    }

        .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > a.active {
            background: #f4f6fd !important;
        }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu-list .sub-icon.active .icon_img .active-path {
        fill: var(--primary) !important;
        stroke: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a {
        background: #f4f6fd !important;
        color: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .slide-item.active,
    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .slide-item:hover,
    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .slide-item:focus {
        background: #e4e6ef;
        color: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #e2e4ec;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        background: #e4e6ef;
        color: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
        border-bottom: 9px solid #e2e4ec !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li:hover > a .active-path {
        fill: var(--primary) !important;
        stroke: var(--primary) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
        background: #e4e6ef !important;
        color: #3c4858 !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        background-image: none;
        color: rgba(60, 72, 88, 0.7) !important;
    }

    .dark-mode.header-dark.horizontalmenu-light.dark-hor-light .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        background: #e2e4ec !important;
    }

    .dark-mode.dark-hor-light.header-color.horizontalmenu-light .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #3c4858;
    }
}

/*-----Leftmenu-light----- */
.leftmenu-light .resp-tab-item .svg-1 {
    filter: invert(0.8);
    fill: #000;
}

.leftmenu-light .resp-tab-active .svg-1,
.leftmenu-light .resp-vtabs li:hover .svg-1 {
    filter: inherit !important;
}

.leftmenu-light .first-sidemenu {
    background: #fff;
    border-right: 1px solid #edeff5;
}

.leftmenu-light .resp-tabs-list:before {
    left: -5px;
    background: rgba(210, 215, 231, 0.7);
    z-index: -6;
}

.leftmenu-light .second-sidemenu {
    position: fixed;
    width: 230px;
    background: #f4f6fd;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.1);
}

.leftmenu-light .card.menu-icons {
    box-shadow: none;
    background: 5;
}

.leftmenu-light .side-menu .list-group-item {
    background: 5;
}

.leftmenu-light .second-sidemenu .panel-body {
    padding: 15px;
    background: #f4f6fd;
}

.leftmenu-light .resp-vtabs li.active .side_menu_img.svg-1 {
    filter: inherit !important;
}

.leftmenu-light .resp-vtabs li.resp-tab-active .side-menu__icon {
    background: var(--primary);
    border: 1px solid #2b0cd2 !important;
}

.leftmenu-light .resp-vtabs li.active .side-menu__icon {
    background: var(--primary) !important;
    border: 1px solid var(--primary);
    box-shadow: 0 5px 10px rgba(74, 42, 249, 0.3);
}

.leftmenu-light .line-animations:after {
    background: linear-gradient(to bottom, rgba(34, 5, 191, 0.4) 0%, rgba(34, 5, 191, 0.4) 75%, rgba(34, 5, 191, 0.4) 100%);
    animation: run 40s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    z-index: -3;
    width: 1px;
    left: 32px !important;
}

.leftmenu-light .side-menu__icon {
    background: #ebedf4;
    border: 1px solid #d1d5e2;
}

.leftmenu-light .resp-tab-active.active.resp-tab-item.hor_1 .side-menu__icon {
    background: var(--primary) !important;
    border: 1px solid #2e0ede !important;
    box-shadow: 0 12px 11px -3px rgba(34, 5, 191, 0.1);
}

.leftmenu-light .resp-vtabs li:hover .side-menu__icon {
    background: var(--primary);
    border: 1px solid var(--primary) !important;
}

.leftmenu-light.header-dark .resp-vtabs ul.resp-tabs-list,
.leftmenu-light.header-color .resp-vtabs ul.resp-tabs-list {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.leftmenu-light .resp-vtabs ul.resp-tabs-list {
    border-right: 0 !important;
}

.dark-mode.leftmenu-light .second-sidemenu {
    position: fixed;
    width: 230px;
    background: var(--primary);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.1);
}

    .dark-mode.leftmenu-light .second-sidemenu .panel-body {
        padding: 15px;
        background: var(--primary);
    }

.dark-mode.leftmenu-light .card.menu-icons {
    box-shadow: none;
    background: var(--primary);
}

.dark-mode.leftmenu-light .sidetab-menu .list-group-item.pl-0.pr-0 {
    background-color: var(--primary);
}

.leftmenu-light.dark-mode.sidebar-mini .leftmenu-light .first-sidemenu,
.leftmenu-light.dark-mode.sidebar-mini .resp-vtabs ul.resp-tabs-list {
    border-right: 0 !important;
}

/*-----Leftmenu-Icon Default----- */
@media only screen and (max-width: 991px) {

    .app.sidebar-mini .toggle-sidebar .slide-item.active,
    .app.sidebar-mini .toggle-sidebar .slide-item:hover,
    .app.sidebar-mini .toggle-sidebar .slide-item:focus {
        background: none;
        color: #2733da !important;
    }
}

@media (min-width: 768px) {

    .header-dark .navbar-collapse form[role="search"].active,
    .header-color .navbar-collapse form[role="search"].active {
        border-left: 1px solid rgba(227, 227, 247, 0.2);
    }

    .header-dark .app-header,
    .header-color .app-header {
        border-bottom-color: rgba(234, 240, 247, 0.25);
    }

    .header-dark.leftmenu-icon-light .app-header,
    .header-color.leftmenu-icon-light .app-header {
        border-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .header-dark .app-header {
        border-bottom-color: rgba(234, 240, 247, 0.25);
    }
}

/*-----Leftmenu-Icon Dark----- */
.leftmenu-icon-dark .app-sidebar.toggle-sidebar {
    background: var(--primary);
    border-right: 0px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 0 #181a27;
}

.leftmenu-icon-dark .icon-menu-img {
    background: #2a2f4f;
    border: 1px solid rgba(220, 222, 237, 0.2);
}

.leftmenu-icon-dark .slide-item.active,
.leftmenu-icon-dark .slide-item:hover,
.leftmenu-icon-dark .slide-item:focus {
    color: #007bff !important;
    background: none;
}

@media only screen and (max-width: 991px) {

    .leftmenu-icon-dark.app.sidebar-mini .toggle-sidebar .slide-item.active,
    .leftmenu-icon-dark.app.sidebar-mini .toggle-sidebar .slide-item:hover,
    .leftmenu-icon-dark.app.sidebar-mini .toggle-sidebar .slide-item:focus {
        background: none;
        color: #007bff !important;
    }
}

/*-----Leftmenu-Icon Light----- */
.leftmenu-icon-light .app-sidebar.toggle-sidebar {
    background: #fff;
    border-right: 1px solid #edeff5;
    box-shadow: 0 0 0 0 #181a27;
    border-top-color: #edeff5;
}

.leftmenu-icon-light .side_menu_img.svg-1 {
    filter: invert(0.8);
    fill: #000;
}

.leftmenu-icon-light .icon-menu-img {
    background: #ebedf4;
    border: 1px solid #d1d5e2;
}

.leftmenu-icon-light .resp-tab-active.active.resp-tab-item.hor_1 .icon-menu-img {
    background: var(--primary) !important;
    border: 1px solid #2e0ede !important;
    box-shadow: 0 12px 11px -3px rgba(34, 5, 191, 0.1);
}

.leftmenu-icon-light .slide-item.active,
.leftmenu-icon-light .slide-item:hover,
.leftmenu-icon-light .slide-item:focus {
    color: var(--primary) !important;
    background: none;
}

.leftmenu-icon-light .app-sidebar .toggle-menu .side-menu__item.active {
    color: var(--primary) !important;
    background: #f4f6fd;
}

    .leftmenu-icon-light .app-sidebar .toggle-menu .side-menu__item.active .side_menu_img.svg-1 {
        filter: inherit !important;
    }

.leftmenu-icon-light .app-sidebar .toggle-menu .side-menu__item:hover {
    color: var(--primary) !important;
    background: #f4f6fd;
}

.leftmenu-icon-light .toggle-menu.side-menu li ul li a {
    color: #191919;
    border-top: 0px;
}

.leftmenu-icon-light .app-sidebar ul li a {
    color: #191919;
}

.leftmenu-icon-light .toggle-menu.side-menu li a {
    border-top: 1px solid rgba(42, 47, 79, 0.06);
}

.leftmenu-icon-light .slide.is-expanded .side-menu__item {
    color: var(--primary);
    background: #f4f6fd;
}

.leftmenu-icon-light .app-sidebar .slide-menu .slide-item:hover {
    color: var(--primary);
}

.leftmenu-icon-light.dark-mode .app-sidebar.toggle-sidebar {
    background: #fff !important;
    border-right: 0px solid #edeff5;
    box-shadow: 0 0 0 0 #181a27;
}

.leftmenu-icon-light.dark-mode .angle {
    color: #191919 !important;
}

.leftmenu-icon-light .app-sidebar__user-name,
.leftmenu-icon-light .app-sidebar__user-designation {
    color: #3c4858;
}

.dark-mode.leftmenu-icon-light .slide.is-expanded .side-menu__item {
    color: var(--primary);
    background: #f4f6fd;
}

@media only screen and (max-width: 991px) {

    .leftmenu-icon-light.app.sidebar-mini .toggle-sidebar .slide-item.active,
    .leftmenu-icon-light.app.sidebar-mini .toggle-sidebar .slide-item:hover,
    .leftmenu-icon-light.app.sidebar-mini .toggle-sidebar .slide-item:focus {
        background: none;
        color: var(--primary) !important;
    }
}

@media (min-width: 768px) {
    .dark-mode.header-color.leftmenu-icon-color .app-header {
        border-bottom: 0px;
    }
}

/*-----Leftmenu-Icon Color----- */
.leftmenu-icon-color.dark-mode .app-sidebar {
    background: #150570 !important;
    border-right: 0px solid rgba(232, 235, 241, 0.2);
    border-top: 1px solid rgba(232, 235, 241, 0.1);
}

    .leftmenu-icon-color.dark-mode .app-sidebar .toggle-menu .side-menu__item.active {
        color: #fff !important;
        background: rgba(234, 235, 243, 0.1);
    }

.leftmenu-icon-color.dark-mode .slide-item.active,
.leftmenu-icon-color.dark-mode .slide-item:hover,
.leftmenu-icon-color.dark-mode .slide-item:focus {
    color: #007bff !important;
    background: none;
}

.leftmenu-icon-color.dark-mode .icon-menu-img {
    background: #160472;
    border: 1px solid #5848bb;
}

/*-----Light Boxed----- */
@media (min-width: 1025px) {
    .boxed .page {
        max-width: 1400px;
        margin: 0 auto;
        background: #f6f9fc;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100%;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
    }

    body.boxed {
        background: #f6f9fc !important;
    }

    .boxed .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
        padding: 1rem 1rem 1rem !important;
    }

    .boxed .vh {
        height: 100vh;
    }

    .boxed .horizontal-main {
        max-width: 1400px;
    }

    .boxed .app-header.header {
        max-width: 1400px;
        margin: 0 auto;
    }

    .boxed .app-sidebar {
        position: absolute !important;
    }

        .boxed .app-sidebar.toggle-sidebar {
            z-index: 10;
            position: fixed !important;
            left: auto !important;
        }

    .boxed .second-sidemenu {
        left: auto !important;
        margin-left: 70px;
    }
}

/*-----Dark Boxed----- */
@media (min-width: 1025px) {
    .dark-mode.boxed .page {
        max-width: 1400px;
        margin: 0 auto;
        background: #1e2340;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100%;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 0px 0px, rgba(0, 0, 0, 0.3) 0px 5px 25px 0px;
    }

    body.dark-mode.boxed {
        background: #101323 !important;
    }

    .dark-mode.boxed .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
        padding: 1rem 1rem 1rem !important;
    }

    .dark-mode.boxed .vh {
        height: 100vh;
    }

    .dark-mode.boxed .horizontal-main {
        max-width: 1400px;
    }

    .dark-mode.boxed .app-header.header {
        max-width: 1400px;
        margin: 0 auto;
    }

    .dark-mode.boxed .app-sidebar {
        position: absolute !important;
    }

        .dark-mode.boxed .app-sidebar.toggle-sidebar {
            z-index: 10;
            position: fixed !important;
            left: auto !important;
        }

    .dark-mode.boxed .second-sidemenu {
        left: auto !important;
        margin-left: 70px;
    }
}

.dark-mode .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
    background-color: #0245da;
}

.dark-mode .leftmenu-style-2 .side_menu_img {
    position: absolute;
    height: 20px;
    margin: 10px 23px;
    left: 0;
    right: 0;
    line-height: 8px;
    text-align: center;
    align-items: center;
    line-height: 29px;
    flex: 0 0 auto;
    opacity: 0.6;
    transform: inherit;
}

.dark-mode .leftmenu-style-2 .resp-vtabs .resp-tabs-list li {
    padding: 13px 13px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    border-left: 0 !important;
    border: 0 !important;
    line-height: 0;
    transform: inherit;
}

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

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

.dark-mode .mail-chats {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode select option {
    margin: 40px;
    background: var(--primary);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.dark-mode .horizontalMenucontainer .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active {
    color: #007bff !important;
}

@media (min-width: 576px) {
    .dark-mode .header-brand-img.dark-theme {
        display: block !important;
    }
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
    background-color: rgba(239, 241, 245, 0.1) !important;
}

.dark-mode .table-hover tbody tr:hover {
    color: #fff;
}

.dark-mode .dropdown-menu .dropdown-plus-title {
    border: 0 solid #454a67;
}

.dark-mode .tab-menu-heading .nav.panel-tabs a.active {
    background: #0245da !important;
    border-bottom: 0 !important;
}

.dark-mode .pricing1 .list-unstyled li {
    border-bottom: 1px solid #3b3f5d;
}

/*# sourceMappingURL=skins.css.map */