div.dataTable-small
{
    border-bottom: none;
    height: 320px;
}

div.dataTable-middle
{
    border-bottom: none;
    height: 480px;
}

div.dataTable-large
{
    border-bottom: none;
    height: 640px;
}

table.fadeIn
{
    display: none;
}

table.dataTable-table
{
    border-collapse: separate;
    border-spacing: 0px;

    --bs-table-hover-color: #000000;
    --bs-table-hover-bg: #DEEEFF;
}

table.dataTable-table thead
{
    --bs-bg-opacity: 1;
    background: linear-gradient(#333333, #444444);

    color: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 1020;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 90%) !important;
    color: white;
}

table.dataTable-table th
{
    font-weight: 600;
    text-align: center !important;
}

table.dataTable-table tbody tr {
    cursor:pointer;
}

.datatable-selected-color td
{
    box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 90%) !important;
    color: white !important;
}