/* ================================================================
   DARK MODE OVERRIDES
================================================================ */
body.dark {
    background: #1e1e2f !important;
    --cnvs-body-bg: #1e1e2f;
    color: #d1d1d6 !important;
}

.dark {
    --cnvs-contrast-bg: #1e1e2f;
    --cnvs-contrast-bg-offset: #2a2a3d;
    --cnvs-contrast-0: #1e1e2f;
    --cnvs-contrast-100: #2a2a3d;
    --cnvs-contrast-200: #33334a;
    --cnvs-contrast-300: #3e3e58;
    --cnvs-contrast-400: #6c757d;
    --cnvs-contrast-500: #adb5bd;
    --cnvs-contrast-600: #ced4da;
    --cnvs-contrast-700: #dee2e6;
    --cnvs-contrast-800: #e9ecef;
    --cnvs-contrast-900: #f8f9fa;
    --cnvs-contrast-1000: #fff;
    --cnvs-header-bg: #191928;
    --cnvs-header-sticky-bg: #191928;
    --cnvs-side-header-bg: #191928;
    --cnvs-header-floating-bg: #191928;
    --cnvs-primary-menu-submenu-bg: #252540;
    --cnvs-section-bg: #2a2a3d;
    --cnvs-footer-bg: #191928;
    --cnvs-topbar-bg: #191928;
    color: #d1d1d6;
}

/* Sidebar / Header */
body.dark #header,
body.dark #header-wrap {
    background-color: #191928 !important;
}
body.dark .header-wrap-clone {
    background-color: #191928 !important;
}
body.dark #header-trigger {
    background-color: #191928 !important;
    color: #f4a02c !important;
}

/* Side menu links */
body.dark .primary-menu .menu-link div,
body.dark .primary-menu .menu-container > .menu-item > .menu-link {
    color: #ccc !important;
}
body.dark .primary-menu .menu-link:hover div,
body.dark .primary-menu .menu-container > .menu-item > .menu-link:hover {
    color: #f4a02c !important;
}
body.dark .sub-menu-container {
    background-color: #252540 !important;
}
body.dark .sub-menu-container .menu-link div {
    color: #bbb !important;
}
body.dark .sub-menu-container .menu-link:hover div {
    color: #f4a02c !important;
}

/* Profile image border */
body.dark .img_circle {
    border-color: #f4a02c !important;
}

/* Page title area */
body.dark .page-title-mini {
    background-color: #252540 !important;
}
body.dark .page-title-mini h3,
body.dark .page-title-mini h5 {
    color: #f0f0f0 !important;
}
body.dark .breadcrumb-item a,
body.dark .breadcrumb-item {
    color: #aaa !important;
}

/* Sub-menu bar (navbar) */
body.dark .bg_sc {
    background-color: #33334a !important;
}

/* Main content area */
body.dark #wrapper {
    background-color: #1e1e2f !important;
}
body.dark section {
    color: #d1d1d6;
}

/* Cards, boxes, content blocks */
body.dark .dash_icon {
    background-color: #2a2a3d !important;
    border-color: #f4a02c !important;
    color: #d1d1d6 !important;
    box-shadow: 5px 5px rgba(0,0,0,0.4);
}
body.dark .dash_icon:hover {
    box-shadow: none;
}
body.dark .dash_icon h4,
body.dark .dash_icon h5,
body.dark .dash_icon p,
body.dark .dash_icon span {
    color: #e0e0e0 !important;
}
body.dark .fbox_dashboard {
    background-color: #2a2a3d !important;
    border-color: #f4a02c !important;
    color: #d1d1d6 !important;
}

/* Tables */
body.dark .table {
    color: #d1d1d6 !important;
    --bs-table-bg: #2a2a3d;
    --bs-table-border-color: #3e3e58;
}
body.dark .table-bordered > :not(caption) > * > * {
    border-color: #3e3e58 !important;
}
body.dark .table-hover > tbody > tr:hover > * {
    background-color: #33334a !important;
    color: #e0e0e0 !important;
}
body.dark .table_colored thead th {
    background-color: #33334a !important;
    color: #f4a02c !important;
}
body.dark .table_colored tfoot th {
    background-color: #33334a !important;
    color: #f4a02c !important;
}
body.dark .table_colored td {
    background-color: #2a2a3d !important;
    color: #d1d1d6 !important;
}

/* Forms */
body.dark input,
body.dark textarea,
body.dark select,
body.dark .form-control {
    background-color: #33334a !important;
    border-color: #3e3e58 !important;
    color: #d1d1d6 !important;
}
body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #888 !important;
}
body.dark .form_header {
    background-color: #33334a !important;
}
body.dark .form_div {
    border-color: #3e3e58 !important;
}
body.dark .form_body {
    background-color: #2a2a3d !important;
}
body.dark .form_title {
    color: #f4a02c !important;
    border-bottom-color: #f4a02c !important;
}

/* Labels and text */
body.dark label {
    color: #d1d1d6 !important;
}
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
    color: #e8e8ed !important;
}
body.dark a {
    color: #d1d1d6;
}
body.dark a:hover {
    color: #f4a02c;
}
body.dark b {
    color: #f4a02c !important;
}

/* Tutorial / info messages */
body.dark .tutorialMsg {
    background-color: #33334a !important;
    color: #d1d1d6 !important;
}
body.dark .style-msg {
    border-color: #3e3e58 !important;
}

/* Modals */
body.dark .modal-content {
    background-color: #2a2a3d !important;
    color: #d1d1d6 !important;
}
body.dark .modal-header {
    background-color: #33334a !important;
    border-bottom-color: #f4a02c !important;
}
body.dark .modal-footer {
    border-top-color: #3e3e58 !important;
    background-color: #2a2a3d !important;
}

/* Buttons */
body.dark .button-border.button-red {
    color: #e74c3c !important;
    border-color: #e74c3c !important;
}
body.dark .button-border.button-green {
    color: #2ecc71 !important;
    border-color: #2ecc71 !important;
}

/* Pagination */
body.dark .pagination span {
    background: #33334a;
}
body.dark .pagination span.current {
    color: #f4a02c !important;
}
body.dark .pagination span a {
    color: #bbb !important;
}

/* Notices / Alerts */
body.dark .notice {
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Tabs */
body.dark .nav-link {
    color: #ccc !important;
}
body.dark .nav-link.active,
body.dark .nav-link:hover {
    color: #f4a02c !important;
}

/* Divider and sections */
body.dark .heading-block::after {
    border-color: #f4a02c !important;
}

/* Badge */
body.dark .badge.bg-light {
    background-color: #33334a !important;
    color: #d1d1d6 !important;
}

/* Dash label */
body.dark .dash_label {
    color: #d1d1d6 !important;
}

/* bg classes override */
body.dark .bg-success {
    background-color: rgba(41, 168, 71, 0.3) !important;
    color: #8fd8a4 !important;
}
body.dark .bg-not-success {
    background-color: rgba(168, 41, 41, 0.3) !important;
    color: #e8a0a0 !important;
}

/* Footer override */
body.dark #footer {
    background: #191928 !important;
}
body.dark #copyrights {
    background-color: #111120 !important;
}

/* Help div */
body.dark #divHelp {
    background: #2a2a3d !important;
    border-color: #f4a02c !important;
    color: #d1d1d6 !important;
}

/* Preloader */
body.dark #preloader .css3-spinner {
    background-color: #1e1e2f !important;
}

/* hr separator in menu */
body.dark hr {
    border-color: #3e3e58 !important;
}