/* Custom CSS Overrides for scorHub */

/* More specific selector for background color as per DOM structure */
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
    color: rgb(78, 128, 187) !important;
    background-color: rgba(78, 128, 187, 0.16) !important;
}

/* Override for bg-label-primary class */
.bg-label-primary, .btn-label-primary {
    color: rgb(78, 128, 187) !important;
    background-color: rgba(78, 128, 187, 0.16) !important;
}

.btn-label-primary:hover {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(78, 128, 187) !important;
}
/* Additional targeting for nested elements within active menu items */
.menu-item.active .menu-link {
    color: rgb(78, 128, 187) !important;
}

.menu-item.active .menu-icon {
    color: rgb(78, 128, 187) !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus, .btn-primary {
    background-color: rgb(78, 128, 187) !important;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(78, 128, 187, 0.4);
}
.btn-primary:hover {
    background-color: rgb(57, 102, 153) !important;
} 

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
    border-color: rgb(78, 128, 187) !important;
    background-color: rgb(78, 128, 187) !important;
    color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(78, 128, 187, 0.4);
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: rgb(78, 128, 187) !important;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(78, 128, 187, 0.8);
}