/* style by (Technical-RaJa) */
.main-sidebar.sidebar-custom {
    background: #343a40 !important;
    color: #c2c7d0 !important;
}
.main-sidebar.sidebar-custom .nav-link,
.main-sidebar.sidebar-custom .brand-link,
.main-sidebar.sidebar-custom .nav-header {
    color: #c2c7d0 !important;
}
.main-sidebar.sidebar-custom .nav-link.active, 
.main-sidebar.sidebar-custom .nav-link:hover {
    background: #007bff !important; /* AdminLTE primary */
    color: #fff !important;
}
.main-sidebar.sidebar-custom .nav-icon {
    color: #c2c7d0 !important;
}
.main-sidebar.sidebar-custom .brand-link {
    border-bottom: 1px solid #4f5962;
}



 .info-box.custom-shadow {
    box-shadow: 0 4px 24px 0 rgba(60,72,88,0.15), 0 1.5px 4px 0 rgba(60,72,88,0.10);
    border-radius: 0.5rem;
    transition: box-shadow 0.3s, transform 0.3s;
}
.info-box.custom-shadow:hover {
    box-shadow: 0 8px 32px 0 rgba(60,72,88,0.22), 0 3px 8px 0 rgba(60,72,88,0.13);
    transform: translateY(-4px) scale(1.03);
}
.small-box.custom-shadow {
    box-shadow: 0 4px 24px 0 rgba(60,72,88,0.15), 0 1.5px 4px 0 rgba(60,72,88,0.10);
    border-radius: 1rem;
    transition: box-shadow 0.3s, transform 0.3s;
}
.small-box.custom-shadow:hover {
    box-shadow: 0 8px 32px 0 rgba(60,72,88,0.22), 0 3px 8px 0 rgba(60,72,88,0.13);
    transform: translateY(-4px) scale(1.03);
}
.small-box .icon {
    top: 10px;
    right: 15px;
    opacity: 0.25;
    font-size: 60px;
}


.content-header h1 {
    font-size: 1.4rem !important;
    margin: 0 !important;
}

/* Detailed Statistics Panels - H6 Small */
.list-item {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.list-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.list-item h4 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
    color: #333;
    line-height: 1.4;
}

.list-item h4 i {
    margin-right: 0.375rem;
    color: #666;
    font-size: 1rem;
}

.list-item span {
    font-weight: 600;
    color: #333;
    font-size: 1.125rem;
    line-height: 1.4;
}

.list-item .row {
    margin-top: 0.375rem;
}

.list-item .col-6 {
    padding: 0.1875rem 0;
}

.list-item .col-6 span:first-child {
    font-weight: 700;
    color: #333;
    font-size: 1.125rem;
}

.list-item .col-6 span:last-child {
    font-size: 1rem;
    color: #666;
}


.font-20 {
    font-size: 1.25rem !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-success {
    color: #28a745 !important;
}


.card-header.bg-success {
    background-color: #28a745 !important;
    color: #fff !important;
}

.card-header.bg-primary {
    background-color: #007bff !important;
    color: #fff !important;
}

.card-header.bg-blue {
    background-color: #007bff !important;
    color: #fff !important;
}

.card-header.bg-green {
    background-color: #28a745 !important;
    color: #fff !important;
}

body.dark-mode .main-header.navbar {
    background-color: #343a40 !important;
    color: #c2c7d0 !important;
    border-bottom: 1px solid #4b545c !important;
}
body.dark-mode .main-header.navbar .nav-link,
body.dark-mode .main-header.navbar .navbar-brand {
    color: #c2c7d0 !important;
}
body.dark-mode .main-header.navbar .nav-link:hover,
body.dark-mode .main-header.navbar .nav-link.active {
    color: #fff !important;
    background: #232a31 !important;
}
body.dark-mode .main-header.navbar .dropdown-menu {
    background: #343a40 !important;
    color: #c2c7d0 !important;
    border-color: #4b545c !important;
}
body.dark-mode .main-header.navbar .dropdown-item {
    color: #c2c7d0 !important;
}
body.dark-mode .main-header.navbar .dropdown-item:hover {
    background: #232a31 !important;
    color: #fff !important;
}
body.dark-mode .main-sidebar.sidebar-custom .nav-link.active,
body.dark-mode .main-sidebar.sidebar-custom .nav-link:hover {
    background-color: #3f6791 !important;
    color: #fff !important;
}

body.dark-mode .swal2-popup {
  background: #232a31 !important;
  color: #fff !important;
}
body.dark-mode .swal2-title,
body.dark-mode .swal2-html-container {
  color: #fff !important;
}
body.dark-mode .swal2-confirm,
body.dark-mode .swal2-cancel {
  background-color: #3f6791 !important;
  color: #fff !important;
}