/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/*------------------------------------------------------------------
[Dark-stylesheet Stylesheet]

Project        :   Reconxn - HTML5 Bootstrap Admin Template
Version        :   V.1
Create Date    :   05/02/20
Copyright      :   Spruko Technologies Private Limited 
Author         :   SprukoSoft
Author URL     :   https://themeforest.net/user/sprukosoft
Support	       :   support@spruko.com
License        :   Licensed under ThemeForest License

-------------------------------------------------------------------*/
/* ------ Table Of Contents
	** FONTS IMPORT
	** BOOTSTRAP FRAMEWORK
	** COMPONENT COLS & ROWS
	** TABLE STYLES
	** FROM ELEMENTS
	** BUTTON STYLES
	** DROPDOWN STYLES
	** INPUT GROUP
	** CUSTOM CONTROL
	** NAVIGATION
	** CARD STYLES
	** ACCORDION
	** BREADCRUMB
	** PAGINATION
	** BADGES
	** JUMBOTRON
	** ALERTS
	** LIST GROUP
	** TOAST & MODAL
	** TOOLTIP & POPOVER
	** CAROUSEL
	** DEFAULT ELEMENTS
	** DATE PICKER
	** WIZARD ELEMENTS
	** JQMAP
	** RANGE SLIDER
	** PERFECT SCROLLBAR
	** SELECT2
	** SPECTRUM
	** DATE PICKER
	** CUSTOM STYLES
	** BACKGROUNDS
	** BORDERS
	** HEIGHT
	** MARGIN
	** MARGIN & PADDING
	** POSITION & VALUES
	** TEXT SIZES & FONTS
	** CUSTOM CSS

	
/*---FONTS IMPORT --- */
body.dark-theme {
    color: #fff !important;
    background: #141b2d;
}

.dark-theme .br-dark {
    border-left-color: rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .badge.bg-light {
    color: #fff;
}

.dark-theme .card-signin h1 {
    color: white !important;
}

.dark-theme .card-signin h2 {
    color: #0D1C48 !important;
}

.dark-theme .bg-white {
    background-color: #141b2d !important;
}

.dark-theme .card {
    background: #1f2940 !important;
    border: 1px solid #1f2940 !important;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
}

.dark-theme .main-header {
    background: #1f2940;
    border-bottom: 1px solid rgba(222, 228, 236, 0.1);
    box-shadow: 0 0 10px rgba(20, 28, 43, 0.8);
}

.dark-theme .side-header {
    border-right: 0;
}

.dark-theme .main-header-message > a,
.dark-theme .main-header-notification > a,
.dark-theme .nav-item.full-screen > a,
.dark-theme .card-title {
    color: #fff;
}

.dark-theme .card-dashboard-audience-metrics .card-header,
.dark-theme .card-dashboard-audience-metrics .card-body {
    background-color: #1f2940;
}

.dark-theme .card-header {
    background-color: #1f2940;
    border-bottom: 0;
}

.dark-theme .border-bottom {
    border-bottom: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .border-top {
    border-top: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .border-right {
    border-right: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .border-left {
    border-left: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .border {
    border: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .table tbody tr,
.dark-theme .table-bordered thead th {
    background-color: #1f2940;
}

.table-bordered thead td {
    background-color: #1f2940;
}

.dark-theme .table {
    color: rgba(255, 255, 255, 0.7);
}

.dark-theme .table-bordered {
    border: 1px solid rgba(234, 236, 241, 0.1) !important;
}

    .dark-theme .table-bordered th,
    .dark-theme .table-bordered td {
        border: 1px solid rgba(234, 236, 241, 0.1);
    }

.dark-theme .card-dashboard-audience-metrics .card-body h4 {
    color: #fcfcfd;
}

.dark-theme .progress {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .card-dashboard-audience-metrics .flot-chart .flot-x-axis > div span:last-child {
    color: #b9c6de;
}

.dark-theme .main-footer {
    background-color: #1f2940;
    border-top: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .sidebar.sidebar-right {
    box-shadow: 5px 7px 26px -5px #030f2d !important;
}

.dark-theme .sidebar .tabs-menu ul {
    border-bottom: 1px solid rgba(235, 234, 241, 0.1);
}

.dark-theme .chat .contacts li {
    border-bottom: 1px solid rgba(227, 227, 247, 0.1);
}

.dark-theme .form-control {
    color: #fff;
    background-color: #232e48;
    border: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .list-group-item {
    background-color: #1f2940;
    border: 1px solid rgba(234, 237, 241, 0.1);
    color: #fff !important;
}

.dark-theme .main-header-center .form-control {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .main-header form[role="search"].active input {
    background: #1f2940;
}

.dark-theme .main-header form[role="search"] button[type="reset"] {
    background: transparent;
}

.dark-theme .main-header .input-group-btn .btn:hover i {
    color: #fff;
}

.dark-theme .main-header-notification .dropdown-menu {
    background-color: #1f2940;
}

.dark-theme .notification-label {
    color: #fff;
}

.dark-theme .main-notification-list a:hover,
.dark-theme .main-message-list a:hover {
    background: rgba(255, 255, 255, 0.05);
}

.dark-theme .nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0px 0px 15px 1px #041138;
    box-shadow: 0px 0px 15px 1px #041138;
}

.dark-theme .notification-subtext {
    color: rgba(255, 255, 255, 0.3);
}

.dark-theme .main-header-message .dropdown-footer,
.dark-theme .main-header-notification .dropdown-footer {
    border-top: 1px solid rgba(220, 225, 239, 0.1);
    background: #262e44;
}

.dark-theme .dropdown-menu {
    color: #fff;
    background-color: #1f2940;
    border: 1px solid rgba(138, 153, 191, 0.125);
}

.dark-theme .main-message-list a .name {
    color: #fff;
}

.dark-theme .main-message-list a .time,
.dark-theme .main-message-list a .desc {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .task-line a {
    color: #fff;
}

.dark-theme .latest-tasks .nav-tabs .nav-link {
    color: #7987a1;
    background: transparent;
}

.dark-theme .chips p {
    color: rgba(255, 255, 255, 0.5);
}

.dark-theme .chip {
    color: #fff;
    background-color: rgba(245, 246, 251, 0.1);
}

@media (min-width: 1245px) {
    .dark-theme .main-header-center .form-control {
        border-color: rgba(255, 255, 255, 0.1) !important;
        background-color: #29344e !important;
    }
}

.chip:hover {
    background: #8485fb;
    color: #fff;
}

.dark-theme .latest-tasks .check-box .ckbox span:before {
    border: 1px solid rgba(217, 226, 255, 0.1);
}

.dark-theme .table th,
.dark-theme .table td {
    border-top: 1px solid rgba(227, 231, 237, 0.1);
}

.dark-theme #global-loader {
    background: #1a233a;
}

.dark-theme .app-sidebar {
    background: #1f2940;
    border-top: 0;
    box-shadow: 0 0 10px rgba(20, 28, 43, 0.8);
    border-right: 1px solid rgba(222, 228, 236, 0.1);
}

.dark-theme .main-sidebar-header {
    background: #1f2940;
    background: #1f2940;
}

.dark-theme .side-menu__label,
.dark-theme .side-menu .side-menu__icon {
    color: #a0aac3;
    fill: #a0aac3;
}

.dark-theme .app-sidebar__user .user-info h4 {
    color: #fff !important;
}

.dark-theme .side-menu h3 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-theme .main-sidebar-header {
    border-bottom: 1px solid rgba(222, 228, 236, 0.1);
    border-right: 1px solid rgba(222, 228, 236, 0.1);
}

.dark-theme .main-sidebar-loggedin .media-body h6 {
    color: #fff;
}

.dark-theme .app-sidebar .slide.active .side-menu__item {
    background: transparent;
}

.dark-theme .slide.is-expanded {
    background: transparent;
}

    .dark-theme .slide.is-expanded a {
        color: rgba(255, 255, 255, 0.6);
    }

.dark-theme .side-menu__item {
    color: rgba(255, 255, 255, 0.7);
}

.dark-theme .app-sidebar__user .user-pro-body img {
    border: 2px solid #0caadf;
    background: rgba(109, 110, 243, 0.2);
}

.dark-theme .slide.is-expanded:before {
    background: rgba(227, 231, 237, 0.1);
}

.dark-theme .slide-menu .slide-item:before {
    border-color: #6d7582;
}

.dark-theme .main-logo,
.dark-theme .logo-1,
.dark-theme .desktop-logo.active.logo-light {
    display: none;
}

    .dark-theme .main-logo.dark-theme {
        display: block;
    }

.dark-theme .desktop-logo {
    margin: 0 auto;
}

.dark-theme .open-toggle svg g,
.dark-theme .close-toggle svg g {
    fill: #fff;
}

.dark-theme .angle {
    color: rgba(255, 255, 255, 0.2) !important;
}

.dark-theme .main-header-center .btn:hover,
.dark-theme .main-header-center .sp-container button:hover {
    color: #fff;
}

.dark-theme .sp-container .main-header-center button:hover {
    color: #fff;
}

.dark-theme .main-header-center .btn:focus,
.dark-theme .main-header-center .sp-container button:focus {
    color: #fff;
}

.dark-theme .sp-container .main-header-center button:focus,
.dark-theme .main-header .input-group-btn .btn i {
    color: #fff;
}

.dark-theme .main-mail-item {
    border-top: 1px solid rgba(227, 231, 237, 0.1);
    border-bottom: 1px solid rgba(227, 231, 237, 0.1);
}

    .dark-theme .main-mail-item.unread {
        background-color: #1f2940;
    }

.dark-theme .main-content-title {
    color: #fff;
}

.dark-theme .main-mail-options {
    border: 1px solid rgba(226, 232, 245, 0.1);
    border-bottom: 0;
}

.dark-theme .main-mail-list {
    border: 1px solid rgba(227, 231, 237, 0.1);
}

.dark-theme .main-mail-item {
    background-color: #1f2940;
}

.dark-theme .main-mail-subject strong {
    color: rgba(255, 255, 255, 0.7);
}

.dark-theme .ckbox span:before {
    background-color: rgba(227, 231, 237, 0.1);
    border: 1px solid rgba(227, 231, 237, 0.1);
}

.dark-theme .main-mail-star {
    color: rgba(255, 255, 255, 0.1);
}

.dark-theme .main-nav-column .nav-link {
    color: #7987a1;
}

    .dark-theme .main-nav-column .nav-link:hover,
    .dark-theme .main-nav-column .nav-link:focus {
        color: #fff;
    }

.dark-theme .btn-light {
    color: #fff;
    background-color: rgba(226, 232, 245, 0.1);
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .main-nav-column .nav-link:hover i:not([class*=" tx-"]),
.dark-theme .main-nav-column .nav-link:focus i:not([class*=" tx-"]) {
    color: #fff;
}

.dark-theme .main-nav-column .nav-link + .nav-link {
    border-top: 1px dotted rgba(180, 189, 206, 0.3);
}

.dark-theme .nav-search .input-group-text {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
}

.dark-theme .main-nav-column .nav-link.active {
    color: #0D1C48 !important;
}

    .dark-theme .main-nav-column .nav-link.active:hover,
    .dark-theme .main-nav-column .nav-link.active:focus {
        color: #0D1C48 !important;
    }

.dark-theme .main-mail-header .btn-group .btn {
    border-color: #555c6e;
    background-color: #555c6e;
}

/*----- Left-Sidemenu -----*/
@media (max-width: 991px) and (min-width: 574px) {

    .dark-theme .responsive-logo .dark-logo-2,
    .dark-theme .responsive-logo .logo-2 {
        display: none;
    }

    .dark-theme .responsive-logo .dark-logo-1 {
        height: 2rem;
    }
}

@media (max-width: 574px) {
    .dark-theme .responsive-logo .logo-2 {
        display: none;
    }

    .dark-theme .responsive-logo .dark-logo-2 {
        display: block;
        height: 2.5rem;
    }

    .dark-theme .responsive-logo .dark-logo-1 {
        display: none;
    }
}

/*----- Left-Sidemenu -----*/
.main-mail-header .btn-group .sp-container button,
.sp-container .main-mail-header .btn-group button {
    border-color: #555c6e;
    background-color: #555c6e;
}

.dark-theme .main-mail-header .btn-group .btn.disabled,
.dark-theme .main-mail-header .btn-group .sp-container button.disabled {
    background-color: #555c6e;
    color: #e2e8f5;
    border-color: #555c6e;
}

.dark-theme .sp-container .main-mail-header .btn-group button.disabled {
    background-color: #555c6e;
    color: #e2e8f5;
    border-color: #555c6e;
}

.dark-theme .main-mail-header .btn-group .btn:hover,
.dark-theme .main-mail-header .btn-group .sp-container button:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-left: 0;
}

.dark-theme .sp-container .main-mail-header .btn-group button:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-left: 0;
}

.dark-theme .main-mail-header .btn-group .btn:focus,
.dark-theme .main-mail-header .btn-group .sp-container button:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-left: 0;
}

.dark-theme .sp-container .main-mail-header .btn-group button:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-left: 0;
}

.dark-theme .card-header,
.dark-theme .card-footer {
    position: relative;
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme hr {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .main-content-label,
.dark-theme .card-table-two .card-title,
.dark-theme .card-dashboard-eight .card-title {
    color: #fff;
}

.dark-theme .form-label {
    color: #cfdaec;
}

.dark-theme .select2-container--default .select2-selection--single {
    background-color: #232e48;
    border-color: rgba(226, 232, 245, 0.1);
}

    .dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #cfdaec;
    }

.dark-theme .select2-dropdown {
    background-color: #1f2940;
    border-color: rgba(255, 255, 255, 0.05);
}

.dark-theme .select2-container--default .select2-results__option {
    color: #cfdaec;
}

.dark-theme .select2-container--default .select2-results__option--selected,
.dark-theme .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #2a2215 !important;
    color: #e9eaec !important;
}

.dark-theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #C9A96E !important;
    color: #fff !important;
}

.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(226, 232, 245, 0.2);
    background: #1f2940;
    color: #fff;
}

.dark-theme .main-nav-line-chat {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1) !important;
}

.dark-theme .main-nav-line .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .main-chat-msg-name h6 {
    color: #fff;
}

.dark-theme .main-chat-header {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
    box-shadow: 2px 3px 14px #1a233a;
}

.dark-theme .main-nav-line-chat .nav-link.active {
    color: #0D1C48 !important;
    background: transparent;
}

.dark-theme .main-chat-contacts-more {
    background-color: #0D1C48;
}

.dark-theme .main-chat-list .media {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

    .dark-theme .main-chat-list .media.new {
        background-color: #1f2940;
    }

        .dark-theme .main-chat-list .media.new .media-body p {
            color: #a9b2c7;
        }

        .dark-theme .main-chat-list .media.new .media-contact-name span:first-child {
            color: #f3f6fb;
        }

.dark-theme .main-chat-list .media-contact-name span:first-child {
    color: #fff !important;
}

.dark-theme .main-chat-list .media.selected {
    background-color: rgba(243, 246, 251, 0.1);
}

.dark-theme .main-chat-contacts-wrapper {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .main-chat-list .media:hover,
.dark-theme .main-chat-list .media:focus {
    background-color: rgba(252, 252, 252, 0.05);
}

.dark-theme .main-chat-list .media.selected .media-body p {
    color: #b7bfd2;
}

.dark-theme .main-msg-wrapper {
    background-color: rgba(226, 232, 245, 0.1);
    color: #fff;
}

.dark-theme .main-chat-footer {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
    background-color: #24304c;
    z-index: 999;
}

    .dark-theme .main-chat-footer .form-control {
        background: transparent;
        border-color: transparent;
    }

.dark-theme .irs-line-mid,
.dark-theme .irs-line-left,
.dark-theme .irs-line-right {
    background-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .irs-min,
.dark-theme .irs-max {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.dark-theme .main-calendar .fc-header-toolbar h2 {
    color: #fff;
}

.dark-theme .ui-datepicker {
    background-color: #1f2940;
    box-shadow: 0 0 24px rgba(20, 28, 43, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .dark-theme .ui-datepicker .ui-datepicker-calendar td {
        border: 1px solid rgba(255, 255, 255, 0.1);
        background-color: #1f2940;
    }

        .dark-theme .ui-datepicker .ui-datepicker-calendar td span,
        .dark-theme .ui-datepicker .ui-datepicker-calendar td a {
            color: rgba(255, 255, 255, 0.4);
        }

    .dark-theme .ui-datepicker .ui-datepicker-title,
    .dark-theme .ui-datepicker .ui-datepicker-calendar th {
        color: #fff;
    }

.dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
    color: #fafcff;
}

.dark-theme .card--calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid rgba(227, 227, 227, 0.1);
}

.dark-theme .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #0D1C48;
    color: #fff;
}

.dark-theme .main-calendar .fc-view > table {
    background-color: #1f2940;
}

.dark-theme .main-calendar .fc-head-container .fc-day-header {
    color: #fff;
}

.dark-theme .main-calendar .fc-view .fc-day-number {
    color: #fff;
}

.dark-theme .main-calendar .fc-view .fc-other-month {
    background-color: rgba(40, 92, 247, 0.07);
}

.dark-theme .main-calendar .fc-content {
    border-color: rgba(226, 232, 245, 0.1);
}

.main-calendar .fc-divider {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .main-calendar .fc-list-heading td,
.dark-theme .main-calendar .fc-list-view,
.dark-theme .main-calendar .fc-popover,
.dark-theme .main-calendar .fc-row,
.dark-theme .main-calendar tbody,
.dark-theme .main-calendar td {
    border-color: rgba(226, 232, 245, 0.1);
}

.main-calendar th {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .main-calendar thead {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .main-calendar .fc-view .fc-day-number:hover,
.dark-theme .main-calendar .fc-view .fc-day-number:focus {
    color: #fff;
    background-color: transparent;
}

.dark-theme .main-calendar td.fc-today {
    background-color: #0D1C48;
}

.dark-theme .main-calendar .fc-view > table > thead th,
.dark-theme .main-calendar .fc-view > table > thead td {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .main-calendar .fc-view > table > tbody > tr > td {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .main-calendar .fc-header-toolbar button {
    background-color: #384361;
    border: 1px solid rgba(226, 232, 245, 0.1);
}

    .dark-theme .main-calendar .fc-header-toolbar button.fc-state-active {
        background-color: #0D1C48;
    }

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    background-color: #333d5a;
}

.dark-theme .fc-unthemed .fc-divider,
.dark-theme .fc-unthemed .fc-list-heading td,
.dark-theme .fc-unthemed .fc-popover .fc-header {
    background: #384361;
}

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a,
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
    color: #fff;
}

.dark-theme .main-contact-info-header .media-body p,
.dark-theme .tx-inverse {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .contact-icon:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-theme .main-contact-info-header {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .main-contact-info-body .media-body span {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .main-contact-info-body .media-body label {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .main-contact-info-body .media + .media::before {
    border-top: 1px dotted rgba(226, 232, 245, 0.2);
}

.dark-theme .main-contact-body span {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .main-contact-body h6 {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .main-contact-item.selected {
    border-left-color: #0D1C48;
    border-top-color: rgba(226, 232, 245, 0.01) !important;
    border-bottom-color: rgba(226, 232, 245, 0.01) !important;
    background-color: #2a3754;
}

.dark-theme .main-contact-item + .main-contact-item {
    border-top-color: rgba(227, 231, 237, 0.19);
}

    .dark-theme .main-contact-item + .main-contact-item::before {
        border-top: 1px solid rgba(227, 231, 237, 0.05);
    }

.dark-theme .main-contact-item:hover,
.dark-theme .main-contact-item:focus {
    background-color: #2a3754;
    border-top-color: rgba(227, 231, 237, 0.1);
    border-bottom-color: rgba(227, 231, 237, 0.1);
}

.dark-theme .main-contact-label::after {
    border-bottom: 1px solid rgba(227, 231, 237, 0.1);
}

.dark-theme #ui_notifIt.default {
    background-color: #3e465b;
    border: 1px solid rgba(227, 231, 237, 0.19);
}

.dark-theme .notifit_confirm,
.dark-theme .notifit_prompt {
    background-color: #3e465b;
}

.dark-theme .alert .close {
    color: #fff;
    opacity: 0.7;
}

.dark-theme .tree li {
    color: rgba(255, 255, 255, 0.4);
}

    .dark-theme .tree li a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.8);
    }

.dark-theme .tree ul li:last-child:before {
    background: #1f2940;
}

.dark-theme .tree ul:before {
    border-left: 1px solid rgba(227, 227, 227, 0.2);
}

.dark-theme .tree ul li:before {
    border-top: 1px solid rgba(227, 227, 227, 0.2);
}

.dark-theme .text-muted {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-theme .main-icon-group {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .table thead th {
    border-bottom: 1px solid rgba(227, 231, 237, 0.1);
    border-top: 0 !important;
    color: #fff;
}

.dark-theme .table-hover tbody tr:hover {
    color: #fff;
    background-color: #25304a !important;
}

.dark-theme table.dataTable {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

    .dark-theme table.dataTable tbody td.sorting_1 {
        background-color: #1f2940;
    }

    .dark-theme table.dataTable thead th,
    .dark-theme table.dataTable thead td {
        color: #fff;
    }

    .dark-theme table.dataTable thead .sorting_asc,
    .dark-theme table.dataTable thead .sorting_desc {
        background-color: #25304a;
    }

    .dark-theme table.dataTable thead .sorting_asc::after,
    .dark-theme table.dataTable thead .sorting_desc::after,
    .dark-theme table.dataTable thead .sorting::before,
    .dark-theme table.dataTable thead .sorting::after {
        color: #C9A96E !important;
    }

.dark-theme #example-delete.table thead th {
    border-bottom: 0;
}

.dark-theme .dataTables_wrapper .dataTables_length,
.dark-theme .dataTables_wrapper .dataTables_filter,
.dark-theme .dataTables_wrapper .dataTables_info,
.dark-theme .dataTables_wrapper .dataTables_processing,
.dark-theme .dataTables_wrapper .dataTables_paginate {
    color: #fff;
}

    .dark-theme .dataTables_wrapper .dataTables_filter input {
        border: 1px solid rgba(226, 232, 245, 0.2);
    }

    .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
        background-color: transparent;
    }

.dark-theme .page-link {
    color: #fff;
    background-color: #27334e;
}

.dark-theme .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    background-color: #212b42;
    color: #45516b;
}

.dark-theme select option {
    background: #1f2940;
}

.dark-theme table.dataTable tbody tr.selected {
    background: #25304a;
}

.dark-theme .example {
    padding: 1rem;
    border: 1px solid rgba(225, 230, 241, 0.1);
}

.dark-theme #basic-alert .alert .close,
.dark-theme #dismiss-alerts .alert .close {
    color: #000;
    opacity: 0.3;
}

.dark-theme #icon-dismissalerts .alert .close {
    color: #000;
    opacity: 0.3;
}

.dark-theme #icon-dismissalerts .alert-default.alert-dismissible .close {
    color: #fff;
}

.dark-theme .main-table-reference > thead > tr > th,
.dark-theme .main-table-reference > thead > tr > td {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .main-table-reference > tbody > tr > th,
.dark-theme .main-table-reference > tbody > tr > td {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme pre {
    color: #dfe1ef;
    background-color: #141b2d;
    text-shadow: 0 1px #242266;
}

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

.dark-theme .token {
    color: #dc2a2a;
}

    .dark-theme .token.selector,
    .dark-theme .token.attr-name,
    .dark-theme .token.string,
    .dark-theme .token.char,
    .dark-theme .token.builtin,
    .dark-theme .token.inserted {
        color: #4e9cf1;
    }

    .dark-theme .token.atrule,
    .dark-theme .token.attr-value,
    .dark-theme .token.keyword {
        color: #e40dae;
    }

    .dark-theme .token.operator,
    .dark-theme .token.entity,
    .dark-theme .token.url {
        color: #ecc494;
        background: rgba(255, 255, 255, 0.1);
    }

.dark-theme .language-css .token.string,
.dark-theme.style .token.string {
    color: #ecc494;
    background: rgba(255, 255, 255, 0.1);
}

.dark-theme .highlight {
    border: 1px solid #141b2d !important;
    background: #191f3a;
}

.dark-theme .clipboard-icon {
    background: #141b2d;
    border: 1px solid rgba(225, 230, 241, 0.1);
}

.dark-theme .main-table-reference {
    background: transparent;
}

    .dark-theme .main-table-reference > thead > tr > th,
    .dark-theme .main-table-reference > thead > tr > td {
        background: #293652 !important;
        border: 1px solid rgba(225, 230, 241, 0.1) !important;
    }

.dark-theme .breadcrumb-style1 .breadcrumb-item a,
.dark-theme .breadcrumb-style2 .breadcrumb-item a,
.dark-theme .breadcrumb-style3 .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .dropdown-item {
    color: rgba(255, 255, 255, 0.6);
}

    .dark-theme .dropdown-item:hover,
    .dark-theme .dropdown-item:focus {
        background: #233152;
    }

.dark-theme .dropdown-divider {
    border-top: 1px solid rgba(227, 231, 237, 0.16);
}

.dark-theme .img-thumbnail {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(226, 232, 245, 0.1);
}

    .dark-theme .img-thumbnail p {
        color: rgba(255, 255, 255, 0.5);
        font-size: 13px;
    }

.dark-theme .bd {
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .bg-light {
    background-color: #28344e !important;
}

.dark-theme .main-nav .nav-link:hover,
.dark-theme .main-nav .nav-link:focus {
    color: #fff;
}

.dark-theme .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

    .dark-theme .nav-pills .nav-link:hover,
    .dark-theme .nav-pills .nav-link:focus {
        color: #fff;
    }

    .dark-theme .nav-pills .nav-link.active {
        color: #fff !important;
    }

.dark-theme .main-nav .nav-link {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .bg-gray-300 {
    background-color: #323b54;
}

.dark-theme #tab .bg-gray-300 {
    background-color: #37415f;
    border-bottom: 1px solid #404563;
}

.dark-theme .nav-tabs .nav-link {
    color: white;
}

    .dark-theme .nav-tabs .nav-link.active,
    .dark-theme .nav-tabs .nav-link:hover,
    .dark-theme .nav-tabs .nav-link:focus {
        background-color: #0D1C48;
        color: #fff;
    }

.dark-theme .popover-static-demo {
    background-color: #141b2d;
}

.dark-theme .popover {
    background-color: #373e52;
    border: 1px solid #333c52;
}

.dark-theme .popover-body {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .popover-header {
    color: rgba(255, 255, 255, 0.7);
    background-color: #373e52;
    border-color: rgba(133, 140, 152, 0.2);
}

.dark-theme .bs-popover-top > .popover-arrow::before,
.dark-theme .bs-popover-auto[x-placement^="top"] > .popover-arrow::before {
    border-top-color: #4e566d;
}

.dark-theme .bs-popover-top > .popover-arrow::after,
.dark-theme .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
    border-top-color: #373e52;
}

.dark-theme .bs-popover-bottom > .popover-arrow::after,
.dark-theme .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after {
    border-bottom-color: #373e52;
}

.dark-theme .bs-popover-bottom > .popover-arrow::before,
.dark-theme .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before {
    border-bottom-color: #4e566d;
}

.dark-theme .bs-popover-start > .popover-arrow::after,
.dark-theme .bs-popover-auto[x-placement^="left"] > .popover-arrow::after,
.dark-theme .bs-popover-start > .popover-arrow::after,
.dark-theme .bs-popover-auto[x-placement^="left"] > .popover-arrow::after {
    border-left-color: #373e52;
}

.dark-theme .bs-popover-end > .popover-arrow::after,
.dark-theme .bs-popover-auto[x-placement^="right"] > .popover-arrow::after {
    border-right-color: #373e52;
}

.dark-theme .bs-popover-end > .popover-arrow::before,
.dark-theme .bs-popover-auto[x-placement^="right"] > .popover-arrow::before {
    border-right-color: #4e566d;
}

.dark-theme .bs-popover-start > .popover-arrow::before,
.dark-theme .bs-popover-auto[x-placement^="left"] > .popover-arrow::before {
    border-left-color: #4e566d;
}

.dark-theme .bg-gray-200 {
    background-color: #141b2d;
}

.dark-theme .media-body {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3);
}

.dark-theme .bg-gray-100 {
    background-color: #141b2d;
}

.dark-theme .tooltip-static-demo {
    background-color: #141b2d;
}

.dark-theme .toast-header {
    border-bottom-color: rgba(205, 212, 224, 0.2);
}

.dark-theme .toast {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(84, 90, 109, 0.7);
}

.dark-theme .toast-header {
    color: rgba(255, 255, 255, 0.58);
    background: #141b2d;
}

.dark-theme .bootstrap-tagsinput {
    background-color: #141b2d;
}

    .dark-theme .bootstrap-tagsinput .badge {
        margin: 11px 0 12px 10px;
    }

.dark-theme .tag {
    color: #fff;
    background-color: rgba(239, 239, 245, 0.1);
}

.dark-theme .accordion .card-header a {
    color: #fff;
    background-color: #232f4c;
}

.dark-theme .accordion .card-body {
    background-color: #232f4c;
}

.dark-theme .accordion .card-header a.collapsed:hover,
.dark-theme .accordion .card-header a.collapsed:focus {
    color: #fff;
    background-color: #0D1C48;
}

.dark-theme .modal-content {
    background-color: #1f2940;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.dark-theme .modal-header {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .modal-title {
    color: #fff;
}

.dark-theme .modal-footer {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .close {
    color: #f7f6f6;
    text-shadow: 0 1px 0 #18213c;
}

.dark-theme .modal-content-demo .modal-body h6 {
    color: #fff;
}

.dark-theme .vtimeline .timeline-wrapper .timeline-panel {
    background: #141b2d;
    box-shadow: 0 8px 16px 0 rgba(47, 53, 84, 0.24);
}

.dark-theme .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right: 14px solid #141b2d;
    border-left: 0 solid #141b2d;
}

.dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
    border-left: 14px solid #141b2d;
    border-right: 0 solid #141b2d;
}

.dark-theme .vtimeline:before {
    background-color: #141b2d;
}

.dark-theme .timeline-body {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .sweet-alert {
    background-color: #1f2940;
}

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

.dark-theme .btn-outline-light {
    border-color: rgba(151, 163, 185, 0.2);
    color: #97a3b9;
}

    .dark-theme .btn-outline-light:hover,
    .dark-theme .btn-outline-light:focus {
        background-color: #3d4765 !important;
        border: 1px solid #455177 !important;
        box-shadow: none !important;
        color: #fff !important;
    }

.dark-theme .dropdown .fe-more-vertical {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .main-content-body-profile .nav {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .card-body + .card-body {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .rating-stars input {
    color: #fff;
    background-color: #141b2d;
    border: 1px solid rgba(234, 237, 241, 0.1);
}

.dark-theme .rating-stars .rating-stars-container .rating-star {
    color: #2e3954;
}

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

.dark-theme .br-theme-bars-horizontal .br-widget a.br-active,
.dark-theme .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: #0D1C48 !important;
}

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

.dark-theme .br-theme-bars-1to10 .br-widget a,
.dark-theme .br-theme-bars-movie .br-widget a,
.dark-theme .br-theme-bars-horizontal .br-widget a {
    background-color: #2e3954;
}

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

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

.dark-theme .br-theme-bars-square .br-widget a {
    border: 2px solid #4f576f;
    background-color: #141b2d;
    color: #8694a5;
}

    .dark-theme .br-theme-bars-square .br-widget a.br-active,
    .dark-theme .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid #0D1C48;
        color: #0D1C48;
    }

.dark-theme .br-theme-bars-pill .br-widget a {
    background-color: #141b2d;
}

.dark-theme .custom-file-label {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

    .dark-theme .custom-file-label::after {
        color: #fff;
        background-color: #0D1C48;
        border: 1px solid #0D1C48;
    }

.dark-theme .input-group-text {
    color: rgba(255, 255, 255, 0.5);
    background-color: #273450;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.dark-theme .sp-replacer {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: #2d3653;
}

    .dark-theme .sp-replacer:hover,
    .dark-theme .sp-replacer:focus {
        border-color: rgba(255, 255, 255, 0.2);
    }

.dark-theme .sp-container {
    background-color: #1f2940;
    border-color: rgba(226, 232, 245, 0.2);
}

.dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

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

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #C9A96E !important;
    border-color: transparent !important;
    color: #fff !important;
}

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #fff !important;
}

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    opacity: 0.7;
    border-right-color: rgba(255, 255, 255, 0.35) !important;
}

.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.dark-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: #fff !important;
    opacity: 1;
}

.dark-theme .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .SumoSelect > .CaptionCont {
    border: 1px solid rgba(225, 230, 241, 0.1);
    color: #99a6b7;
    background-color: #242f4a;
}

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

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

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

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

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

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

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

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

.dark-theme .dropify-wrapper {
    background-color: #242f4a;
    border: 1px solid rgba(239, 242, 247, 0.07);
    color: #fff;
}

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

    .dark-theme .dropify-wrapper:hover {
        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-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
    border: 2px dashed #5e6882;
    background-color: #242f4a;
    background-image: url(../plugins/fancyuploder/fancy_upload-dark.png);
}

    .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
    .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
    .dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:active {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.1);
    }

.dark-theme .main-form-group {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

    .dark-theme .main-form-group .form-control {
        padding: 0 15px;
    }

.dark-theme .parsley-style-1 .parsley-input.parsley-error .form-control,
.dark-theme .parsley-style-1 .parsley-checkbox.parsley-error,
.dark-theme .parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single {
    background-color: #141b2d;
}

.dark-theme .wizard {
    border: 1px solid rgba(227, 231, 237, 0.1);
    background-color: #141b2d;
}

    .dark-theme .wizard > .steps a .number,
    .dark-theme .wizard > .steps a:hover .number,
    .dark-theme .wizard > .steps a:active .number {
        background-color: #30355d;
    }

    .dark-theme .wizard > .content {
        border-top: 1px solid rgba(227, 231, 237, 0.1);
        border-bottom: 1px solid rgba(227, 231, 237, 0.1);
    }

        .dark-theme .wizard > .content > .title {
            color: #fff;
        }

.dark-theme #wizard3.wizard.vertical > .content {
    border-top: 0;
    border-bottom: 0;
}

.dark-theme .ql-scrolling-demo {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .dark-theme .ql-scrolling-demo .ql-container .ql-editor {
        color: rgba(255, 255, 255, 0.8);
    }

.dark-theme .ql-snow .ql-picker-label {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #141b2d;
}

.dark-theme .ql-snow .ql-stroke {
    stroke: rgba(255, 255, 255, 0.8);
}

.dark-theme .ql-snow .ql-editor,
.dark-theme .ql-snow.ql-toolbar button {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .ql-snow .ql-picker {
    color: rgba(255, 255, 255, 0.5);
}

.dark-theme .ql-snow.ql-toolbar {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-theme .ql-snow.ql-container {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .ql-snow .ql-picker-options {
    background-color: #1f2940;
}

.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #545b6d;
}

.dark-theme #modalQuill .modal-header {
    border-bottom: 0;
}

.dark-theme .main-profile-work-list .media-body h6 {
    color: #fff;
}

.dark-theme .main-profile-work-list .media-body p {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme .main-profile-contact-list .media-body div {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .main-profile-contact-list .media-body span {
    color: #fff;
}

.dark-theme .plan-icon {
    border: 1px solid rgba(245, 246, 251, 0.1);
    background: rgba(245, 246, 251, 0.1);
}

.dark-theme .bg-success-transparent {
    background-color: rgba(77, 236, 146, 0.17) !important;
}

.dark-theme .bg-warning-transparent {
    background-color: rgba(245, 222, 143, 0.1) !important;
}

.dark-theme .bg-pink-transparent {
    background-color: rgba(249, 123, 184, 0.1) !important;
}

.dark-theme .bg-teal-transparent {
    background-color: rgba(166, 243, 243, 0.12) !important;
}

.dark-theme .bg-purple-transparent {
    background-color: rgba(163, 154, 249, 0.1) !important;
}

.dark-theme .bg-danger-transparent {
    background-color: rgba(243, 161, 161, 0.1) !important;
}

.dark-theme .main-profile-name,
.dark-theme .main-profile-body .media-body h6 {
    color: #fbfcff;
}

.dark-theme .main-profile-social-list .media-body a {
    color: #fff;
    opacity: 0.5;
}

.dark-theme .profile-footer a {
    background: #141b2d;
    color: #fff;
}

.dark-theme .billed-from h6 {
    color: #f4f5f8;
}

.dark-theme .invoice-title {
    color: #e1e1e1;
}

.dark-theme .main-invoice-list .media-body h6 {
    color: #fff;
}

.dark-theme .main-invoice-list .selected {
    background-color: rgba(244, 245, 248, 0.1);
    border-top-color: 1px dotted rgba(226, 232, 245, 0.1);
    border-bottom-color: rgba(226, 232, 245, 0.1);
    border-left-color: #0D1C48;
}

.dark-theme .main-invoice-list .media {
    border: 1px dotted rgba(226, 232, 245, 0.1);
}

    .dark-theme .main-invoice-list .media + .media::before {
        border-top: 1px dotted transparent;
    }

    .dark-theme .main-invoice-list .media:hover,
    .dark-theme .main-invoice-list .media:focus {
        background-color: rgba(244, 245, 248, 0.1);
    }

.dark-theme .main-invoice-list .media-body p {
    color: #9da5b5;
}

    .dark-theme .main-invoice-list .media-body p span {
        color: #cbcfd8;
    }

.dark-theme .table-invoice tbody > tr > th:first-child .invoice-notes p {
    color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px) {
    .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 14px solid #141b2d !important;
        border-left: 0 solid #141b2d !important;
    }
}

@media (min-width: 576px) {

    .dark-theme .wizard.vertical > .content,
    .dark-theme .wizard.vertical > .actions {
        border-left: 1px solid rgba(226, 232, 245, 0.1);
    }
}

.table-invoice tbody > tr > td:first-child .invoice-notes p {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .table-invoice tbody > tr > th:first-child,
.dark-theme .table-invoice tbody > tr > td:first-child {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .billed-from p,
.dark-theme .billed-to p {
    color: rgba(255, 255, 255, 0.5);
}

.dark-theme .card-invoice .tx-gray-600 {
    color: #eef0f3;
}

.dark-theme .billed-to h6 {
    color: #d3d8e2;
}

.dark-theme .invoice-info-row + .invoice-info-row {
    border-top: 1px dotted rgba(226, 232, 245, 0.15);
}

.dark-theme .invoice-info-row span:first-child {
    color: rgba(255, 255, 255, 0.3);
}

.dark-theme .main-invoice-list {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .card-category {
    background: rgba(239, 242, 246, 0.1);
}

.dark-theme .pricing-card .list-unstyled li {
    border-bottom: 1px solid rgba(234, 237, 241, 0.1);
}

.dark-theme .price.panel-color > .panel-body,
.dark-theme .price .panel-footer {
    background-color: #26324e;
}

.dark-theme .pricing .list-unstyled li {
    border-bottom: 1px solid rgba(234, 237, 241, 0.1);
}

.dark-theme .card--events .list-group-item h6 {
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .rdiobox span:before {
    background-color: #141b2d;
    border: 1px solid #4a5677;
}

.dark-theme .colorinput-color {
    border: 1px solid rgba(234, 240, 247, 0.2);
}

.dark-theme .nice-select .list {
    background-color: #1f2940;
    -webkit-box-shadow: 0px 0px 15px 1px #041138;
    box-shadow: 0px 0px 15px 1px #041138;
}

.dark-theme .nice-select .option:hover,
.dark-theme .nice-select .option.focus,
.dark-theme .nice-select .option.selected.focus {
    background-color: rgba(237, 239, 245, 0.1);
}

.dark-theme .item-card .cardtitle a {
    color: #fefefe;
}

.dark-theme .item-card .cardprice span {
    color: #dfe5ec;
}

.dark-theme .bd-b {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bd-r {
    border-right: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bd-t {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bd-l {
    border-left: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bd-y {
    border-top: 1px solid rgba(226, 232, 245, 0.1);
    border-bottom: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bd-x {
    border-left: 1px solid rgba(226, 232, 245, 0.1);
    border-right: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .bg-gray-500 {
    background-color: rgba(151, 163, 185, 0.2);
}

.dark-theme .bg-gray-400 {
    background-color: #5e687d;
}

.dark-theme .main-card-signin {
    background-color: transparent;
    border: 1px solid rgba(227, 227, 227, 0.1);
}

.dark-theme .main-signin-header h4 {
    color: #fff;
}

.dark-theme .main-signin-footer a {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .main-signup-footer a {
    color: #fff;
}

.dark-theme .main-error-wrapper h1 {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .main-error-wrapper h2 {
    color: rgba(255, 255, 255, 0.5);
}

.dark-theme .main-error-wrapper h6 {
    color: rgba(255, 255, 255, 0.3);
}

.dark-theme .construction .btn.btn-icon {
    border: 1px solid rgba(221, 230, 241, 0.1);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.dark-theme .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #3b4563 !important;
}

.dark-theme .horizontalMenucontainer .desktop-logo,
.dark-theme .horizontalMenucontainer .desktop-logo-dark {
    display: none;
}

.dark-theme .desktop-dark {
    display: block;
}

@media (min-width: 768px) {
    .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-light .logo-icon {
        display: none;
        height: 2.5rem;
    }

    .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-dark .logo-icon.dark-theme {
        display: block;
        height: 2.5rem;
    }

    .dark-theme.sidebar-mini.sidenav-toggled.sidenav-toggled1 .main-sidebar-header .logo-light .main-logo {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 568px) {
    .dark-theme .horizontalMenucontainer .desktop-dark {
        margin-left: 2.4rem;
    }
}

@media (max-width: 567px) and (min-width: 550px) {
    .dark-theme .horizontalMenucontainer .desktop-logo-dark {
        margin-left: 3rem;
    }
}

.desktop-dark {
    height: 2rem;
}

@media (max-width: 567px) {

    .dark-theme .horizontalMenucontainer .desktop-dark,
    .dark-theme .desktop-logo-1 {
        display: none;
    }

    .dark-theme .horizontalMenucontainer .desktop-logo-dark {
        display: block;
        height: 2.5rem;
    }
}

@media (max-width: 991px) {
    .dark-theme .animated-arrow span {
        background: #fff;
    }

        .dark-theme .animated-arrow span:before,
        .dark-theme .animated-arrow span:after {
            background: #fff;
        }

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

.dark-theme .sidebar {
    background: #1f2940;
}

.dark-theme .main-calendar.fc-list-empty {
    background-color: #1f2940;
    border: 1px solid #141b2d;
}

@media (max-width: 575px) {

    .dark-theme .main-calendar .fc-header-toolbar button.fc-month-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
        color: #fff;
    }
}

.dark-them .breadcrumb {
    background-color: rgba(226, 232, 245, 0.1);
}

.dark-them table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid rgba(239, 239, 239, 0.1);
}

.dark-them table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #0D1C48;
}

/*----- Horizontal-menu -----*/
.dark-theme .horizontal-main.hor-menu {
    background: #1f2940;
    border-bottom: 1px solid rgba(213, 216, 226, 0.1);
    border-top: 0;
}

.dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
    color: #277aec;
    background: transparent;
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > a {
    color: #bfc8de;
}

.dark-theme .horizontalMenucontainer .main-header {
    box-shadow: none;
    border-bottom: 1px solid rgba(220, 231, 245, 0.1);
}

.dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #0D1C48;
    background: transparent;
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    border: 1px solid rgba(231, 234, 243, 0.1);
}

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
        color: rgba(255, 255, 255, 0.5);
    }

.dark-theme .sub-menu li a:before {
    border-color: rgba(255, 255, 255, 0.5);
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
    color: rgba(255, 255, 255, 0.8);
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
    background-color: #1f2940;
    box-shadow: 0 8px 16px 0 rgba(8, 13, 25, 0.4);
    border: none;
}

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: rgba(255, 255, 255, 0.5);
    }

        .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
            color: #0D1C48 !important;
        }

.dark-theme .mega-menubg {
    background: #1f2940;
    box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);
    border: 1px solid rgba(231, 234, 243, 0.1);
}

.dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.dark-theme .mega-menubg.hor-mega-menu h3 {
    color: #fff;
}

.dark-theme .main-profile-menu .dropdown-item + .dropdown-item {
    border-top: 1px dotted rgba(226, 234, 249, 0.2);
}

.dark-theme .rating-scroll h6 {
    color: #fff;
}

.dark-theme .latest-tasks .nav-link.active,
.dark-theme .latest-tasks .nav-link:hover,
.dark-theme .latest-tasks .nav-link:focus {
    background: transparent;
    color: #0D1C48;
}

.dark-theme .main-calendar .fc-list-empty {
    background-color: #1f2940;
    border: 1px solid #384361;
}

.dark-theme .card.bg-info-transparent {
    background: rgba(23, 162, 184, 0.2) !important;
}

.dark-theme .form-control::placeholder {
    color: rgba(212, 218, 236, 0.3) !important;
    opacity: 1;
}

.dark-theme .header-icon,
.dark-theme .main-header-message .nav-link i,
.dark-theme .main-header-notification .nav-link i,
.dark-theme .nav-item.full-screen .nav-link i,
.dark-theme .sales-flot .flot-chart .flot-x-axis > div span:last-child,
.dark-theme .p-text .p-name {
    color: #fff;
}

.dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active {
    color: #0D1C48;
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #696af1;
    color: #0D1C48;
}

.dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active {
    color: #0D1C48 !important;
}

.dark-theme .sidebar .tab-menu-heading {
    background: #2c374e;
}

.dark-theme .sidebar .tabs-menu ul li a {
    border: 1px solid rgba(220, 231, 245, 0.1);
    background: #1f2940;
    color: #fff;
}

.dark-theme .sidebar .tabs-menu ul li .active {
    background: #0D1C48;
    color: #fff;
    border: 1px solid #0D1C48;
}

.dark-theme .datepicker > .datepicker_inner_container > .datepicker_calendar,
.dark-theme .datepicker > .datepicker_inner_container > .datepicker_timelist {
    background-color: #1f2940;
}

.dark-theme .datepicker > .datepicker_header {
    background-color: #25304a;
    color: #fff;
}

.dark-theme .main-datetimepicker {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar th {
        color: #fcfdff;
    }

    .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

        .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:hover,
        .dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:focus {
            background-color: #323850;
        }

.dark-theme .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {
    color: #fff;
    background-color: #26324c;
}

.dark-theme .datetimepicker .datetimepicker-days table thead tr:last-child th {
    color: #fff;
}

.dark-theme .datetimepicker table th.dow {
    background: #1f2940;
}

.dark-theme .datetimepicker table td.old {
    color: #7a82af;
}

@media (max-width: 991px) {
    .dark-theme .horizontalMenu > .horizontalMenu-list {
        background: #1f2940;
    }

        .dark-theme .horizontalMenu > .horizontalMenu-list > li > a {
            border-bottom-color: rgba(231, 234, 243, 0.1);
        }

    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
        border-radius: 0;
    }

    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon {
        color: #277aec;
        background: #1c2f51;
        border-bottom: 1px solid rgba(231, 234, 243, 0.1);
    }

    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .side-menu__icon {
        fill: #277aec;
    }

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
        background-color: transparent;
        color: #277aec !important;
    }

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover:before {
        border-color: #eef0f7;
    }

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
        color: #fff !important;
        background-color: rgba(231, 231, 231, 0.1);
    }

    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li:hover a:before {
        border-color: #eef0f7 !important;
        color: #fff !important;
    }

    .dark-theme .mega-menubg li a:before {
        border-color: #8594ad;
    }

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
        display: none;
    }

    .dark-theme .mega-menubg {
        background: #1f2940 !important;
    }

    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        background: #1f2940 !important;
        color: #8291af !important;
    }

    .dark-theme .dark-logo-1 {
        display: block;
    }
}

@media (min-width: 578px) {
    .dark-theme .desktop-logo.logo-light .main-logo {
        display: none;
    }

    .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon {
        display: none !important;
    }

        .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon.dark-theme {
            display: none !important;
        }

    .dark-theme .desktop-logo.logo-dark .main-logo.dark-theme {
        display: block !important;
    }

    .dark-theme.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme {
        display: none !important;
    }
}

@media (max-width: 578px) {
    .dark-theme .desktop-logo.logo-light .main-logo {
        display: none;
    }

    .dark-theme .logo-icon.mobile-logo.icon-light {
        display: none !important;
    }

        .dark-theme .logo-icon.mobile-logo.icon-light .logo-icon.dark-theme {
            display: block !important;
        }

    .dark-theme .logo-icon.mobile-logo.icon-dark {
        display: block !important;
    }
}

.dark-theme.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark .main-logo.dark-theme {
    display: block !important;
}

.dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark {
    display: block !important;
}

.datetimepicker table td.new {
    color: #7a82af;
}

.dark-theme .datetimepicker table td {
    background: #1f2940;
    color: #fff;
}

.dark-theme .datetimepicker table th.prev {
    background-color: #1f2940;
    color: #fff;
}

.dark-theme .datetimepicker table th.next,
.dark-theme .datetimepicker table th.switch {
    background-color: #1f2940;
    color: #fff;
}

.dark-theme .datetimepicker table th.prev:hover,
.datetimepicker table th.prev:focus {
    background-color: #1f2940;
}

.dark-theme .datetimepicker table th.next:hover,
.dark-theme .datetimepicker table th.next:focus {
    background-color: #1f2940;
}

.dark-theme .datetimepicker table th.prev span::before,
.dark-theme .datetimepicker table th.next span::before {
    color: #fff;
}

.dark-theme .datetimepicker table th.switch:hover {
    background-color: #1f2940;
    color: #5965f9;
}

.datetimepicker table th.switch:focus {
    background-color: #1f2940;
    color: #5965f9;
}

.dark-theme .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td.hover {
    background-color: #0D1C48;
}

.dark-theme .iti__selected-flag {
    border-right: 1px solid rgba(225, 230, 241, 0.1);
}

.dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #25304a;
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    background: #1f2940;
}

.dark-theme .dashboard-carousel .btn-icons {
    background: rgba(239, 242, 246, 0.2) !important;
    color: #fff;
}

.dark-theme .slide.dashboard-carousel:hover {
    background: transparent;
}

.dark-theme .btn-light:focus,
.dark-theme .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(165, 175, 191, 0.5);
}

.dark-theme .btn-light:not(:disabled):not(.disabled):active,
.dark-theme .btn-light:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: rgba(226, 232, 245, 0.1);
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: rgba(226, 232, 245, 0.1);
    border-color: rgba(189, 198, 214, 0.2);
}

.dark-theme .modal-dialog {
    box-shadow: none;
}

.dark-theme .email-media .media-body small {
    color: white;
}

.dark-theme .email-media .media-body .media-title {
    color: white;
    font-size: 15px;
}

.dark-theme .page-item.disabled .page-link {
    color: #fff;
    background: #141b2d;
}

.dark-theme .demo-gallery .pagination {
    border: 0;
}

.dark-theme .chat .msg_cotainer,
.dark-theme .chat .msg_cotainer_send {
    background-color: #2d3b58;
}

.dark-theme .chat .dropdown-menu li {
    padding: 7px;
    color: #dde2e8;
}

    .dark-theme .chat .dropdown-menu li:hover {
        color: #0D1C48;
        background: rgba(238, 238, 247, 0.06);
    }

.dark-theme #basic .breadcrumb {
    background-color: #27334e;
}

.dark-theme .latest-tasks .tasks .span {
    color: #fff;
}

.dark-theme .list-group-item-action {
    color: #7987a1;
}

.dark-theme .list-group-item.active {
    color: #fff;
}

.dark-theme .list-group-item-success {
    color: #1f5c01;
    background-color: #c8e9b8;
}

.dark-theme .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.dark-theme .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.dark-theme .list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.dark-theme .bg-danger {
    background-color: #ee335e !important;
}

.dark-theme .bg-primary {
    background-color: #0D1C48 !important;
}

.dark-theme .bg-secondary {
    background-color: #7987a1 !important;
}

.dark-theme .bg-gray-800 {
    background-color: #3b4863 !important;
}

.dark-theme .bg-success {
    background-color: #22c03c !important;
}

.dark-theme .bg-info {
    background-color: #17a2b8 !important;
}

    .dark-theme .bg-info x.card-text {
        color: #fff;
    }

.dark-theme .main-content-body.main-content-body-contacts .media-body h5 {
    color: #fff;
}

.dark-theme .table-striped tbody tr:nth-of-type(2n + 1) {
    background-color: #25304a;
}

.dark-theme .dataTables_wrapper .dataTables_filter input {
    color: #fff;
}

    .dark-theme .dataTables_wrapper .dataTables_filter input::placeholder {
        color: #97a3b9;
    }

.dark-theme .dataTables_paginate .page-link {
    background: transparent;
}

.dark-theme .iti__divider {
    border-bottom: 1px solid rgba(189, 198, 214, 0.2);
}

.dark-theme .iti__country.iti__highlight {
    background-color: #1f2940;
}

.dark-theme .iti__country-list {
    background-color: #1f2940;
    box-shadow: 0 8px 16px 0 #2c3252;
}

.dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #414565;
}

.dark-theme .price.panel-color > .panel-body {
    background-color: #1f2940;
    border: 1px solid rgba(234, 237, 241, 0.1);
    border-bottom: 0;
    border-top: 0;
}

.dark-theme table.dataTable tbody td.sorting_1 {
    background: #25304a;
}

.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background-color: transparent;
    color: #fff;
}

    .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
        background-color: transparent;
        color: #fff;
    }

.dark-theme .main-nav-line .nav-link.active {
    color: #fff;
}

.dark-theme .datetimepicker table {
    background: transparent;
}

.dark-theme .dataTables_paginate .pagination .page-link {
    border: 1px solid rgba(205, 215, 239, 0.15);
}

@media only screen and (max-width: 991px) {
    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background-color: #1f2940;
        border: none;
    }
}

@media only screen and (min-width: 992px) {
    .dark-theme .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
        color: #0D1C48;
        background: transparent;
    }

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        background: #1f2940;
        box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);
    }
}

@media (min-width: 768px) {
    .dark-theme .main-content-left-contacts {
        border-right: 1px solid rgba(226, 232, 245, 0.1);
    }
}

@media (min-width: 576px) {
    .dark-theme .main-calendar .fc-header-toolbar button {
        color: #fff;
    }
}

@media (max-width: 575px) {
    .dark-theme .main-calendar .fc-header-toolbar .fc-left button {
        color: #fff;
    }

        .dark-theme .main-calendar .fc-header-toolbar .fc-left button.fc-today-button {
            color: #000;
        }
}

@media (max-width: 605px) {

    .dark-theme .fc-view,
    .fc-view > table {
        border: 1px solid rgba(226, 232, 245, 0.2);
    }
}

.dark-theme .chat abbr.timestamp,
.dark-theme .chat .msg_time,
.dark-theme .chat .msg_time_send {
    color: #fff;
}

.dark-theme .nav-tabs {
    border-bottom: 1px solid rgba(226, 232, 245, 0.2);
}

    .dark-theme .nav-tabs .nav-link.active {
        border-color: rgba(226, 232, 245, 0.2);
    }

.dark-theme .page-link {
    border: 1px solid rgba(226, 232, 245, 0.2);
}

.dark-theme .popover-head-primary .popover-header {
    color: #fff !important;
    background-color: #0D1C48 !important;
}

.dark-theme .popover-head-secondary .popover-header {
    color: #fff !important;
    background-color: #0D1C48 !important;
}

.dark-theme .popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.dark-theme .popover-head-secondary.bs-popover-auto[x-placement^="bottom"] .popover-arrow::after {
    border-bottom-color: #0D1C48 !important;
}

.dark-theme .popover-primary .popover-header,
.dark-theme .popover-secondary .popover-header {
    background-color: transparent !important;
    color: #fff !important;
}

.dark-theme .popover-primary.bs-popover-top .popover-arrow::after,
.dark-theme .popover-primary.bs-popover-auto[x-placement^="top"] .popover-arrow::after {
    border-top-color: #0D1C48 !important;
}

.dark-theme .popover-secondary.bs-popover-bottom .popover-arrow::after,
.dark-theme .popover-secondary.bs-popover-auto[x-placement^="bottom"] .popover-arrow::after {
    border-bottom-color: #0D1C48 !important;
}

.dark-theme .gray-set .bg-transparent {
    background-color: transparent !important;
}

.dark-theme .gray-set .bg-gray-100 {
    background-color: #ecf0fa !important;
}

.dark-theme .gray-set .bg-gray-200 {
    background-color: #dde2ef !important;
}

.dark-theme .gray-set .bg-gray-300 {
    background-color: #d0d7e8 !important;
}

.dark-theme .gray-set .bg-gray-400 {
    background-color: #b9c2d8 !important;
}

.dark-theme .gray-set .bg-gray-500 {
    background-color: #949eb7 !important;
}

.dark-theme .gray-set .bg-gray-600 {
    background-color: #737f9e !important;
}

.dark-theme .gray-set .bg-gray-700 {
    background-color: #4d5875 !important;
}

.dark-theme .gray-set .bg-gray-800 {
    background-color: #364261 !important;
}

.dark-theme .gray-set .bg-gray-900 {
    background-color: #242f48 !important;
}

.dark-theme .main-card-signin {
    box-shadow: 0 1px 15px 1px #191f3a;
}

.dark-theme .page-item.disabled .page-link {
    border-color: #4c576f;
    background: #27334e;
}

.dark-theme .ps > .ps__rail-y {
    background-color: #1f2940;
}

.dark-theme .app-sidebar .ps > .ps__rail-y {
    background-color: transparent;
}

.dark-theme .slide.is-expanded .side-menu__icon,
.dark-theme .slide.is-expanded .angle {
    color: #0D1C48 !important;
}

.dark-theme .close-toggle {
    color: #fff !important;
}

.dark-theme .slide.is-expanded .side-menu__label,
.dark-theme .slide.is-expanded .side-menu__icon,
.dark-theme .slide.is-expanded .angle {
    color: #fff;
}

.dark-theme .slide-item.active,
.dark-theme .slide-item:hover,
.dark-theme .slide-item:focus {
    color: #2a7ef3 !important;
}

.dark-theme .side-menu .slide.active .side-menu__label,
.dark-theme .side-menu .slide.active .side-menu__icon {
    color: #2a7ef3 !important;
}

.dark-theme .slide:hover .side-menu__label,
.dark-theme .slide:hover .angle,
.dark-theme .slide:hover .side-menu__icon {
    color: #2a7ef3 !important;
}

.dark-theme .card.bg-primary-gradient {
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;
}

.dark-theme .card.bg-danger-gradient {
    background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;
}

.dark-theme .card.bg-success-gradient {
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;
}

.dark-theme .card.bg-warning-gradient {
    background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;
}

.dark-theme .vmap-wrapper {
    background: #1f2940 !important;
}

.dark-theme .card-dashboard-eight .list-group-item span {
    color: #f1f4f9;
}

.dark-theme .card-dashboard-eight .list-group-item {
    background-color: #1f2940;
    border-bottom: 1px solid rgba(231, 235, 243, 0.1);
    border-color: rgba(226, 232, 245, 0.1);
}

.dark-theme .sales-info h3,
.dark-theme .card-table h4 {
    color: #f0f3f9;
}

.dark-theme .total-revenue h4 {
    color: #fcfdff;
}

.dark-theme .product-timeline ul.timeline-1:before {
    border-left: 2px dotted rgba(192, 204, 218, 0.3);
}

.dark-theme .main-dashboard-header-right > div h5 {
    color: #fff;
}

.dark-theme .customers .list-group-item-action:hover,
.dark-theme .customers .list-group-item-action:focus {
    color: #0160e4;
    background-color: #2d364c;
}

.dark-theme .customers h5 {
    color: #fff;
}

.dark-theme .list-group-item {
    border-left: 0;
    border-right: 0;
}

.dark-theme .slide.is-expanded .side-menu__item {
    background: transparent;
}

.dark-theme nav.prod-cat li a {
    color: #b0bbcc;
}

.dark-theme .product-sale .wishlist {
    color: #000;
}

.dark-theme .nav-tabs.preview-thumbnail {
    border-bottom: 0;
}

.dark-theme .shopping-cart-footer {
    border-top: 1px solid rgba(225, 231, 236, 0.1);
}

.dark-theme .select2-dropdown {
    border-color: rgba(208, 215, 232, 0.1);
}

.dark-theme .bd-2 {
    border-width: 2px !important;
}

.dark-theme .sidebar-right .list a {
    color: rgba(247, 248, 251, 0.7);
}

.dark-theme .card-footer {
    background-color: #1f2940;
}

.dark-theme .card.card-primary {
    border-top: 2px solid #0D1C48 !important;
}

.dark-theme .card.card-secondary {
    border-top: 2px solid #737f9e !important;
}

.dark-theme .card.card-success {
    border-top: 2px solid #22e840 !important;
}

.dark-theme .card.card-danger {
    border-top: 2px solid #ee335e !important;
}

.dark-theme .card.card-warning {
    border-top: 2px solid #ffb209 !important;
}

.dark-theme .card.card-info {
    border-top: 2px solid #01b8ff !important;
}

.dark-theme .card.card-purple {
    border-top: 2px solid #673ab7 !important;
}

.dark-theme .card.card-dark {
    border-top: 2px solid #343a40 !important;
}

.dark-theme .nav-tabs.html-source {
    border-bottom: 0;
}

    .dark-theme .nav-tabs.html-source .nav-link.active {
        border-color: #141b2d;
        background-color: #141b2d;
    }

.dark-theme .toast-body {
    padding: 0.75rem;
    background: #212c46;
}

.dark-theme .tabs-style-1 .main-nav-line .nav-link {
    background: #1f2940;
}

.dark-theme .tabs-style-2 .main-nav-line .nav-link {
    background: #1f2940 !important;
}

    .dark-theme .tabs-style-2 .main-nav-line .nav-link.active {
        background: #1f2940 !important;
    }

.dark-theme .tabs-style-2 .main-nav-line .nav-link {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .tabs-style-3 .nav.panel-tabs li a {
    background: #171f33;
    color: #fff;
}

.dark-theme .tabs-style-4 .nav.panel-tabs li a {
    background: #141b2d;
    color: #fff;
}

.dark-theme .nav-link.html-code {
    background: #1f2940;
}

.dark-theme .nav-tabs .nav-link.html-code.active,
.dark-theme .nav-tabs .nav-link.html-code:hover,
.dark-theme .nav-tabs .nav-link.html-code:focus {
    background-color: #141b2d;
    color: #fff;
}

.dark-theme .card .box {
    box-shadow: 0 0 25px #1d273d;
    border: 0;
}

.dark-theme .userlist-table .user-link {
    color: #fbf5f5;
}

.dark-theme .select2-container--default .select2-results__option--selected,
.dark-theme .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #2a2215 !important;
    color: #e9eaec !important;
}

.dark-theme .main-chat-body .content-inner:before {
    background: rgba(15, 26, 51, 0.93);
}

.dark-theme .left.main-msg-wrapper:before {
    color: #343e53;
}

.dark-theme .icons-list-item {
    border: 1px solid rgba(214, 220, 236, 0.15);
}

.dark-theme .user-wideget-footer {
    background-color: #1f2940;
}

.dark-theme .profile.navtab-custom .active a {
    background: #273350;
    border-bottom: 0;
    color: #fffafa;
}

.dark-theme .profile.navtab-custom li a {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(227, 230, 240, 0.1);
}

.dark-theme .profile.navtab-custom a.active {
    background: #273350;
}

.dark-theme .nav.prod-cat li a {
    color: #fff;
}

.dark-theme .prod-cat li ul li.active a {
    background: none;
    color: #ee335e;
}

.dark-theme .header-icon-svgs {
    color: #dde3ea;
}

.dark-theme .app-sidebar .side-item.side-item-category {
    color: #dde3ea;
}

.dark-theme .product-pagination .page-link {
    background-color: #1f2940 !important;
    border: 1px solid #2e3c5d;
}

.dark-theme .product-pagination .page-item.disabled .page-link {
    border-color: #3c465d;
    background: #1f283c;
    color: #555d6f;
}

.dark-theme .price span {
    color: #ebedf1;
}

.dark-theme #list3 .media-body h6 {
    color: white;
}

.dark-theme #list3 .list-group-item,
.dark-theme #list8 .list-group-item,
.dark-theme #list1 .list-group-item,
.dark-theme #list8 .list-group-item {
    border-left: 1px solid rgba(231, 235, 243, 0.1);
    border-right: 1px solid rgba(231, 235, 243, 0.1);
}

.dark-theme .bg-gray-100.nav-bg .nav-tabs {
    border-bottom: 1px solid #2d364b;
}

    .dark-theme .bg-gray-100.nav-bg .nav-tabs .nav-link {
        background-color: #141b2d;
    }

.dark-theme .popover-static-demo .popover {
    box-shadow: -8px 12px 18px 0 #081127;
    border: 1px solid #3a4869;
}

.dark-theme .heading-inverse {
    background-color: #141b2c;
}

.dark-theme .toast {
    box-shadow: -8px 12px 18px 0 #141b2d;
}

.dark-theme .tabs-style-1 .dark-theme .border {
    border: 1px solid rgba(234, 236, 241, 0.1) !important;
}

.dark-theme .tabs-style-1 .dark-theme .border-top-0 {
    border-top: 0 !important;
}

.dark-theme .tabs-style-1 .main-nav-line .nav-link.active {
    color: #f3f5f9;
    border: 1px solid;
    border-color: rgba(224, 230, 237, 0.1) rgba(224, 230, 237, 0.1) #1f2940;
}

.dark-theme .tabs-style-1 .panel-tabs {
    border-bottom: 0;
}

.dataTables_paginate .page-item.previous a {
    width: 77px;
}

.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label {
    color: #a0aac3;
}

.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__item.active .side-menu__label {
    color: #a0aac3;
}

@media (min-width: 768px) {
    .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo {
        display: none !important;
    }

    .dark-theme.leftbgimage1 .main-sidebar-header,
    .dark-theme.leftbgimage2 .main-sidebar-header,
    .dark-theme.leftbgimage3 .main-sidebar-header,
    .dark-theme.leftbgimage4 .main-sidebar-header,
    .dark-theme.leftbgimage5 .main-sidebar-header {
        border-right: 1px solid #242e45;
        width: 240px;
    }
}

@media (max-width: 1199px) {
    .dark-theme .total-revenue {
        border-bottom: 0px solid rgba(227, 232, 247, 0.1) !important;
    }
}

.dark-theme .horizontalMenucontainer .side-menu__icon {
    color: #bfc8de;
    fill: #bfc8de;
}

.dark-theme.horizontal-light .horizontalMenucontainer .side-menu__icon {
    color: #5b6e88;
    fill: #5b6e88;
}

.dark-theme .main-header .dropdown-menu-left {
    box-shadow: 0px 0px 15px 1px #041138;
}

.dark-theme .main-header .dropdown.nav-itemd-none .dropdown-menu:after {
    border-bottom: 9px solid #1f2940;
}

@media (min-width: 992px) {
    .dark-theme .top-header .header-brand.header-brand2 .desktop-dark {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
}

.dark-theme .app-sidebar.toggle-sidemenu {
    border-top: 1px solid rgba(222, 228, 236, 0.1);
}

.dark-theme .first-sidemenu {
    background: #1f2940;
}

.dark-theme .second-sidemenu {
    background: #1f2940;
    border-right: 1px solid rgba(222, 228, 236, 0.1);
}

.dark-theme .resp-vtabs .resp-tabs-list li {
    border: 1px solid rgba(222, 228, 236, 0.1) !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0;
}

.dark-theme .first-sidemenu li.active,
.dark-theme .resp-vtabs .resp-tab-active:hover {
    background: #1f2940;
    border-right: 0 !important;
}

.dark-theme .resp-vtabs li.resp-tab-active {
    border-right: 0 !important;
}

.dark-theme .first-sidemenu .side-menu__icon,
.dark-theme .toggle-sidemenu .slide-item {
    color: #a0aac3;
    fill: #a0aac3;
}

.dark-theme .second-sidemenu h5 {
    color: #dde3ea;
}

.dark-theme.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {
    border-right: 1px solid rgba(222, 228, 236, 0.1) !important;
}

.dark-theme .file-browser .btn-default {
    background: #2c3752;
    color: #fff;
    border: 1px solid rgba(226, 232, 245, 0.1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dark-theme .card.bg-purple-gradient {
    background-image: linear-gradient(to right, #673ab7 0%, #884af1 100%) !important;
}

.dark-theme .fc-datepicker.main-datepicker.hasDatepicker {
    border: 1px solid #333d52;
}

.dark-theme .ql-snow .ql-picker:hover .ql-picker-label,
.dark-theme .ql-snow .ql-picker:focus .ql-picker-label {
    color: #fff;
}

.dark-theme .ql-snow .ql-picker:hover .ql-picker-label,
.dark-theme .ql-snow .ql-picker:focus .ql-picker-label {
    color: #fff;
}

.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #2c3242;
}

.dark-theme.hoversubmenu .side-menu__item.active .side-menu__icon {
    fill: #106ef1;
}

@media (min-width: 768px) {
    .dark-theme.hoversubmenu.style1-leftmenu.sidenav-toggled .app-sidebar .side-menu-label1 {
        border-bottom: 1px solid rgba(225, 230, 241, 0.1);
        color: #fff !important;
    }
}

@media (min-width: 768px) {
    .dark-theme.app.sidebar-mini.sidenav-toggled-open .ps > .ps__rail-y > .ps__thumb-y {
        background-color: #1f2940;
    }
}

@media only screen and (max-width: 991px) {
    .dark-theme .horizontalMenu > .horizontalMenu-list {
        border-right: 1px solid #343d52;
    }
}

@media (min-width: 768px) {
    .dark-theme .main-nav.main-nav-colored-bg .nav-link + .nav-link {
        border-left: 1px solid #fff;
    }

    .dark-theme .main-nav .nav-link + .nav-link {
        border-left: 1px solid #3c475f;
    }
}

.dark-theme .main-mail-compose-body {
    background-color: #141b2d;
}

    .dark-theme .main-mail-compose-body .form-group + .form-group {
        border-top: 1px dotted #333d51;
    }

    .dark-theme .main-mail-compose-body .form-group .form-control {
        background-color: #232e48 !important;
    }

    .dark-theme .main-mail-compose-body .form-group .form-label {
        color: #cfdaec;
    }

    .dark-theme .main-mail-compose-body .form-group .nav-link {
        color: #cfdaec;
    }

@media (max-width: 767px) {

    .dark-theme .main-signup-header,
    .dark-theme .main-card-signin {
        border: 1px solid rgba(231, 235, 243, 0.1);
    }
}

.dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
    background-color: #1f2940;
    box-shadow: 0 8px 16px 0 rgba(8, 13, 25, 0.4);
    border: none;
}

    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: rgba(255, 255, 255, 0.5);
    }

@media only screen and (max-width: 991px) {
    .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        box-shadow: none !important;
    }
}

.dark-theme .fc-non-business {
    background-color: #2c364e;
}

.dark-theme #external-events {
    background-color: #2c364e;
    border: 1px solid #333d52 !important;
}

.dark-theme .fc-daygrid-event {
    background-color: #2c364e;
    border: 1px solid #2c364e;
    box-shadow: none !important;
}

.dark-theme .fc-daygrid-dot-event {
    background-color: #2c364e;
    border: 1px solid #333d52 !important;
}

    .dark-theme .fc-daygrid-dot-event:hover {
        background-color: #141b2d;
    }

.dark-theme .fc-list-day-cushion {
    background-color: #2c364e;
}

.dark-theme .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #333d52;
}

.dark-theme .fc .fc-daygrid-event-harness {
    border: 1px solid #333d52 !important;
}

.dark-theme tr td,
.dark-theme tr th {
    border: 1px solid #333d52;
}

.dark-theme .fc .fc-daygrid-day-number,
.dark-theme table a {
    color: #fff;
}

.dark-theme .fc-theme-standard .fc-list {
    border: 1px solid #333d52;
}

.dark-theme .fc .fc-list-event:hover td {
    background-color: #141b2d !important;
}

.dark-theme #external-events p {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dark-theme .table-striped tbody tr:nth-of-type(2n + 1) {
    color: rgba(255, 255, 255, 0.4);
}

.dark-theme.dataTables_wrapper .dataTables_length select {
    border: 1px solid #333d52;
    color: #fff;
}

.dark-theme .bg-primary-transparent {
    background: #182855 !important;
}

.dark-theme .bs-popover-end .popover-arrow::before {
    border-right-color: #373e52 !important;
}

.dark-theme .apexcharts-radialbar-track.apexcharts-track path {
    stroke: #21203a;
}

.dark-theme .sa-icon.sa-custom {
    background-image: url("../../assets/img/brand/logo-white.png") !important;
}

.dark-theme .dropdown-menu-left {
    box-shadow: 0px 0px 15px 1px #041138;
}

.dark-theme.app.sidebar-mini .desktop-logo.logo-dark {
    display: block;
}

.dark-theme .sign-favicon-b {
    display: inline;
}

.dark-theme .sign-favicon-a {
    display: none;
}

.dark-theme .table > :not(:last-child) > :last-child > * {
    border-bottom: none !important;
}

.dark-theme .table > :not(:last-child) > :last-child > * {
    border-bottom: none !important;
}

.dark-theme .table > :not(caption) > * > * {
    border-bottom: none;
}

.dark-theme .table.dataTable.no-footer {
    border-bottom: 1px solid rgba(226, 232, 245, 0.1) !important;
}

.dark-theme .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #25304a !important;
}

.dark-theme .dataTables_wrapper .dataTables_length select {
    border: 1px solid rgba(226, 232, 245, 0.1);
}

.dark-theme .form-select {
    color: #fff;
}

.dark-theme .bg-light {
    --bs-bg-opacity: 0 !important;
}

.dark-theme .card-dashboard-eight .list-group-item {
    border-color: rgba(231, 235, 243, 0.1) !important;
}

.dark-theme .apexcharts-radialbar .apexcharts-datalabel-value {
    fill: white !important;
    color: white !important;
}

.dark-theme .apexcharts-svg text {
    color: rgba(255, 255, 255, 0.4) !important;
    fill: rgba(255, 255, 255, 0.4) !important;
}

/* ============================================================
   ACTIVE DARK THEME — html[data-bs-theme="dark"]
   ============================================================ */

/* URServio dark theme — html[data-bs-theme="dark"] (navbar toggle) */

[data-bs-theme="dark"] {
    color-scheme: dark;
    --dt-bg: #000;
    --dt-surface: #111;
    --dt-surface-2: #1a1a1a;
    --dt-surface-3: #141414;
    --dt-border: #2a2a2a;
    --dt-border-soft: #1a1a1a;
    --dt-text: #e9eaec;
    --dt-text-muted: #bdc1c5;
    --dt-text-dim: #9aa0a6;
    --dt-placeholder: #7a838b;
    --dt-accent: #c9a96e;
    --dt-accent-hover: #dfc18a;
    --dt-accent-soft: #2a2215;
    --dt-table-head-bg: #2a2215;
    --dt-line: rgba(255, 255, 255, 0.1);
    --dt-grid-col-border: #fff;
    --dt-grid-row-border: #fff;
    --dt-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
    --bs-body-bg: var(--dt-bg);
    --bs-body-color: var(--dt-text);
    --bs-secondary-color: var(--dt-text-muted);
    --bs-secondary-bg: var(--dt-surface-2);
    --bs-tertiary-bg: var(--dt-surface-2);
    --bs-heading-color: var(--dt-text);
    --bs-border-color: var(--dt-border);
    --bs-link-color: var(--dt-accent);
    --bs-link-hover-color: var(--dt-accent-hover);
    --bs-paper-bg: var(--dt-surface);
    --bs-menu-bg: var(--dt-surface);
    --bs-card-color: var(--dt-text);
    --bs-card-cap-color: var(--dt-text);
    --bs-card-subtitle-color: var(--dt-text-muted);
    --bs-menu-hover-bg: var(--dt-surface-2);
    --bs-menu-active-toggle-bg: #252525;
    --bs-menu-active-bg: var(--dt-accent);
    --bs-menu-sub-active-bg: var(--dt-accent);
    --bs-menu-color: var(--dt-text-muted);
    --bs-menu-hover-color: var(--dt-text);
    --bs-menu-active-color: #fff;
    --bs-menu-sub-active-color: #fff;
    --bs-primary-bg-subtle: var(--dt-accent-soft);
    --bs-navbar-bg: var(--dt-surface);
    --dt-switch-knob: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

    /* Shell: body, layout, navbar, menu */
    [data-bs-theme="dark"] body,
    [data-bs-theme="dark"] #global-loader,
    [data-bs-theme="dark"] .content-wrapper,
    [data-bs-theme="dark"] .layout-page,
    [data-bs-theme="dark"] .container-xxl.container-p-y {
        background-color: var(--dt-bg) !important;
    }

    [data-bs-theme="dark"] .layout-navbar,
    [data-bs-theme="dark"] .layout-navbar.bg-navbar-theme,
    [data-bs-theme="dark"] #layout-navbar,
    [data-bs-theme="dark"] .layout-menu,
    [data-bs-theme="dark"] #layout-menu.bg-menu-theme {
        background-color: var(--dt-surface) !important;
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] #layout-navbar {
        box-shadow: 0 0 0 1px var(--dt-border-soft) !important;
    }

    [data-bs-theme="dark"] .layout-menu .menu-link,
    [data-bs-theme="dark"] .layout-menu .menu-header {
        color: var(--dt-text-muted);
    }

    [data-bs-theme="dark"] .layout-menu .menu-item:not(.active) > .menu-link:hover {
        background-color: var(--dt-surface-2) !important;
        color: #fff !important;
    }

  /* Navbar search — override .layout-page .form-control (same ancestor) so the input
     does not get a second border/background inside .navbar-top-search */
    [data-bs-theme="dark"] .layout-navbar .navbar-top-search {
        background-color: rgba(201, 169, 110, 0.08);
    }

    [data-bs-theme="dark"] .layout-navbar .navbar-top-search .form-control,
    [data-bs-theme="dark"] .layout-navbar .navbar-top-search .form-control:focus {
        background-color: transparent !important;
        border: 0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .layout-navbar .navbar-top-search:focus-within {
        box-shadow: none !important;
        outline: none !important;
    }

        [data-bs-theme="dark"] .layout-navbar .navbar-top-search .form-control::placeholder {
            color: rgba(201, 169, 110, 0.65);
        }

    [data-bs-theme="dark"] .layout-navbar .navbar-top-search-icon,
    [data-bs-theme="dark"] .layout-navbar .navbar-top-search-icon .bx-search,
    [data-bs-theme="dark"] .layout-navbar .navbar-top-search-icon .bx-search::before {
        color: #c9a96e !important;
    }

    [data-bs-theme="dark"] .layout-navbar .navbar-top-actions .theme-toggle-icon {
        border: 1px solid #c9a96e;
        color: #c9a96e;
        background-color: rgba(201, 169, 110, 0.08);
    }

    [data-bs-theme="dark"] .menu-divider,
    [data-bs-theme="dark"] .layout-menu .app-brand.demo {
        border-color: var(--dt-border-soft) !important;
    }

    /* Module pages — cards, type, forms */
    [data-bs-theme="dark"] .layout-page {
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] .card {
        --bs-card-color: var(--dt-text);
        --bs-card-cap-color: var(--dt-text);
        --bs-card-subtitle-color: var(--dt-text-muted);
    }

    [data-bs-theme="dark"] .layout-page .card,
    [data-bs-theme="dark"] .dashboard-page .card,
    [data-bs-theme="dark"] .dashboard-page .dashboard-card {
        background: var(--dt-surface) !important;
        border-color: var(--dt-border-soft) !important;
        box-shadow: var(--dt-shadow);
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] .card-body {
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] .layout-page .card-header {
        background: transparent !important;
        border-bottom-color: var(--dt-border-soft) !important;
    }

    /* Summary stat cards — Rider / Seller / Customer index */
    [data-bs-theme="dark"] .summary-stat-card {
        background: var(--dt-surface) !important;
        border: 1px solid var(--dt-border-soft);
        box-shadow: var(--dt-shadow);
    }

    [data-bs-theme="dark"] .summary-stat-title {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .summary-stat-value {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .summary-stat-subtitle {
        color: var(--dt-text-dim) !important;
    }

    [data-bs-theme="dark"] .summary-stat-icon-active {
        background: rgba(40, 199, 111, 0.15) !important;
        color: #28c76f !important;
    }

    [data-bs-theme="dark"] .summary-stat-icon-inactive {
        background: rgba(255, 90, 71, 0.15) !important;
        color: #ff7d73 !important;
    }

    [data-bs-theme="dark"] .summary-stat-icon-info {
        background: rgba(115, 103, 240, 0.15) !important;
        color: #a59bf5 !important;
    }

    [data-bs-theme="dark"] .summary-stat-icon-pending {
        background: rgba(255, 159, 67, 0.15) !important;
        color: #ff9f43 !important;
    }

    [data-bs-theme="dark"] .breadcrumb-header .main-content-title,
    [data-bs-theme="dark"] .breadcrumb-header .header-mb,
    [data-bs-theme="dark"] .layout-page h1,
    [data-bs-theme="dark"] .layout-page h2,
    [data-bs-theme="dark"] .layout-page h3,
    [data-bs-theme="dark"] .layout-page h4,
    [data-bs-theme="dark"] .layout-page h5,
    [data-bs-theme="dark"] .layout-page h6,
    [data-bs-theme="dark"] .layout-page label,
    [data-bs-theme="dark"] .layout-page .form-check-label {
        color: var(--dt-text-muted);
    }

    /* Toggle switches — off state (dark track + visible white knob) */
    [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked) {
        --bs-form-switch-bg: var(--dt-switch-knob);
        background-color: #3a3a3a !important;
        border-color: #4a4a4a !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
    }

    [data-bs-theme="dark"] .status-toggle.toggle-suspended:not(:checked),
    [data-bs-theme="dark"] .admin-verified-toggle.toggle-suspended:not(:checked) {
        background-color: #5c2a2a !important;
        border-color: #7a3838 !important;
    }

    /* Detail pages — DisplayFor / read-only values */
    [data-bs-theme="dark"] .layout-page .form-horizontal.formstyle .row > [class*="col-"] > .row > div,
    [data-bs-theme="dark"] .layout-page .card-body .formstyle .row > [class*="col-"] > .row > div,
    [data-bs-theme="dark"] .layout-page .card-body .d-flex:not(:has(img)) > div,
    [data-bs-theme="dark"] .layout-page .card-body .d-flex:not(:has(img)) > span {
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] .layout-page .text-muted,
    [data-bs-theme="dark"] .layout-page .breadcrumb-item,
    [data-bs-theme="dark"] .layout-page .breadcrumb-item a.text-muted {
        color: var(--dt-text-dim) !important;
    }

        [data-bs-theme="dark"] .layout-page .breadcrumb-item a.text-hover-primary:hover,
        [data-bs-theme="dark"] .layout-page a.text-primary {
            color: var(--dt-accent) !important;
        }

            [data-bs-theme="dark"] .layout-page a.text-primary:hover {
                color: var(--dt-accent-hover) !important;
            }

    [data-bs-theme="dark"] .layout-page .form-control,
    [data-bs-theme="dark"] .layout-page .form-select,
    [data-bs-theme="dark"] .layout-page textarea.form-control,
    [data-bs-theme="dark"] .layout-page .borderfix,
    [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_length select,
    [data-bs-theme="dark"] .layout-page #customSearch .dataTables_filter input,
    [data-bs-theme="dark"] .select2-container--default .select2-selection--single,
    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple,
    [data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field,
    [data-bs-theme="dark"] .swal2-input,
    [data-bs-theme="dark"] .swal2-textarea,
    [data-bs-theme="dark"] .swal2-select {
        background-color: var(--dt-surface-2) !important;
        border-color: var(--dt-border) !important;
        color: var(--dt-text) !important;
    }

    /* Select2 single — rendered/placeholder keep default #444/#999 and vanish on dark bg */
    [data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--dt-placeholder) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__clear {
        color: var(--dt-text-muted) !important;
    }

    /* Select2 multiple — selected tags (Announcement, BulkNotification, etc.)
       Use brand gold + white so chip text stays visible on dark inputs
       (default Select2 gray chips inherit light text and disappear). */
    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: var(--dt-accent) !important;
        border-color: transparent !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        color: #fff !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff !important;
        opacity: 0.75;
        border-right-color: rgba(255, 255, 255, 0.35) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
        background-color: rgba(0, 0, 0, 0.18) !important;
        color: #fff !important;
        opacity: 1;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search__field {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        background-color: var(--dt-surface-3) !important;
        border-color: var(--dt-border) !important;
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice__display {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .layout-page .form-control::placeholder,
    [data-bs-theme="dark"] .layout-page textarea.form-control::placeholder {
        color: var(--dt-placeholder) !important;
    }

    [data-bs-theme="dark"] #customSearch .dataTables_filter input::placeholder,
    [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_filter input::placeholder,
    [data-bs-theme="dark"] .layout-page .dataTables_filter input::placeholder,
    [data-bs-theme="dark"] .list-filter-toolbar__search .dataTables_filter input::placeholder {
        color: #fff !important;
        opacity: 1;
    }

    [data-bs-theme="dark"] .layout-page .form-control:focus,
    [data-bs-theme="dark"] .layout-page .form-select:focus,
    [data-bs-theme="dark"] .layout-page textarea.form-control:focus {
        border-color: var(--dt-accent) !important;
        box-shadow: 0 0 0 0.2rem rgba(201, 169, 110, 0.2) !important;
    }

    /* Tables & DataTables — dark gold header (light theme uses #fff3e6) */
    [data-bs-theme="dark"] table.dataTable thead th,
    [data-bs-theme="dark"] .layout-page table.dataTable thead th,
    [data-bs-theme="dark"] .layout-page table thead th,
    [data-bs-theme="dark"] .layout-page .grid-tab th,
    [data-bs-theme="dark"] .customer-address-table thead th {
        background-color: var(--dt-table-head-bg) !important;
        color: var(--dt-accent) !important;
        border-bottom-color: var(--dt-grid-row-border) !important;
        border-right-color: var(--dt-grid-col-border) !important;
    }

    /* DataTables sorting icons — gold accent for visibility across all modules */
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_asc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_asc:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_desc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_desc:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_asc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_asc:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_desc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_desc:after,
    [data-bs-theme="dark"] table.dataTable thead .sorting_asc::after,
    [data-bs-theme="dark"] table.dataTable thead .sorting_desc::after,
    [data-bs-theme="dark"] table.dataTable thead .sorting::before,
    [data-bs-theme="dark"] table.dataTable thead .sorting::after {
        color: #C9A96E !important;
        opacity: 0.5;
    }

    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_asc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > th.sorting_desc:after,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_asc:before,
    [data-bs-theme="dark"] table.dataTable thead > tr > td.sorting_desc:after {
        opacity: 1 !important;
    }

    [data-bs-theme="dark"] table.dataTable tbody td {
        border-right-color: var(--dt-grid-col-border) !important;
        border-bottom-color: var(--dt-grid-row-border) !important;
    }

    [data-bs-theme="dark"] .table-user-col-separator {
        border-right-color: var(--dt-grid-col-border) !important;
    }

    /* DataTables row expand/collapse — jquery.dataTables.min.css uses html.dark; app uses data-bs-theme */
    [data-bs-theme="dark"] table.dataTable td.dt-control:before,
    [data-bs-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before {
        color: var(--dt-text-muted);
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable th.dt-control,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.has-row-select thead th:first-child {
        background-color: var(--dt-table-head-bg) !important;
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable td.dt-control,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.has-row-select tbody td:first-child {
        background-color: var(--dt-surface) !important;
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select thead th.table-user-col-online,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select thead th.table-user-col-checkbox,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select:not(.table-sticky-name-off) thead th.table-user-col-name {
        background-color: var(--dt-table-head-bg) !important;
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select tbody td.table-user-col-online,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select tbody td.table-user-col-checkbox,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-has-online-select:not(.table-sticky-name-off) tbody td.table-user-col-name {
        background-color: var(--dt-surface) !important;
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-striped.table-has-online-select > tbody > tr:nth-of-type(odd) > td.table-user-col-online,
    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-striped.table-has-online-select > tbody > tr:nth-of-type(odd) > td.table-user-col-checkbox {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

    [data-bs-theme="dark"] .custom-table-scroll.is-overflowing table.dataTable.table-striped.table-has-online-select:not(.table-sticky-name-off) > tbody > tr:nth-of-type(odd) > td.table-user-col-name {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

    [data-bs-theme="dark"] .layout-page .table-striped > tbody > tr:nth-of-type(odd) > * {
        background-color: rgba(255, 255, 255, 0.02) !important;
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .table-user-avatar-img {
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] a.table-user-name-text {
        color: var(--dt-accent) !important;
    }

        [data-bs-theme="dark"] a.table-user-name-text:hover {
            color: var(--dt-accent-hover) !important;
        }

    [data-bs-theme="dark"] .layout-page table.dataTable tbody td,
    [data-bs-theme="dark"] .layout-page table tbody td,
    [data-bs-theme="dark"] .layout-page .grid-tab td {
        color: var(--dt-text) !important;
        border-color: var(--dt-grid-row-border) !important;
    }

    [data-bs-theme="dark"] .layout-page table.dataTable tbody tr:hover td,
    [data-bs-theme="dark"] .layout-page table tbody tr:hover td {
        background-color: rgba(255, 255, 255, 0.03) !important;
    }

    [data-bs-theme="dark"] .layout-page table.dataTable tr.child > td {
        background-color: var(--dt-surface-3) !important;
        color: var(--dt-text-muted) !important;
    }

    /* Club order — child batch rows (override light-theme hardcoded colors in devstyle) */
    [data-bs-theme="dark"] #clubOrderTable .club-order-child-grid,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .club-order-child-grid {
        background-color: var(--dt-surface-3) !important;
    }

    [data-bs-theme="dark"] #clubOrderTable .row-order td,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .row-order td,
    [data-bs-theme="dark"] #clubOrderTable .club-order-child-grid tbody td,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .club-order-child-grid tbody td {
        background-color: var(--dt-surface-2) !important;
        color: var(--dt-text) !important;
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] #clubOrderTable .row-empty td,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .row-empty td {
        background-color: var(--dt-surface-3) !important;
        color: var(--dt-text-muted) !important;
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] #clubOrderTable .row-child-header th,
    [data-bs-theme="dark"] #clubOrderTable .club-order-child-grid thead th,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .row-child-header th,
    [data-bs-theme="dark"] #clubOrderHierarchyTable .club-order-child-grid thead th {
        background-color: var(--dt-table-head-bg) !important;
        color: var(--dt-accent) !important;
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] #clubOrderTable a.club-order-batch-name-text,
    [data-bs-theme="dark"] #clubOrderTable a.club-order-item-name-text,
    [data-bs-theme="dark"] #clubOrderHierarchyTable a.club-order-batch-name-text,
    [data-bs-theme="dark"] #clubOrderHierarchyTable a.club-order-item-name-text {
        color: var(--dt-accent) !important;
    }

        [data-bs-theme="dark"] #clubOrderTable a.club-order-batch-name-text:hover,
        [data-bs-theme="dark"] #clubOrderTable a.club-order-item-name-text:hover,
        [data-bs-theme="dark"] #clubOrderHierarchyTable a.club-order-batch-name-text:hover,
        [data-bs-theme="dark"] #clubOrderHierarchyTable a.club-order-item-name-text:hover {
            color: var(--dt-accent-hover) !important;
        }

    [data-bs-theme="dark"] #clubOrderTable .club-order-batch-name-text:not(a),
    [data-bs-theme="dark"] #clubOrderHierarchyTable .club-order-batch-name-text:not(a) {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] #clubOrderTable td.dt-control:before,
    [data-bs-theme="dark"] #clubOrderHierarchyTable td.dt-control:before {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .club-order-detail-table .club-order-summary-row td,
    [data-bs-theme="dark"] .club-order-detail-table .club-order-detail-expand-row > td,
    [data-bs-theme="dark"] .club-order-detail-table .club-order-detail-panel,
    [data-bs-theme="dark"] .club-order-detail-table .club-order-batch-totals-row td {
        background-color: var(--dt-surface-2) !important;
        color: var(--dt-text) !important;
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_info,
    [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_length label {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_paginate .paginate_button {
        background: var(--dt-surface-2) !important;
        border-color: #3a3020 !important;
        color: var(--dt-text) !important;
    }

        [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled),
        [data-bs-theme="dark"] .layout-page .dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled) {
            color: var(--dt-accent) !important;
        }

    /* Overlays: modal, dropdown, select2, flatpickr, swal */
    [data-bs-theme="dark"] .layout-page .modal-content,
    [data-bs-theme="dark"] .layout-page .dropdown-menu,
    [data-bs-theme="dark"] .select2-container--default .select2-dropdown,
    [data-bs-theme="dark"] .flatpickr-calendar,
    [data-bs-theme="dark"] .swal2-popup {
        background: var(--dt-surface) !important;
        border-color: var(--dt-border) !important;
        color: var(--dt-text);
    }

    [data-bs-theme="dark"] .flatpickr-months .flatpickr-month,
    [data-bs-theme="dark"] .flatpickr-current-month,
    [data-bs-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,
    [data-bs-theme="dark"] .flatpickr-current-month input.cur-year,
    [data-bs-theme="dark"] .flatpickr-current-month span.cur-month {
        color: var(--dt-text) !important;
        fill: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month,
    [data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month {
        color: var(--dt-text-muted) !important;
        fill: var(--dt-text-muted) !important;
    }

        [data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover,
        [data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month:hover {
            color: var(--dt-accent) !important;
            fill: var(--dt-accent) !important;
        }

            [data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover svg,
            [data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month:hover svg,
            [data-bs-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover svg path,
            [data-bs-theme="dark"] .flatpickr-months .flatpickr-next-month:hover svg path {
                fill: var(--dt-accent) !important;
            }

    [data-bs-theme="dark"] span.flatpickr-weekday {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .flatpickr-day {
        color: var(--dt-text) !important;
    }

        [data-bs-theme="dark"] .flatpickr-day.prevMonthDay,
        [data-bs-theme="dark"] .flatpickr-day.nextMonthDay {
            color: var(--dt-text-dim) !important;
        }

        [data-bs-theme="dark"] .flatpickr-day.today {
            border-color: var(--dt-accent) !important;
        }

            [data-bs-theme="dark"] .flatpickr-day:hover,
            [data-bs-theme="dark"] .flatpickr-day.prevMonthDay:hover,
            [data-bs-theme="dark"] .flatpickr-day.nextMonthDay:hover,
            [data-bs-theme="dark"] .flatpickr-day:focus,
            [data-bs-theme="dark"] .flatpickr-day.today:hover,
            [data-bs-theme="dark"] .flatpickr-day.today:focus {
                background: var(--dt-accent-soft) !important;
                border-color: var(--dt-accent) !important;
                color: var(--dt-text) !important;
            }

        [data-bs-theme="dark"] .flatpickr-day.selected,
        [data-bs-theme="dark"] .flatpickr-day.startRange,
        [data-bs-theme="dark"] .flatpickr-day.endRange,
        [data-bs-theme="dark"] .flatpickr-day.selected:hover,
        [data-bs-theme="dark"] .flatpickr-day.startRange:hover,
        [data-bs-theme="dark"] .flatpickr-day.endRange:hover {
            background: var(--dt-accent) !important;
            border-color: var(--dt-accent) !important;
            color: #111 !important;
        }

        [data-bs-theme="dark"] .flatpickr-day.inRange {
            background: rgba(201, 169, 110, 0.18) !important;
            border-color: transparent !important;
            box-shadow: -5px 0 0 rgba(201, 169, 110, 0.18), 5px 0 0 rgba(201, 169, 110, 0.18) !important;
            color: var(--dt-text) !important;
        }

        [data-bs-theme="dark"] .flatpickr-day.flatpickr-disabled,
        [data-bs-theme="dark"] .flatpickr-day.flatpickr-disabled:hover {
            color: var(--dt-text-dim) !important;
            background: transparent !important;
            opacity: 0.45;
        }

    [data-bs-theme="dark"] .flatpickr-time,
    [data-bs-theme="dark"] .flatpickr-time input,
    [data-bs-theme="dark"] .flatpickr-time .flatpickr-am-pm {
        background: var(--dt-surface) !important;
        color: var(--dt-text) !important;
        border-color: var(--dt-border) !important;
    }

        [data-bs-theme="dark"] .flatpickr-time input:hover,
        [data-bs-theme="dark"] .flatpickr-time .flatpickr-am-pm:hover {
            background: var(--dt-surface-2) !important;
        }

    [data-bs-theme="dark"] .numInputWrapper span {
        border-color: var(--dt-border) !important;
    }

        [data-bs-theme="dark"] .numInputWrapper span.arrowUp:after {
            border-bottom-color: var(--dt-text-muted) !important;
        }

        [data-bs-theme="dark"] .numInputWrapper span.arrowDown:after {
            border-top-color: var(--dt-text-muted) !important;
        }

    [data-bs-theme="dark"] .flatpickr-current-month span.cur-month:hover,
    [data-bs-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
    [data-bs-theme="dark"] .numInputWrapper:hover {
        background: var(--dt-surface-2) !important;
    }

    [data-bs-theme="dark"] .layout-page .modal-header,
    [data-bs-theme="dark"] .layout-page .modal-footer,
    [data-bs-theme="dark"] .layout-page hr,
    [data-bs-theme="dark"] .layout-page .border,
    [data-bs-theme="dark"] .layout-page .border-top,
    [data-bs-theme="dark"] .layout-page .border-bottom {
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] .layout-page .dropdown-item,
    [data-bs-theme="dark"] .select2-container--default .select2-results__option {
        color: var(--dt-text) !important;
    }

    /* Already-selected options keep default #ddd bg — light text becomes unreadable */
    [data-bs-theme="dark"] .select2-container--default .select2-results__option--selected,
    [data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
        background-color: var(--dt-accent-soft) !important;
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .layout-page .dropdown-item:hover,
    [data-bs-theme="dark"] .layout-page .dropdown-item:focus,
    [data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--dt-accent) !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selected,
    [data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
        background-color: var(--dt-accent) !important;
        color: #fff !important;
    }

    /* DataTable action grid menu — all modules (Customer, Seller, Rider, etc.) */
    [data-bs-theme="dark"] .datatable-grid-menu {
        background-color: var(--dt-surface-2) !important;
        border-color: rgba(201, 169, 110, 0.3) !important;
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(201, 169, 110, 0.1) !important;
    }

        [data-bs-theme="dark"] .datatable-grid-menu::-webkit-scrollbar-thumb {
            background: rgba(201, 169, 110, 0.35) !important;
        }

            [data-bs-theme="dark"] .datatable-grid-menu:hover::-webkit-scrollbar-thumb,
            [data-bs-theme="dark"] .datatable-grid-menu::-webkit-scrollbar-thumb:hover {
                background: rgba(201, 169, 110, 0.55) !important;
            }

        [data-bs-theme="dark"] .datatable-grid-menu .grid-item {
            color: var(--dt-text-muted) !important;
        }

            [data-bs-theme="dark"] .datatable-grid-menu .grid-item i {
                color: var(--dt-text-dim) !important;
            }

            [data-bs-theme="dark"] .datatable-grid-menu .grid-item:hover,
            [data-bs-theme="dark"] .datatable-grid-menu .grid-item:focus {
                background-color: var(--dt-accent-soft) !important;
                color: var(--dt-accent) !important;
            }

                [data-bs-theme="dark"] .datatable-grid-menu .grid-item:hover i,
                [data-bs-theme="dark"] .datatable-grid-menu .grid-item:focus i,
                [data-bs-theme="dark"] .datatable-grid-menu .grid-item:hover span,
                [data-bs-theme="dark"] .datatable-grid-menu .grid-item:focus span {
                    color: var(--dt-accent) !important;
                }

    /* Detail / special pages */
    [data-bs-theme="dark"] .layout-page .profile-detail-card,
    [data-bs-theme="dark"] .layout-page .city-service-panel,
    [data-bs-theme="dark"] .geo-fence-container,
    [data-bs-theme="dark"] .geo-fence-header,
    [data-bs-theme="dark"] .support-ticket-summary,
    [data-bs-theme="dark"] .support-chat-panel,
    [data-bs-theme="dark"] .support-reply-card {
        background: var(--dt-surface) !important;
        border-color: var(--dt-border-soft) !important;
    }

    [data-bs-theme="dark"] .geo-fence-city-title strong {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .layout-page .profile-detail-banner {
        background: linear-gradient(135deg, #1a1510, #2a2215 35%, #3d3020 70%, #4a3a25) !important;
    }

    [data-bs-theme="dark"] .layout-page .city-service-panel-header {
        background: var(--dt-surface-2) !important;
    }

    /* City Service Management page */
    [data-bs-theme="dark"] .city-service-page {
        color: var(--dt-text);
    }

        [data-bs-theme="dark"] .city-service-page .city-service-filters .form-group label {
            color: var(--dt-text-muted) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-panel,
        [data-bs-theme="dark"] .layout-page .city-service-panel {
            background: var(--dt-surface) !important;
            border-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-panel-header,
        [data-bs-theme="dark"] .layout-page .city-service-panel-header {
            background: var(--dt-surface-2) !important;
            border-bottom-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-panel-title,
        [data-bs-theme="dark"] .city-service-page .city-service-panel-title span {
            color: var(--dt-text) !important;
        }

            [data-bs-theme="dark"] .city-service-page .city-service-panel-title i {
                color: var(--dt-accent) !important;
            }

        [data-bs-theme="dark"] .city-service-page .city-service-active-badge {
            background: var(--dt-surface-3) !important;
            color: var(--dt-text-muted) !important;
            border: 1px solid var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-category-item {
            border-bottom-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-category-toggle {
            background: transparent !important;
            color: var(--dt-text) !important;
        }

            [data-bs-theme="dark"] .city-service-page .city-service-category-toggle:hover,
            [data-bs-theme="dark"] .city-service-page .city-service-category-toggle:focus {
                background: var(--dt-surface-2) !important;
                color: var(--dt-text) !important;
            }

        [data-bs-theme="dark"] .city-service-page .city-service-category-icon {
            background: var(--dt-accent-soft) !important;
            color: var(--dt-accent) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-category-name,
        [data-bs-theme="dark"] .city-service-page .city-service-category-name .form-check-label {
            color: var(--dt-text) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-category-subtitle,
        [data-bs-theme="dark"] .city-service-page .city-service-category-count,
        [data-bs-theme="dark"] .city-service-page .city-service-category-chevron {
            color: var(--dt-text-muted) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-subcategory-list {
            background: var(--dt-surface-2) !important;
            border-top-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-check-item {
            background: var(--dt-surface) !important;
            border-color: var(--dt-border) !important;
            color: var(--dt-text) !important;
        }

            [data-bs-theme="dark"] .city-service-page .city-service-check-item:hover,
            [data-bs-theme="dark"] .city-service-page .city-service-check-item:focus-within {
                background: var(--dt-surface-3) !important;
                border-color: var(--dt-accent) !important;
            }

            [data-bs-theme="dark"] .city-service-page .city-service-check-item .city-service-subcategory-name {
                color: var(--dt-text) !important;
            }

            [data-bs-theme="dark"] .city-service-page .city-service-check-item:has(.form-check-input:disabled) {
                opacity: 0.55;
            }

        [data-bs-theme="dark"] .city-service-page .city-service-panel-footer {
            background: var(--dt-surface-2) !important;
            border-top-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page .city-service-save-status {
            color: var(--dt-text-muted) !important;
        }

            [data-bs-theme="dark"] .city-service-page .city-service-save-status.is-dirty {
                color: var(--dt-accent) !important;
            }

        [data-bs-theme="dark"] .city-service-page #shiftTabsRow .nav-tabs {
            border-bottom-color: var(--dt-border) !important;
        }

        [data-bs-theme="dark"] .city-service-page #shiftTabsRow .nav-link {
            color: var(--dt-text-muted) !important;
            background: transparent !important;
            border-color: transparent !important;
        }

            [data-bs-theme="dark"] .city-service-page #shiftTabsRow .nav-link:hover {
                color: var(--dt-accent) !important;
                background: var(--dt-surface-2) !important;
                border-color: transparent !important;
            }

            [data-bs-theme="dark"] .city-service-page #shiftTabsRow .nav-link.active {
                color: var(--dt-accent) !important;
                background: var(--dt-accent-soft) !important;
                border-color: var(--dt-border) var(--dt-border) transparent !important;
            }

            [data-bs-theme="dark"] .city-service-page #shiftTabsRow .nav-link i {
                color: inherit !important;
            }

        [data-bs-theme="dark"] .city-service-page .accordion,
        [data-bs-theme="dark"] .city-service-page .accordion-item,
        [data-bs-theme="dark"] .city-service-page .accordion-flush .accordion-item {
            background: transparent !important;
            border-color: var(--dt-border) !important;
            color: var(--dt-text);
        }

        [data-bs-theme="dark"] .city-service-page .accordion-button {
            background: transparent !important;
            color: var(--dt-text) !important;
            box-shadow: none !important;
        }

            [data-bs-theme="dark"] .city-service-page .accordion-button:not(.collapsed) {
                background: var(--dt-surface-2) !important;
                color: var(--dt-text) !important;
            }

            [data-bs-theme="dark"] .city-service-page .accordion-button:hover,
            [data-bs-theme="dark"] .city-service-page .accordion-button:focus {
                background: var(--dt-surface-2) !important;
                color: var(--dt-text) !important;
            }

        [data-bs-theme="dark"] .city-service-page .form-check-input {
            background-color: var(--dt-surface-3) !important;
            border-color: var(--dt-border) !important;
        }

            [data-bs-theme="dark"] .city-service-page .form-check-input:checked {
                background-color: var(--dt-accent) !important;
                border-color: var(--dt-accent) !important;
            }

        [data-bs-theme="dark"] .city-service-page #btnClearFilters.btn-outline-secondary {
            color: var(--dt-text-muted) !important;
            border-color: var(--dt-border) !important;
            background: transparent !important;
        }

            [data-bs-theme="dark"] .city-service-page #btnClearFilters.btn-outline-secondary:hover,
            [data-bs-theme="dark"] .city-service-page #btnClearFilters.btn-outline-secondary:focus {
                color: var(--dt-accent) !important;
                border-color: var(--dt-accent) !important;
                background: var(--dt-accent-soft) !important;
            }

    /* Rating & Reviews page */
    [data-bs-theme="dark"] .rating-review-page {
        --rr-accent: var(--dt-accent);
        --rr-accent-dark: var(--dt-accent-hover);
        --rr-accent-soft: var(--dt-accent-soft);
        --rr-table-head-bg: var(--dt-table-head-bg);
        --rr-text: var(--dt-text-muted);
        --rr-border: var(--dt-border);
        --rr-card-shadow: var(--dt-shadow);
        color: var(--dt-text);
    }

        [data-bs-theme="dark"] .rating-review-page .rr-card,
        [data-bs-theme="dark"] .rating-review-page .rr-filters-card,
        [data-bs-theme="dark"] .rating-review-page .rr-table-card {
            background: var(--dt-surface) !important;
            border-color: var(--dt-border) !important;
            box-shadow: var(--dt-shadow) !important;
        }

            [data-bs-theme="dark"] .rating-review-page .rr-table-card .card-body {
                background: transparent !important;
                color: var(--dt-text);
            }

        [data-bs-theme="dark"] .rating-review-page .rr-score-value,
        [data-bs-theme="dark"] .rating-review-page .rr-stats-title,
        [data-bs-theme="dark"] .rating-review-page .rr-stat-value {
            color: var(--dt-text) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-total-reviews,
        [data-bs-theme="dark"] .rating-review-page .rr-stat-label,
        [data-bs-theme="dark"] .rating-review-page .rr-star-bar-row,
        [data-bs-theme="dark"] .rating-review-page .rr-review-text,
        [data-bs-theme="dark"] .rating-review-page .rr-date-text,
        [data-bs-theme="dark"] .rating-review-page .rr-rating-num {
            color: var(--dt-text-muted) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-subtext,
        [data-bs-theme="dark"] .rating-review-page .rr-weekly-label {
            color: var(--dt-text-dim) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-growth-badge {
            background: var(--dt-accent-soft) !important;
            color: var(--dt-accent) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-star-bar-track {
            background: var(--dt-surface-3) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-weekly-bar {
            background: rgba(255, 255, 255, 0.14) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-weekly-bar.is-active {
            background: var(--rr-accent) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-weekly-tooltip {
            background: var(--dt-surface-2) !important;
            color: var(--dt-text) !important;
            border: 1px solid var(--dt-border);
        }

        [data-bs-theme="dark"] .rating-review-page #ratingTabs .nav-link {
            background: var(--dt-surface-2) !important;
            border-color: var(--dt-border) !important;
            color: var(--dt-text-muted) !important;
        }

            [data-bs-theme="dark"] .rating-review-page #ratingTabs .nav-link:hover {
                border-color: var(--dt-accent) !important;
                color: var(--dt-accent) !important;
                background: var(--dt-accent-soft) !important;
            }

            [data-bs-theme="dark"] .rating-review-page #ratingTabs .nav-link.active {
                background: var(--dt-accent) !important;
                border-color: var(--dt-accent) !important;
                color: #111 !important;
            }

        [data-bs-theme="dark"] .rating-review-page .rr-filters-card .form-label {
            color: var(--dt-text-muted) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-filters-card .form-control {
            background-color: var(--dt-surface-2) !important;
            border-color: var(--dt-border) !important;
            color: var(--dt-text) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-filters-card .btn-outline-secondary {
            border-color: var(--dt-border) !important;
            color: var(--dt-text-muted) !important;
            background: var(--dt-surface-2) !important;
        }

            [data-bs-theme="dark"] .rating-review-page .rr-filters-card .btn-outline-secondary:hover,
            [data-bs-theme="dark"] .rating-review-page .rr-filters-card .btn-outline-secondary:focus {
                background: var(--dt-surface-3) !important;
                border-color: var(--dt-accent) !important;
                color: var(--dt-text) !important;
            }

        [data-bs-theme="dark"] .rating-review-page .slider-track {
            background: var(--dt-surface-3) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .range-slider input[type="range"]::-webkit-slider-thumb {
            border-color: var(--dt-surface-2) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-table-toolbar {
            border-bottom-color: var(--dt-border) !important;
            background: transparent !important;
        }

            [data-bs-theme="dark"] .rating-review-page .rr-table-toolbar #customSearch input {
                background-color: var(--dt-surface-2) !important;
                border-color: var(--dt-border) !important;
                color: var(--dt-text) !important;
            }

        [data-bs-theme="dark"] .rating-review-page .dataTables_wrapper .bottom-wrapper {
            border-top-color: var(--dt-border) !important;
            background: transparent !important;
        }

        [data-bs-theme="dark"] .rating-review-page #ratingTable thead th {
            background-color: var(--dt-table-head-bg) !important;
            color: var(--dt-accent) !important;
            border-bottom-color: rgba(201, 169, 110, 0.3) !important;
        }

        [data-bs-theme="dark"] .rating-review-page #ratingTable tbody td {
            color: var(--dt-text) !important;
            border-bottom-color: var(--dt-border-soft) !important;
            background-color: transparent !important;
        }

        [data-bs-theme="dark"] .rating-review-page #ratingTable tbody tr:hover,
        [data-bs-theme="dark"] .rating-review-page #ratingTable tbody tr:hover td {
            background: rgba(255, 255, 255, 0.03) !important;
        }

        [data-bs-theme="dark"] .rating-review-page .rr-star-empty {
            color: #4a4a4a !important;
        }

        [data-bs-theme="dark"] .rating-review-page .order-person-name-text,
        [data-bs-theme="dark"] .rating-review-page .table-user-name-text {
            color: var(--dt-accent) !important;
        }

            [data-bs-theme="dark"] .rating-review-page .order-person-name-text:hover,
            [data-bs-theme="dark"] .rating-review-page .table-user-name-text:hover {
                color: var(--dt-accent-hover) !important;
            }

    /* Support Detail — chat panel, bubbles, reply composer */
    [data-bs-theme="dark"] .support-detail-page .support-ticket-summary,
    [data-bs-theme="dark"] .support-detail-page .support-chat-panel,
    [data-bs-theme="dark"] .support-detail-page .support-reply-card {
        background: var(--dt-surface) !important;
        border-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-ticket-label {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-ticket-value {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-panel {
        background: var(--dt-surface-2) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-header {
        background: var(--dt-surface) !important;
        border-bottom-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-header-name {
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-header-role {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-container {
        background: transparent !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-bubble--user {
        background: var(--dt-surface) !important;
        color: var(--dt-text) !important;
        border-color: var(--dt-border) !important;
        box-shadow: none !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-bubble--admin {
        background: var(--dt-accent-soft) !important;
        color: var(--dt-text) !important;
        border: 1px solid rgba(201, 169, 110, 0.35) !important;
        box-shadow: none !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-time {
        color: var(--dt-text-dim) !important;
        opacity: 1 !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-attachments a {
        color: var(--dt-accent) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-chat-empty {
        color: var(--dt-text-muted) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-reply-card .card-header {
        background: var(--dt-surface) !important;
        border-bottom-color: var(--dt-border) !important;
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-reply-composer-wrap {
        background: var(--dt-surface) !important;
        border-top-color: var(--dt-border) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-reply-input-box {
        background: var(--dt-surface-2) !important;
        border-color: var(--dt-border) !important;
        box-shadow: none !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-reply-textarea {
        color: var(--dt-text) !important;
    }

        [data-bs-theme="dark"] .support-detail-page .support-reply-textarea::placeholder {
            color: var(--dt-placeholder) !important;
        }

    [data-bs-theme="dark"] .support-detail-page .support-reply-icon-btn {
        color: var(--dt-text-muted) !important;
    }

        [data-bs-theme="dark"] .support-detail-page .support-reply-icon-btn:hover {
            color: var(--dt-accent) !important;
            background: var(--dt-accent-soft) !important;
        }

    [data-bs-theme="dark"] .support-detail-page .support-reply-file-chip {
        background: var(--dt-surface-2) !important;
        border-color: var(--dt-border) !important;
        color: var(--dt-text) !important;
    }

    [data-bs-theme="dark"] .support-detail-page .support-reply-file-remove {
        color: var(--dt-text-muted) !important;
    }

        [data-bs-theme="dark"] .support-detail-page .support-reply-file-remove:hover {
            color: #ff7d73 !important;
        }

    /* Dashboard — labels vs values */
    [data-bs-theme="dark"] .dashboard-page {
        color: var(--dt-text-muted);
    }

        [data-bs-theme="dark"] .dashboard-page a.dashboard-card-link,
        [data-bs-theme="dark"] .dashboard-page a.dashboard-card-link:hover {
            color: inherit;
        }

        [data-bs-theme="dark"] .dashboard-page .dashboard-count,
        [data-bs-theme="dark"] .dashboard-page .dashboard-percent,
        [data-bs-theme="dark"] .dashboard-page [class*="-value"],
        [data-bs-theme="dark"] .dashboard-page [class*="-amount"],
        [data-bs-theme="dark"] .dashboard-page .pay-donut-center,
        [data-bs-theme="dark"] .dashboard-page .pay-summary-title,
        [data-bs-theme="dark"] .dashboard-page .revenue-total-title,
        [data-bs-theme="dark"] .dashboard-page .top-rider-name,
        [data-bs-theme="dark"] .dashboard-page .top-rider-earning,
        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-title,
        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-customer-name {
            color: var(--dt-text);
        }

        [data-bs-theme="dark"] .dashboard-page .pay-tabs,
        [data-bs-theme="dark"] .dashboard-page .sales-progress-track,
        [data-bs-theme="dark"] .dashboard-page .top-rider-rank,
        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-thead tr {
            background: var(--dt-surface-2);
        }

        [data-bs-theme="dark"] .dashboard-page .customer-icon {
            background: rgba(244, 166, 42, 0.18);
            color: #f4a62a;
        }

        [data-bs-theme="dark"] .dashboard-page .seller-icon,
        [data-bs-theme="dark"] .dashboard-page .night-orders-icon,
        [data-bs-theme="dark"] .dashboard-page .pay-balance-icon,
        [data-bs-theme="dark"] .dashboard-page .revenue-tile-icon-current {
            background: rgba(201, 169, 110, 0.18);
            color: var(--dt-accent);
        }

        [data-bs-theme="dark"] .dashboard-page .rider-icon {
            background: rgba(255, 90, 71, 0.18);
            color: #ff7d73;
        }

        [data-bs-theme="dark"] .dashboard-page .active-orders-icon {
            background: rgba(34, 197, 94, 0.18);
            color: #22c55e;
        }

        [data-bs-theme="dark"] .dashboard-page .customer-card {
            border-bottom-color: rgba(244, 166, 42, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .seller-card,
        [data-bs-theme="dark"] .dashboard-page .night-orders-card,
        [data-bs-theme="dark"] .dashboard-page .payments-card-new,
        [data-bs-theme="dark"] .dashboard-page .revenue-card {
            border-bottom-color: rgba(201, 169, 110, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .rider-card,
        [data-bs-theme="dark"] .dashboard-page .referral-card {
            border-bottom-color: rgba(255, 125, 115, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .active-orders-card {
            border-bottom-color: rgba(34, 197, 94, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .orders-card {
            border-bottom-color: rgba(0, 172, 193, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .sales-card {
            border-bottom-color: rgba(102, 187, 106, 0.45) !important;
        }

        [data-bs-theme="dark"] .dashboard-page .pay-divider,
        [data-bs-theme="dark"] .dashboard-page .revenue-total-left,
        [data-bs-theme="dark"] .dashboard-page .top-rider-row,
        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-table thead th,
        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-table tbody td {
            border-color: var(--dt-line) !important;
        }

            [data-bs-theme="dark"] .dashboard-page .top-rider-row:hover {
                background: rgba(201, 169, 110, 0.1);
            }

        [data-bs-theme="dark"] .dashboard-page .upcoming-dob-table tbody tr:hover {
            background: rgba(255, 255, 255, 0.03);
        }

        [data-bs-theme="dark"] .dashboard-page .dashboard-count-pending {
            color: var(--dt-placeholder);
        }

@media (max-width: 991.98px) {
    [data-bs-theme="dark"] .dashboard-page .revenue-total-left {
        border-bottom-color: var(--dt-line) !important;
    }

    [data-bs-theme="dark"] .dashboard-page .revenue-total-right,
    [data-bs-theme="dark"] .dashboard-page .revenue-growth-panel {
        border-top-color: var(--dt-line) !important;
    }
}

/* Login / Forgot Password / Reset Password */
[data-bs-theme="dark"] body.login-page,
[data-bs-theme="dark"] .authentication-wrapper {
    background-color: var(--dt-bg) !important;
}

[data-bs-theme="dark"] .authentication-inner .card {
    --bs-card-color: var(--dt-text);
    background: var(--dt-surface) !important;
    border-color: var(--dt-border-soft) !important;
    box-shadow: var(--dt-shadow);
    color: var(--dt-text);
}

    [data-bs-theme="dark"] .authentication-inner .card h4,
    [data-bs-theme="dark"] .authentication-inner .card p,
    [data-bs-theme="dark"] .authentication-inner .form-label,
    [data-bs-theme="dark"] .authentication-inner label {
        color: var(--dt-text) !important;
    }

[data-bs-theme="dark"] .authentication-inner .form-control {
    background-color: var(--dt-surface-2) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

    [data-bs-theme="dark"] .authentication-inner .form-control::placeholder {
        color: var(--dt-placeholder) !important;
    }

    [data-bs-theme="dark"] .authentication-inner .form-control:focus {
        border-color: var(--dt-accent) !important;
        box-shadow: 0 0 0 0.2rem rgba(201, 169, 110, 0.2) !important;
    }

[data-bs-theme="dark"] .authentication-inner a:not(.btn) {
    color: var(--dt-accent) !important;
}

    [data-bs-theme="dark"] .authentication-inner a:not(.btn):hover {
        color: var(--dt-accent-hover) !important;
    }

/* Auth decorative dot patterns — match top/bottom dot-only style in dark theme */
[data-bs-theme="dark"] .authentication-wrapper.authentication-basic .authentication-inner::before,
[data-bs-theme="dark"] .authentication-wrapper.authentication-basic .authentication-inner::after {
    background: rgba(201, 169, 110, 0.55) !important;
    pointer-events: none;
}

/* Password eye icon — visible on dark inputs */
[data-bs-theme="dark"] .password-wrapper .field-icon,
[data-bs-theme="dark"] .password-wrapper .toggle-password,
[data-bs-theme="dark"] .password-wrapper .toggle-passwordCnf {
    color: var(--dt-accent) !important;
}

    [data-bs-theme="dark"] .password-wrapper .field-icon:hover,
    [data-bs-theme="dark"] .password-wrapper .toggle-password:hover,
    [data-bs-theme="dark"] .password-wrapper .toggle-passwordCnf:hover {
        color: var(--dt-accent-hover) !important;
    }

/* Auth submit — gold button, both themes (no Bootstrap blue on hover/click) */
.authentication-inner .btn-primary {
    background-color: var(--dt-accent, #c9a96e) !important;
    border-color: var(--dt-accent, #c9a96e) !important;
    color: #fff !important;
}

    .authentication-inner .btn-primary:hover {
        background-color: var(--dt-accent-hover, #dfc18a) !important;
        border-color: var(--dt-accent-hover, #dfc18a) !important;
        color: #fff !important;
    }

    .authentication-inner .btn-primary:focus,
    .authentication-inner .btn-primary.focus,
    .authentication-inner .btn-primary:active,
    .authentication-inner .btn-primary.active,
    .authentication-inner .btn-primary:not(:disabled):not(.disabled):active,
    .authentication-inner .btn-primary:not(:disabled):not(.disabled).active,
    .authentication-inner .btn-primary:not(:disabled):not(.disabled):active:focus,
    .authentication-inner .btn-primary:not(:disabled):not(.disabled).active:focus,
    .authentication-inner .show > .btn-primary.dropdown-toggle,
    .authentication-inner .show > .btn-primary.dropdown-toggle:focus {
        background-color: var(--dt-accent, #c9a96e) !important;
        border-color: var(--dt-accent, #c9a96e) !important;
        color: #fff !important;
        box-shadow: 0 0 0 0.2rem rgba(201, 169, 110, 0.25) !important;
    }

/* Sidebar logo — hide all; show one per theme/state.
   Mobile keeps .layout-menu-collapsed and uses .layout-menu-expanded,
   so full logos must not require :not(.layout-menu-collapsed). */
.app-brand .app-brand-img-light,
.app-brand .app-brand-img-dark,
.app-brand .app-brand-img-collapsed-light,
.app-brand .app-brand-img-collapsed-dark {
    display: none !important;
    height: 40px;
    width: auto;
    max-width: 190px;
    object-fit: contain;
}

.app-brand .app-brand-img-collapsed-light,
.app-brand .app-brand-img-collapsed-dark {
    height: 28px;
    max-width: 36px;
}

/* Light theme — full logo (desktop expanded + mobile off-canvas) */
html:not([data-bs-theme="dark"]) .layout-menu .app-brand .app-brand-img-light {
    display: block !important;
}

html:not([data-bs-theme="dark"]) .layout-menu .app-brand .app-brand-img-dark,
html:not([data-bs-theme="dark"]) .layout-menu .app-brand .app-brand-img-collapsed-dark {
    display: none !important;
}

/* Dark theme — full logo */
html[data-bs-theme="dark"] .layout-menu .app-brand .app-brand-img-dark {
    display: block !important;
}

html[data-bs-theme="dark"] .layout-menu .app-brand .app-brand-img-light,
html[data-bs-theme="dark"] .layout-menu .app-brand .app-brand-img-collapsed-light {
    display: none !important;
}

/* Desktop collapsed rail — icon only; hover restores full logo */
@media (min-width: 1200px) {
    html.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand .app-brand-img-light,
    html.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand .app-brand-img-dark {
        display: none !important;
    }

    html:not([data-bs-theme="dark"]).layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand .app-brand-img-collapsed-light {
        display: block !important;
    }

    html[data-bs-theme="dark"].layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand .app-brand-img-collapsed-dark {
        display: block !important;
    }

    html:not([data-bs-theme="dark"]).layout-menu-collapsed.layout-menu-hover .layout-menu .app-brand .app-brand-img-light {
        display: block !important;
    }

    html[data-bs-theme="dark"].layout-menu-collapsed.layout-menu-hover .layout-menu .app-brand .app-brand-img-dark {
        display: block !important;
    }

    html.layout-menu-collapsed.layout-menu-hover .layout-menu .app-brand .app-brand-img-collapsed-light,
    html.layout-menu-collapsed.layout-menu-hover .layout-menu .app-brand .app-brand-img-collapsed-dark {
        display: none !important;
    }
}

[data-bs-theme="dark"] .auth-logo-light {
    display: none !important;
}

[data-bs-theme="dark"] .auth-logo-dark {
    display: block !important;
}

[data-bs-theme="light"] .auth-logo-dark,
:root:not([data-bs-theme="dark"]) .auth-logo-dark {
    display: none !important;
}

.auth-theme-toggle {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1050;
    text-decoration: none;
}

[data-bs-theme="dark"] .auth-theme-toggle .theme-toggle-icon {
    background-color: var(--dt-surface-2);
    color: var(--dt-text);
}

/* CKEditor — iframe body (Content Management dark content only) */
body.cke-dark-body,
body.cke-dark-body.cke_editable,
body.cke-dark-body.cke_editable_themed,
html.cke-dark-html {
    background-color: #1a1a1a !important;
    color: #e9eaec !important;
}

/* CKEditor — chrome UI dark theme */
[data-bs-theme="dark"] .cke_chrome {
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .cke_inner {
    background: var(--dt-surface-2) !important;
}

[data-bs-theme="dark"] .cke_top,
[data-bs-theme="dark"] .cke_bottom {
    background: var(--dt-surface-2) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .cke_contents,
[data-bs-theme="dark"] .cke_contents iframe,
[data-bs-theme="dark"] .cke_wysiwyg_frame,
[data-bs-theme="dark"] .cke_wysiwyg_div {
    background-color: #1a1a1a !important;
}

[data-bs-theme="dark"] textarea.cke_source {
    background-color: #1a1a1a !important;
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .cke_reset_all,
[data-bs-theme="dark"] .cke_combo_text,
[data-bs-theme="dark"] .cke_button_label,
[data-bs-theme="dark"] .cke_path_item,
[data-bs-theme="dark"] span.cke_path_empty {
    color: var(--dt-text-muted) !important;
}

[data-bs-theme="dark"] a.cke_button_on {
    background: var(--dt-surface) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] a.cke_button_off:hover,
[data-bs-theme="dark"] a.cke_button_off:focus,
[data-bs-theme="dark"] a.cke_button_off:active,
[data-bs-theme="dark"] .cke_combo_on a.cke_combo_button,
[data-bs-theme="dark"] .cke_combo_off a.cke_combo_button:hover,
[data-bs-theme="dark"] .cke_combo_off a.cke_combo_button:focus,
[data-bs-theme="dark"] .cke_combo_off a.cke_combo_button:active {
    background: var(--dt-surface) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .cke_toolbar_separator,
[data-bs-theme="dark"] .cke_toolgroup a.cke_button:last-child:after {
    background-color: var(--dt-border) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .cke_button_icon {
    filter: invert(1) brightness(1.15);
}

[data-bs-theme="dark"] .cke_panel,
[data-bs-theme="dark"] .cke_panel_grouptitle {
    background: var(--dt-surface) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .cke_panel_listItem a:hover,
[data-bs-theme="dark"] .cke_panel_listItem a:focus,
[data-bs-theme="dark"] .cke_panel_listItem a:active,
[data-bs-theme="dark"] .cke_panel_listItem.cke_selected a {
    background-color: var(--dt-surface-2) !important;
}

/* Email template — keep HTML preview/editor content as light "paper" (emails are light-designed) */
[data-bs-theme="dark"] .email-template-preview-wrap,
[data-bs-theme="dark"] .email-template-preview,
[data-bs-theme="dark"] .email-template-preview-frame {
    background-color: #ffffff !important;
    border-color: var(--dt-border) !important;
    color: #333333 !important;
    color-scheme: light !important;
}

[data-bs-theme="dark"] .layout-page .card-body .formstyle .row > [class*="col-"] > .row > .email-template-preview-wrap {
    color: #333333 !important;
}

[data-bs-theme="dark"] .email-template-preview,
[data-bs-theme="dark"] .email-template-preview *:not(a):not(img) {
    color: #333333 !important;
}

[data-bs-theme="dark"] .email-template-preview a {
    color: #0782c1 !important;
}

[data-bs-theme="dark"] .email-template-edit .email-template-editor .cke_contents,
[data-bs-theme="dark"] .email-template-edit .email-template-editor .cke_contents iframe,
[data-bs-theme="dark"] .email-template-edit .email-template-editor .cke_wysiwyg_frame,
[data-bs-theme="dark"] .email-template-edit .email-template-editor .cke_wysiwyg_div {
    background-color: #ffffff !important;
    color-scheme: light !important;
}

[data-bs-theme="dark"] .email-template-edit .email-template-editor textarea.cke_source {
    background-color: #ffffff !important;
    color: #333333 !important;
    color-scheme: light !important;
}

/* Email template editor toolbar — always light chrome so icons stay readable in both themes */
.email-template-edit .cke_chrome {
    border-color: #c4c4c4 !important;
}

.email-template-edit .cke_inner,
.email-template-edit .cke_top,
.email-template-edit .cke_bottom {
    background: #f0f0f0 !important;
    border-color: #c4c4c4 !important;
}

.email-template-edit .cke_toolgroup,
.email-template-edit .cke_combo_button {
    background: #ffffff !important;
    border-color: #bdbdbd !important;
    box-shadow: none !important;
}

.email-template-edit .cke_button_icon {
    filter: none !important;
    opacity: 1 !important;
}

.email-template-edit .cke_combo_text,
.email-template-edit .cke_button_label,
.email-template-edit .cke_path_item,
.email-template-edit span.cke_path_empty {
    color: #333333 !important;
}

.email-template-edit a.cke_button_off:hover,
.email-template-edit a.cke_button_off:focus,
.email-template-edit a.cke_button_off:active,
.email-template-edit a.cke_button_on,
.email-template-edit .cke_combo_on a.cke_combo_button,
.email-template-edit .cke_combo_off a.cke_combo_button:hover,
.email-template-edit .cke_combo_off a.cke_combo_button:focus,
.email-template-edit .cke_combo_off a.cke_combo_button:active {
    background: #e6e6e6 !important;
    border-color: #a8a8a8 !important;
}

.email-template-edit .cke_toolbar_separator,
.email-template-edit .cke_toolgroup a.cke_button:last-child:after {
    background-color: #c4c4c4 !important;
    border-color: #c4c4c4 !important;
}

/* Order History — filter panel, chips, shift tabs */
[data-bs-theme="dark"] .order-history-page .order-filter-panel {
    background: var(--dt-surface) !important;
    border-color: var(--dt-border) !important;
    box-shadow: var(--dt-shadow) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-panel__header {
    background: var(--dt-surface-2) !important;
    border-bottom-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-panel__title {
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-panel__subtitle {
    color: var(--dt-text-muted) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-panel__body .form-label {
    color: var(--dt-text-muted) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-panel__body .form-select {
    background-color: var(--dt-surface-2) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

    [data-bs-theme="dark"] .order-history-page .order-filter-panel__body .form-select:focus {
        border-color: var(--dt-accent) !important;
        box-shadow: 0 0 0 0.2rem rgba(201, 169, 110, 0.25) !important;
    }

[data-bs-theme="dark"] .order-history-page .order-filter-toggle {
    border-color: var(--dt-accent) !important;
    color: var(--dt-accent) !important;
    background: transparent !important;
}

    [data-bs-theme="dark"] .order-history-page .order-filter-toggle:hover,
    [data-bs-theme="dark"] .order-history-page .order-filter-toggle:focus,
    [data-bs-theme="dark"] .order-history-page .order-filter-toggle[aria-expanded="true"] {
        background: var(--dt-accent-soft) !important;
        border-color: var(--dt-accent-hover) !important;
        color: var(--dt-accent-hover) !important;
    }

[data-bs-theme="dark"] .order-history-page .order-filter-chips {
    background: var(--dt-surface-2) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-chips__title {
    color: var(--dt-text-muted) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-chips__clear {
    color: var(--dt-accent) !important;
}

    [data-bs-theme="dark"] .order-history-page .order-filter-chips__clear:hover {
        color: var(--dt-accent-hover) !important;
    }

[data-bs-theme="dark"] .order-history-page .order-filter-chip {
    background: var(--dt-surface) !important;
    border-color: var(--dt-border) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-chip__label {
    color: var(--dt-text-dim) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-chip__value {
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .order-history-page .order-filter-chip__remove {
    background: var(--dt-accent-soft) !important;
    color: var(--dt-accent) !important;
}

    [data-bs-theme="dark"] .order-history-page .order-filter-chip__remove:hover {
        background: var(--dt-accent) !important;
        color: #111 !important;
    }

[data-bs-theme="dark"] .order-history-page .order-filter-panel__actions .btn-outline-secondary {
    border-color: var(--dt-border) !important;
    color: var(--dt-text-muted) !important;
    background: var(--dt-surface-2) !important;
}

    [data-bs-theme="dark"] .order-history-page .order-filter-panel__actions .btn-outline-secondary:hover,
    [data-bs-theme="dark"] .order-history-page .order-filter-panel__actions .btn-outline-secondary:focus {
        background: var(--dt-surface-3) !important;
        border-color: var(--dt-accent) !important;
        color: var(--dt-text) !important;
    }

[data-bs-theme="dark"] .order-history-page .order-shift-tabs__nav {
    border-bottom-color: var(--dt-border) !important;
}

    [data-bs-theme="dark"] .order-history-page .order-shift-tabs__nav .nav-link {
        color: var(--dt-text-muted) !important;
        background: transparent !important;
    }

        [data-bs-theme="dark"] .order-history-page .order-shift-tabs__nav .nav-link:hover {
            color: var(--dt-accent) !important;
            background: var(--dt-surface-2) !important;
        }

        [data-bs-theme="dark"] .order-history-page .order-shift-tabs__nav .nav-link.active {
            color: var(--dt-accent) !important;
            background: var(--dt-accent-soft) !important;
            border-bottom-color: var(--dt-accent) !important;
        }

/* Order Detail — items table */
[data-bs-theme="dark"] .layout-page .card-body .table-bordered {
    border-color: var(--dt-border) !important;
    color: var(--dt-text);
}

    [data-bs-theme="dark"] .layout-page .card-body .table-bordered th,
    [data-bs-theme="dark"] .layout-page .card-body .table-bordered td {
        border-color: var(--dt-border) !important;
        color: var(--dt-text);
        background-color: transparent;
    }

    [data-bs-theme="dark"] .layout-page .card-body .table-bordered thead th {
        background: var(--dt-table-head-bg) !important;
        color: var(--dt-accent) !important;
    }

    [data-bs-theme="dark"] .layout-page .card-body .table-bordered tfoot td {
        background: var(--dt-surface-2) !important;
        color: var(--dt-text) !important;
    }

/* Seller Platform Fee — Create/Edit/Detail slab cards (mobile stacked layout) */
[data-bs-theme="dark"] .seller-platform-fee-slab-table .slabrow,
[data-bs-theme="dark"] .seller-platform-fee-detail-table tr {
    background: var(--dt-surface-2) !important;
    border-bottom-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .seller-platform-fee-slab-table .slabrow > td,
[data-bs-theme="dark"] .seller-platform-fee-detail-table td {
    color: var(--dt-text) !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .seller-platform-fee-slab-table .slabrow > td::before,
[data-bs-theme="dark"] .seller-platform-fee-detail-table td::before {
    color: var(--dt-text-muted) !important;
}

[data-bs-theme="dark"] .seller-platform-fee-slab-table .slabrow > td.slab-index-col,
[data-bs-theme="dark"] .seller-platform-fee-detail-table td[data-label="#"] {
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .seller-platform-fee-slabs-section h5,
[data-bs-theme="dark"] .detail-fields h6 {
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .seller-platform-fee-form .btnremoveslabrow.btn-secondary {
    background-color: var(--dt-surface-3) !important;
    border-color: var(--dt-border) !important;
    color: var(--dt-text) !important;
}

    [data-bs-theme="dark"] .seller-platform-fee-form .btnremoveslabrow.btn-secondary:hover,
    [data-bs-theme="dark"] .seller-platform-fee-form .btnremoveslabrow.btn-secondary:focus {
        background-color: var(--dt-surface-2) !important;
        border-color: var(--dt-border) !important;
        color: var(--dt-text) !important;
    }

/* Native select dropdown arrow — after layout-bundle so chevron wins cascade */
.layout-page select:not([multiple]):not(.no-select-arrow):not(.select2-hidden-accessible):not(.order-shift-select):not(.top-rider-city-select):not(.dispute-status-select) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
    padding-right: 2.5rem !important;
}

[data-bs-theme="dark"] .layout-page {
    --bs-form-select-bg-img: none;
}

/* Select2 single — match native .form-control / .borderfix (select2.min.css loads last in layout-bundle) */
.layout-page .select2-container--default .select2-selection--single {
    position: relative;
    background-color: transparent !important;
    border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg)) !important;
    border-radius: var(--bs-border-radius) !important;
    min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2));
    height: auto !important;
    padding: 0;
    outline: none;
}

    .layout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--bs-heading-color) !important;
        line-height: 1.375;
        padding-left: 0.9375rem;
        padding-right: 3.5rem; /* room for clear (×) + chevron */
        min-height: calc(1.375em + 1.086rem);
        display: flex;
        align-items: center;
    }

    .layout-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--bs-secondary-color) !important;
    }

    /* Keep clear (×) left of the chevron so they do not overlap */
    .layout-page .select2-container--default .select2-selection--single .select2-selection__clear {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        float: none;
        margin: 0;
        height: auto;
        line-height: 1;
        padding: 0 0.25rem;
        z-index: 2;
        font-size: 1rem;
    }

    .layout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
        background: none !important;
        height: 100% !important;
        top: 0 !important;
        right: 0.25rem !important;
        width: 1.75rem !important;
    }

        .layout-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
            display: none !important;
        }

        .layout-page .select2-container--default .select2-selection--single .select2-selection__arrow::before {
            color: var(--app-select-chevron-color);
        }

[data-bs-theme="dark"] .layout-page .select2-container--default .select2-selection--single {
    background-color: var(--dt-surface-2) !important;
    border-color: var(--dt-border) !important;
}

[data-bs-theme="dark"] .layout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dt-text) !important;
}

[data-bs-theme="dark"] .layout-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dt-placeholder) !important;
}

/* Select2 multiselect (Announcement / Bulk Notification Create) */
.layout-page .select2-container--default .select2-selection--multiple {
    position: relative;
    padding-right: 2.5rem !important;
}

    .layout-page .select2-container--default .select2-selection--multiple::after {
        content: "\f078";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 0.625rem;
        color: var(--app-select-chevron-color);
        position: absolute;
        top: 50%;
        right: 0.75rem;
        width: auto;
        height: auto;
        transform: translateY(-50%);
        background: none;
        background-image: none;
        pointer-events: none;
    }

/* Mobile spacing between filter fields and Clear Filters action */
@media (max-width: 767.98px) {
    .list-filter-toolbar__search,
    .list-filter-toolbar__select {
        flex: 1 1 100%;
        width: 100%;
    }

    .list-filter-toolbar__clear {
        flex: 1 1 100%;
        width: 100%;
        margin-top: 0.5rem;
    }

    .list-filter-toolbar__clear .btn {
        width: 100%;
    }

    .list-filter-toolbar__actions {
        margin-left: 0;
        width: 100%;
        text-align: right;
        margin-top: 0.5rem;
    }

    .card-header .row.align-items-center:has(#customSearch):has(#btnClearFilters) > [class*="col-md-"],
    .card-header .row.align-items-center:has(#customSearch):has(#btnClearFilters) > [class*="col-lg-"],
    .card-header .row.align-items-center:has(#customSearch):has(#btnReferralBonusLogClearFilters) > [class*="col-md-"],
    .card-header .row.align-items-center:has(#customSearch):has(#btnReferralBonusLogClearFilters) > [class*="col-lg-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-header .row.align-items-center:has(#customSearch):has(#btnClearFilters) > :has(#btnClearFilters),
    .card-header .row.align-items-center:has(#customSearch):has(#btnReferralBonusLogClearFilters) > :has(#btnReferralBonusLogClearFilters) {
        margin-top: 0.75rem;
    }

    .card-header .row.g-2 > :has(#btnClearFilters),
    .card-header .row.g-3 > :has(#btnClearFilters),
    .card-header .row.align-items-end > :has(#btnClearFilters),
    .card-header .row.g-2 > :has(#btnReferralBonusLogClearFilters),
    .card-header .row.g-3 > :has(#btnReferralBonusLogClearFilters),
    .card-header .row.align-items-end > :has(#btnReferralBonusLogClearFilters) {
        margin-top: 0.75rem;
    }

    .city-service-filters > :has(#btnClearFilters) {
        margin-top: 0.75rem;
    }

    .card-header #btnClearFilters,
    .card-header #btnReferralBonusLogClearFilters,
    .city-service-page #btnClearFilters,
    .announcement-filters #btnClearFilters {
        width: 100%;
    }

    .order-filter-panel__actions {
        gap: 0.75rem;
    }
}

/* Scrollable dropdown lists when options exceed visible limit */
.layout-page .select2-container--default .select2-results > .select2-results__options {
    max-height: 250px;
    overflow-y: auto;
}

.layout-page .dropdown-menu:not(.datatable-grid-menu) {
    max-height: 280px;
    overflow-y: auto;
}

/* DataTable header utilities — sort icons & utility columns (loads after layout-bundle) */
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 0.55rem !important;
    line-height: 1 !important;
    height: auto !important;
    opacity: 0.45;
    right: 8px !important;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before {
    content: "\25B2" !important;
    bottom: calc(50% + 1px) !important;
    top: auto !important;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after {
    content: "\25BC" !important;
    top: calc(50% + 1px) !important;
    bottom: auto !important;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.85;
}

table.dataTable thead > tr > th.table-user-col-checkbox:before,
table.dataTable thead > tr > th.table-user-col-checkbox:after,
table.dataTable thead > tr > th.table-user-col-edit:before,
table.dataTable thead > tr > th.table-user-col-edit:after,
table.dataTable thead > tr > th.table-user-col-online:before,
table.dataTable thead > tr > th.table-user-col-online:after,
table.dataTable thead > tr > th.sorting_disabled:before,
table.dataTable thead > tr > th.sorting_disabled:after,
table.dataTable thead > tr > td.sorting_disabled:before,
table.dataTable thead > tr > td.sorting_disabled:after {
    display: none !important;
    content: none !important;
}

table.dataTable thead > tr > th.table-user-col-checkbox,
table.dataTable thead > tr > th.table-user-col-edit,
table.dataTable thead > tr > th.table-user-col-online {
    padding-right: 4px !important;
    cursor: default !important;
}

table.dataTable tbody td.table-user-col-edit .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: #ae814a;
    text-decoration: none;
}

table.dataTable tbody td.table-user-col-edit .action-btn:hover {
    color: #c9a96e;
}

[data-bs-theme="dark"] table.dataTable tbody td.table-user-col-edit .action-btn {
    color: var(--dt-accent) !important;
}

[data-bs-theme="dark"] table.dataTable tbody td.table-user-col-edit .action-btn:hover {
    color: var(--dt-accent-hover) !important;
}