/* Dark Mode Theme for AdminLTE */
body {
    background-color: #1a1d21;
    color: #e4e6eb;
}

/* Main sidebar */
.main-sidebar {
    background-color: #242526;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* Brand logo */
.brand-link {
    border-bottom: 1px solid #3a3b3c;
    background-color: #18191a;
}

.brand-link .brand-image {
    opacity: 1;
}

/* Sidebar menu */
.sidebar {
    padding: 0;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, #3498db, #2980b9);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.nav-sidebar .nav-item .nav-icon {
    margin-right: 0.5rem;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #3a3b3c;
    color: #fff;
    border-radius: 5px;
}

/* Content wrapper */
.content-wrapper {
    background-color: #1a1d21;
}

/* Cards */
.card {
    background-color: #242526;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 1.5rem;
}

.card-header {
    background-color: #2d2f31;
    border-bottom: 1px solid #3a3b3c;
}

.card-title {
    color: #e4e6eb;
}

/* Tables */
.table {
    color: #e4e6eb;
}

.table thead th {
    border-bottom: 2px solid #3a3b3c;
    background-color: #2d2f31;
}

.table td, .table th {
    border-top: 1px solid #3a3b3c;
}

.table-hover tbody tr:hover {
    background-color: #3a3b3c;
    color: #fff;
}

/* Pagination */
.pagination .page-item.disabled .page-link {
    background-color: #242526;
    border-color: #3a3b3c;
    color: #6c757d;
}

.pagination .page-item .page-link {
    background-color: #242526;
    border-color: #3a3b3c;
    color: #e4e6eb;
}

.pagination .page-item.active .page-link {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

/* Inputs and form controls */
.form-control, .custom-select {
    background-color: #3a3b3c;
    border-color: #4a4b4c;
    color: #e4e6eb;
}

.form-control:focus, .custom-select:focus {
    background-color: #3a3b3c;
    border-color: #3498db;
    color: #e4e6eb;
}

.input-group-text {
    background-color: #2d2f31;
    border-color: #4a4b4c;
    color: #e4e6eb;
}

/* Buttons */
.btn-default {
    background-color: #3a3b3c;
    border-color: #4a4b4c;
    color: #e4e6eb;
}

.btn-default:hover {
    background-color: #4a4b4c;
    border-color: #5a5b5c;
    color: #fff;
}

/* Navbar */
.main-header {
    background-color: #242526;
    border-bottom: 1px solid #3a3b3c;
}

.navbar-light .navbar-nav .nav-link {
    color: #e4e6eb;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #3498db;
}

/* Modals */
.modal-content {
    background-color: #242526;
    border: 1px solid #3a3b3c;
}

.modal-header {
    border-bottom: 1px solid #3a3b3c;
}

.modal-footer {
    border-top: 1px solid #3a3b3c;
}

.close {
    color: #e4e6eb;
}

.close:hover {
    color: #fff;
}

/* Custom styles for filter container */
.filter-container .card {
    background-color: #242526;
}

.filter-container .card-header {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.filter-container .card-body {
    background-color: #2d2f31;
}

.filter-container label {
    color: #e4e6eb;
}

/* Select2 dark mode */
.select2-container--bootstrap4 .select2-selection {
    background-color: #3a3b3c;
    border-color: #4a4b4c;
    color: #e4e6eb;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #e4e6eb;
}

.select2-container--bootstrap4 .select2-dropdown {
    background-color: #3a3b3c;
    border-color: #4a4b4c;
}

.select2-container--bootstrap4 .select2-results__option {
    color: #e4e6eb;
}

.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #3498db;
    color: #fff;
}