/* Add CSS for sticky table header */
div.dataTables_wrapper div.dataTables_scrollHead {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #FFFFFF;
    text-align: center;
    /* margin-bottom: -1rem; */
}

#dataTable thead th {
    text-align: center !important;
    visibility: hidden;
}

#dataTable tbody th {
    text-align: center;
}

.table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center;
}

.table > :not(caption) > * > * {
    /* padding: 0.3rem 0.50rem; */
}

.table {
    width: 100% !important;
}

    .table.dataTable {
        /* margin-top: 0px !important; */
    }

.dataTables_info {
    display: none !important;
}

.dataTables_scrollBody {
    min-height: 57vh !important;
}

.table .table-light {
    display: table-footer-group;
}