/*# Used to override main styles for custom layout adjustments and colors. */
.container-fluid {
    max-width: 100%;
}

/* Pre-paint dark background to avoid white flash */
html.dark-mode-preload body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* === Dark Mode === */
body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode .navbar.fixed-top {
    background-color: #0d0d0d !important;
}

body.dark-mode .container,
body.dark-mode .container-fluid {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode .card,
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu,
body.dark-mode .list-group-item,
body.dark-mode .table {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #3a3a3a;
}

body.dark-mode .table-bordered td,
body.dark-mode .table-bordered th {
    border-color: #3a3a3a;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #252525;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #333;
}

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .custom-select,
body.dark-mode .bootstrap-select .dropdown-toggle {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #3a3a3a;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

body.dark-mode .btn-secondary {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
}

body.dark-mode .btn-secondary:hover {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

body.dark-mode a {
    color: #6cb2ff;
}

body.dark-mode a:hover {
    color: #9cc9ff;
}

body.dark-mode .text-muted {
    color: #999 !important;
}

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

body.dark-mode .alert-info {
    background-color: #1c3a4f;
    color: #b8daff;
    border-color: #2a4a5f;
}

body.dark-mode .alert-success {
    background-color: #1f3a25;
    color: #c3e6cb;
    border-color: #2a4a30;
}

body.dark-mode .alert-warning {
    background-color: #4a3a1a;
    color: #ffeeba;
    border-color: #5a4a2a;
}

body.dark-mode .alert-danger {
    background-color: #4a1a1a;
    color: #f5c6cb;
    border-color: #5a2a2a;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #3a3a3a;
}

body.dark-mode .close {
    color: #e0e0e0;
}

body.dark-mode hr {
    border-color: #3a3a3a;
}

body.dark-mode .bootstrap-select .dropdown-menu {
    background-color: #2a2a2a;
}

body.dark-mode .bootstrap-select .dropdown-menu li a {
    color: #e0e0e0;
}

body.dark-mode .bootstrap-select .dropdown-menu li a:hover {
    background-color: #3a3a3a;
}

body.dark-mode #darkModeToggle {
    color: rgba(255, 255, 255, 0.75);
}

body.dark-mode #darkModeToggle:hover {
    color: #fff;
}