/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(37,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(43,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(44,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(50,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(59,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(63,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(92,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color'
(97,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(157,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(158,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(164,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(165,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(170,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(179,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(181,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(193,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(194,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(210,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(211,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(212,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(216,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(220,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(221,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(222,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(226,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(232,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(294,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(295,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(299,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(311,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(312,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(350,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(352,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(357,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(358,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(359,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(367,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(368,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(372,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(373,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(377,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
(385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(397,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(398,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(403,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg'
(404,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(406,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(410,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(411,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(416,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(422,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(427,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(452,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(457,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color'
 */
/* ==========================
   DARK MODE THEME VARIABLES
========================== */
html[data-bs-theme='dark'] {
    color-scheme: dark;
    --bs-body-bg: #181818;
    --bs-body-color: #cccccc;
    --bs-secondary-bg: #1f1f1f;
    --bs-tertiary-bg: #252526;
    --bs-emphasis-color: #d4d4d4;
    --bs-secondary-color: #8a8a8a;
    --bs-tertiary-color: rgba(228, 228, 228, 0.65);
    --bs-border-color: #3c3c3c;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.1);
    --bs-card-bg: #1f1f1f;
    --bs-card-border-color: #2e2e2e;
    --bs-table-bg: #252526;
    --bs-table-border-color: #3c3c3c;
    --bs-primary: #0d6efd;
    --bs-link-color: #66bfff;
    --bs-btn-bg: #2a2a2a;
    --bs-btn-color: #cccccc;
    --bs-btn-border-color: #3c3c3c;
    --bs-light-bg-subtle: #252526;
    --bs-dark-bg-subtle: #141414;
}


/* =============================
   GENERAL BACKGROUND + TEXT
============================= */
html[data-bs-theme='dark'] body,
html[data-bs-theme='dark'] .container,
html[data-bs-theme='dark'] .card,
html[data-bs-theme='dark'] .content-wrapper {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

html[data-bs-theme='dark'] .header,
html[data-bs-theme='dark'] .page-header,
html[data-bs-theme='dark'] footer {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

html[data-bs-theme='dark'] .row.mb-3 {
    background-color: var(--bs-body-bg) !important;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}


/* =============================
   SIDEBAR STYLING
============================= */
html[data-bs-theme='dark'] .sidebar {
    background-color: #141414 !important;
    color: var(--bs-body-color) !important;
}

    html[data-bs-theme='dark'] .sidebar a {
        color: var(--bs-body-color);
    }

        html[data-bs-theme='dark'] .sidebar a:hover {
            background-color: #2a2a2a;
        }

    html[data-bs-theme='dark'] .sidebar .submenu {
        background-color: #1a1a1a;
    }


/* =============================
   TYPOGRAPHY AND HEADERS
============================= */
html[data-bs-theme='dark'] h1,
html[data-bs-theme='dark'] h2,
html[data-bs-theme='dark'] h3,
html[data-bs-theme='dark'] h4,
html[data-bs-theme='dark'] h5,
html[data-bs-theme='dark'] h6,
html[data-bs-theme='dark'] .h1,
html[data-bs-theme='dark'] .h2,
html[data-bs-theme='dark'] .h3,
html[data-bs-theme='dark'] .h4,
html[data-bs-theme='dark'] .h5,
html[data-bs-theme='dark'] .h6,
html[data-bs-theme='dark'] .breadcrumb,
html[data-bs-theme='dark'] .breadcrumb-item a {
    color: var(--bs-emphasis-color) !important;
    font-weight: 500;
}

html[data-bs-theme='dark'] .modal-title {
    color: var(--bs-emphasis-color) !important;
    font-weight: 500;
}


/* =============================
   CLOSE / CLEAR ICONS
============================= */
html[data-bs-theme='dark'] .btn-close,
[data-bs-theme='dark'] .btn-close {
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-filter: none;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d4d4d4'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    filter: none !important;
    opacity: 1 !important;
}

html[data-bs-theme='dark'] .modal-header .btn-close,
html[data-bs-theme='dark'] .offcanvas-header .btn-close,
html[data-bs-theme='dark'] .toast-header .btn-close,
[data-bs-theme='dark'] .modal-header .btn-close,
[data-bs-theme='dark'] .offcanvas-header .btn-close,
[data-bs-theme='dark'] .toast-header .btn-close {
    width: 1.1em;
    height: 1.1em;
    padding: 0.35em;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}

html[data-bs-theme='dark'] .btn-close:hover,
html[data-bs-theme='dark'] .btn-close:focus,
[data-bs-theme='dark'] .btn-close:hover,
[data-bs-theme='dark'] .btn-close:focus {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    filter: none !important;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: none;
}

html[data-bs-theme='dark'] .btn-close-white,
[data-bs-theme='dark'] .btn-close-white {
    --bs-btn-close-filter: none;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    filter: none !important;
    opacity: 1 !important;
}


/* =============================
   FORM CONTROLS
============================= */
html[data-bs-theme='dark'] .form-control,
html[data-bs-theme='dark'] .form-select {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

html[data-bs-theme='dark'] .form-control:disabled,
html[data-bs-theme='dark'] .form-control[readonly],
html[data-bs-theme='dark'] .form-select:disabled {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-secondary-color);
    cursor: not-allowed;
}

html[data-bs-theme='dark'] .form-control::placeholder {
    color: var(--bs-secondary-color);
}


/* =============================
   BUTTONS (Bootstrap & Custom)
============================= */
html[data-bs-theme='dark'] .btn,
html[data-bs-theme='dark'] .dt-button {
    background-color: var(--bs-btn-bg);
    color: var(--bs-btn-color);
    border: 1px solid var(--bs-btn-border-color);
}

    html[data-bs-theme='dark'] .btn:hover,
    html[data-bs-theme='dark'] .dt-button:hover {
        background-color: #353535;
        border-color: #4a4a4a;
        color: #fff;
    }

html[data-bs-theme='dark'] .btn-custom {
    border: 1px solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
    color: var(--bs-btn-color);
}

    html[data-bs-theme='dark'] .btn-custom:hover {
        background-color: #353535;
        border-color: #4a4a4a;
        color: #fff;
    }


/* =============================
   DATATABLES OVERRIDES
============================= */
html[data-bs-theme='dark'] table.dataTable,
html[data-bs-theme='dark'] table.dataTable th,
html[data-bs-theme='dark'] table.dataTable td {
    background-color: var(--bs-table-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-table-border-color);
}

    html[data-bs-theme='dark'] table.dataTable thead th {
        background-color: var(--bs-card-bg) !important;
    }

html[data-bs-theme='dark'] .dataTables_wrapper .dataTables_filter input {
    background-color: var(--bs-card-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
}

html[data-bs-theme='dark'] .dataTables_wrapper .dataTables_filter label {
    color: var(--bs-body-color);
}

html[data-bs-theme='dark'] .dataTables_wrapper .dt-buttons .dt-button {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--bs-body-color);
}

    html[data-bs-theme='dark'] .dataTables_wrapper .dt-buttons .dt-button:hover {
        background-color: rgba(255, 255, 255, 0.15);
    }

.dataTables_wrapper table.dataTable {
    font-size: 0.85rem;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: 0.85rem;
}

.dataTables_wrapper .dt-buttons .btn {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
}


/* =============================
   DATATABLE PAGE LENGTH DROPDOWN
============================= */
[data-bs-theme="dark"] div.dt-button-collection {
    background-color: #1f1f1f;
    color: #e4e4e4;
    border: 1px solid #3c3c3c;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}

    [data-bs-theme="dark"] div.dt-button-collection button.dt-button {
        background-color: transparent;
        color: #fff;
        border: none;
    }

        [data-bs-theme="dark"] div.dt-button-collection button.dt-button:hover {
            background-color: #2a2a2a;
            color: #e4e4e4;
        }

    [data-bs-theme="dark"] div.dt-button-collection button.button-page-length.active {
        background: #353535 !important;
        color: #e4e4e4 !important;
        box-shadow: none !important;
        border: 1px solid #3c3c3c !important;
    }

    [data-bs-theme="dark"] div.dt-button-collection button.button-page-length:hover {
        background: #2a2a2a;
        color: #e4e4e4;
    }


/* =============================
   DROPDOWNS
============================= */
html[data-bs-theme='dark'] .dropdown-menu {
    background-color: var(--bs-card-bg);
    color: var(--bs-body-color);
}

html[data-bs-theme='dark'] .dropdown-item {
    color: var(--bs-body-color);
}

    html[data-bs-theme='dark'] .dropdown-item:hover {
        background-color: #2a2a2a;
    }


/* =============================
   SLIM TOOLBAR
============================= */
html[data-bs-theme="dark"] .slim-toolbar {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.05);
    border-radius: 0.25rem;
}


html[data-bs-theme='dark'] button.btn-custom.dropdown-toggle[type="button"] {
    border: 1px solid #3c3c3c !important;
    background-color: #2a2a2a !important;
    color: #e4e4e4 !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-bs-theme='dark'] a.btn.btn-custom {
    border: 1px solid #3c3c3c !important;
    background-color: #2a2a2a !important;
    color: #e4e4e4 !important;
    background-image: none !important;
    box-shadow: none !important;
}

    html[data-bs-theme='dark'] a.btn.btn-custom:hover {
        background-color: #353535 !important;
        border-color: #4a4a4a !important;
        color: #fff !important;
    }

/* Always add padding back in modal body/content */
.modal .modal-content {
    padding: 0;
    border-radius: 0.5rem; /* or whatever you want for rounded corners */
}

.modal .modal-body {
    padding: 1.5rem; /* or 1rem for smaller; adjust as needed */
}
html[data-bs-theme='dark'] .modal-content {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-card-border-color) !important;
}

html[data-bs-theme='dark'] .modal-header,
html[data-bs-theme='dark'] .modal-footer {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}


/* =============================
   BOOTSTRAP UTILITY OVERRIDES
============================= */
html[data-bs-theme='dark'] .bg-light {
    background-color: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;
}

html[data-bs-theme='dark'] .bg-white {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-body-color) !important;
}

html[data-bs-theme='dark'] .text-muted {
    color: var(--bs-secondary-color) !important;
}


/* =============================
   STANDALONE BOOTSTRAP TABLES
============================= */
html[data-bs-theme='dark'] .table:not(.dataTable) {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: var(--bs-tertiary-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(255, 255, 255, 0.08);
    --bs-table-active-color: var(--bs-body-color);
}

html[data-bs-theme='dark'] .table:not(.dataTable) > :not(caption) > * > * {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
    box-shadow: none !important;
}

html[data-bs-theme='dark'] .table:not(.dataTable) thead th {
    background-color: var(--bs-secondary-bg) !important;
    color: var(--bs-body-color) !important;
    font-weight: 600;
    border-color: var(--bs-border-color) !important;
}

html[data-bs-theme='dark'] .table:not(.dataTable) tbody td {
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

html[data-bs-theme='dark'] .table:not(.dataTable).table-hover > tbody > tr:hover > * {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--bs-body-color) !important;
}

html[data-bs-theme='dark'] .table-bordered,
html[data-bs-theme='dark'] .table-bordered th,
html[data-bs-theme='dark'] .table-bordered td {
    border-color: var(--bs-border-color) !important;
}

html[data-bs-theme='dark'] .border,
html[data-bs-theme='dark'] .border.rounded {
    border-color: var(--bs-border-color) !important;
}


/* Select2 styling lives in Content/css/_select2.css (loaded last in _Layout). */


/* =============================
   AJAX LOADING OVERLAY (SFStartUp.js)
============================= */
html[data-bs-theme='dark'] .loadingOverlay {
    background: rgba(24, 24, 24, 0.82) !important;
}

html[data-bs-theme='dark'] .loadingOverlay .spinner {
    border-color: #3c3c3c !important;
    border-top-color: #4d9fff !important;
}


/* =============================
   DROPZONE
============================= */
html[data-bs-theme='dark'] .dropzone {
    background: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-primary) !important;
}

html[data-bs-theme='dark'] .dropzone .dz-message,
html[data-bs-theme='dark'] .dropzone .dz-message strong {
    color: var(--bs-secondary-color);
}


/* =============================
   SCROLLBARS
============================= */
html[data-bs-theme='dark'] .modal-body,
html[data-bs-theme='dark'] .content,
html[data-bs-theme='dark'] .sidebar {
    scrollbar-color: #3c3c3c #181818;
    scrollbar-width: thin;
}

html[data-bs-theme='dark'] .modal-body::-webkit-scrollbar,
html[data-bs-theme='dark'] .content::-webkit-scrollbar,
html[data-bs-theme='dark'] .sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html[data-bs-theme='dark'] .modal-body::-webkit-scrollbar-track,
html[data-bs-theme='dark'] .content::-webkit-scrollbar-track,
html[data-bs-theme='dark'] .sidebar::-webkit-scrollbar-track {
    background: #181818;
}

html[data-bs-theme='dark'] .modal-body::-webkit-scrollbar-thumb,
html[data-bs-theme='dark'] .content::-webkit-scrollbar-thumb,
html[data-bs-theme='dark'] .sidebar::-webkit-scrollbar-thumb {
    background-color: #3c3c3c;
    border-radius: 4px;
}

html[data-bs-theme='dark'] .modal-body::-webkit-scrollbar-thumb:hover,
html[data-bs-theme='dark'] .content::-webkit-scrollbar-thumb:hover,
html[data-bs-theme='dark'] .sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #4a4a4a;
}