.nav-top-hr {
    font-weight: 500;
}

.nav-top-hr:hover {
    background-color: #616161 !important;
    color: #fff;
    font-weight: 600;
}


.nav-link {
    color: #404041;
}

.nav-active-hr {
    background-color: #616161 !important;
    color: #fff;
}

.nav-active-hr:hover {
    background-color: #616161 !important;
    color: #fff;
    font-weight: 600;
}

.login-bg {
    background-image: url("/assets/images/simple-white-background.jpg");
}

.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
    top: .8rem;
    width: 1.55rem;
    height: 1.55rem;
}

.radiobutton-lg {
    transform: scale(1.5);
}

.checkbox-lg .custom-control-label {
    padding-top: 13px;
    padding-left: 6px;
}

.container-profilepic {
    height: 250px;
}

.middle-profilepic {
    background-color: rgba(255, 255, 255, 0.69);
}

.container-profilepic:hover .middle-profilepic {
    display: flex !important;
    cursor: pointer;
}

div.dataTables_wrapper div.dataTables_filter label{
    color: black !important
}


.top_dark .profile-header{
    color: #BABDBF !important
}

.profile-header{
    color: #BABDBF !important
}

body *::-webkit-scrollbar {
    height: 9px !important;
}

body *::-webkit-scrollbar-thumb {
    background: #BABDBF !important
}

body *:hover::-webkit-scrollbar-thumb {
    background: #7c7c7c !important
}

.filter {
    display: none;
}

.table-responsive table{
    width: 100% !important;
}

.img-square-xs {
    object-fit: cover;
    width: 30px;
    height: 30px;
}

.img-square-lg {
    object-fit: cover;
    width: 220px;
    height: 220px;
}

.top_dark .page-header {
    border-color: #2b3035 !important;
}