/* 
   DataTables 2.x Styling Standard 
*/

/* 1. Hide default arrows and the manual arrows added previously */
table.dataTable thead th::before,
table.dataTable thead th::after,
th.sorting::after,
th.sorting_asc::after,
th.sorting_desc::after {
    display: none !important;
    content: "" !important;
}

table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: row;
}

/* 2. Completely disable and hide sorting icons for no-sort columns */
th.no-sort .dt-column-order,
th.no-sort::before,
th.no-sort::after {
    display: none !important;
}

/* 4. Hide sorting icons when table is empty */
thead.hide-sort-icons .dt-column-order {
    display: none !important;
}

/* 5. Custom empty state styling */
.dataTables_empty_custom td.dataTables_empty {
    padding: 60px 0 !important;
    font-size: 1.25rem !important;
    color: #6c757d !important;
    text-align: center !important;
    border: none !important;
}

.table-empty-state,
.table-empty-state thead,
.table-empty-state tbody,
.table-empty-state tr,
.table-empty-state td {
    border: none !important;
}


.boe-datepicker .datepicker-header {
    background-color: #28759f;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.top-nav {
    background-color: #28759f;
}

main .card-header {
    background-color: #28759f;
    color: #FFF;
    font-weight: 500;
}

main thead.table-dark th {
    background-color: #28759f !important;
    color: #ffffff !important;
    font-weight: normal;
}

main .boe-form-card .card-header {
    background-color: #28759f; /* same as navbar */
    color: #ffffff;
    font-weight: 400;
}

/* Select2 z-index fix for modals */
.select2-dropdown {
    z-index: 1051;
}

.bg-warning-subtle a {
    color: #0A58CA !important;
}

    .bg-warning-subtle a:hover,
    .bg-warning-subtle a:focus {
        color: #084298 !important;
    }

.alert-info a.text-link {
    color: #0A58CA;
}