.dashboard-table-shell {
    width: 98%;
    max-width: 98%;
    margin: 0 auto;
}

/* Hide the raw table header until DataTables has initialized it. */
#data:not(.dataTable) {
    visibility: hidden;
}

/* Initial Dashboard layout while AJAX data is loading. */
.dashboard-table-shell > .tableTextTitle,
#data_wrapper {
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#data_wrapper {
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Preserve the old tableWrapper behavior: global site nav styles must not
 * override DataTables pagination inside the Dashboard table shell. */
.dashboard-table-shell nav {
    all: initial;
}

#data_wrapper .dt-scroll-head table,
#data_wrapper .dt-scroll-body table {
    width: max-content !important;
    min-width: 0 !important;
    table-layout: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#data_wrapper .dt-scroll-headInner {
    margin-left: auto !important;
    margin-right: auto !important;
}