/* 
 *
 */
:root {
    --bs-dark-mode-bg-color: #000000;
    --bs-dark-mode-text-color: #2196F3;
}

hr {border-top: 1px solid rgb(0 0 0 / 37%);}
.dark-mode hr {border-top: 1px solid #9E9E9E !important;}
.table thead th {height: 28px !important; vertical-align: middle; background-color: #50575d; color: aliceblue;}
.table td{
    /* padding: .75rem; */
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    padding: 6px 6px;
}
table.table-bordered.dataTable th:last-child, 
    table.table-bordered.dataTable th:last-child, 
    table.table-bordered.dataTable td:last-child, 
    table.table-bordered.dataTable td:last-child {border-right: 1px solid #dee2e6;}
.dark-mode .table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-dark-mode-text-color);
    --bs-table-bg: var(--bs-dark-mode-bg-color);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-dark-mode-text-color);
    --bs-table-striped-bg: rgb(158 158 158 / 37%);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    /* --bs-table-hover-color: var(--bs-body-color); */
    --bs-table-hover-color: #000;
    --bs-table-hover-bg: #94deff;
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.dark-mode .card-header{border-bottom: 1px solid rgb(158 158 158 / 39%);}

.dark-mode .dropdown-menu {
    background-color: #4b545d;
    color: #fff;
    border-color: #6c757d;
}

.dark-mode .dropdown-menu .dropdown-item:hover {
    background-color: #2f8eee;
    color: #3d3030;
}

.dark-mode .btn:hover {border-color: #02c4ff;}

.badge {border-radius: 1.25rem;}
.fa-15x {font-size: 1.5em; font-weight: 600;}
.fa-25x {font-size: 2.5em; font-weight: 600;}

.page-item.active .page-link {z-index: 0;}