thead{
    background-color: #4D4F53 !important;
    font-size: 11px !important;
}
tr{
    font-size: 11px !important;
}

/* Inactive hover */
.page-item:not(.active) .page-link:hover {
    background-color: #e9ecef;
    color: #495057;
    border-color: #adb5bd;
}
/*.page-item:not(.disabled) .page-link i:hover {*/
/*    color: #495057 !important;*/
/*}*/
/* Inactive focus (when clicked) */
.page-item:not(.active) .page-link:focus {
    background-color: #e9ecef;
    color: #495057;
    border-color: #adb5bd;
    outline: none !important;
    box-shadow: none !important;
}

/* Active page */
.active .page-link {
    background-color: #4D4F53 !important;
    color: white !important;
    border-color: #4D4F53 !important;
}

/* Active hover */
.active .page-link:hover {
    background-color: #3a3c40 !important;
    color: white !important;
    border-color: #3a3c40 !important;
}

/* Active focus */
.active .page-link:focus {
    background-color: #4D4F53 !important;
    color: white !important;
    border-color: #4D4F53 !important;
    outline: none !important;
    box-shadow: none !important;
}

body button.btn.btn-primary:hover:not(.btn-active),
body a.btn.btn-primary:hover:not(.btn-active) {
    background-color: #ec0179 !important;
    border-color: #0d6efd !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}