/* ===== DATATABLE FIXES ===== */

/* Header styling */
table.dataTable thead th {
    background-color: #264a9f !important;
    color: #fff !important;
    font-weight: 600;
    border-bottom: 2px solid #ddd !important;
    position: relative;
    padding-right: 25px !important;
}

    /* Sorting icon alignment */
    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%);
    }

/* Table row styling */
table.dataTable tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

table.dataTable tbody tr:hover {
    background-color: #eef3ff;
}

/* ===== DROPDOWN FIX ===== */
.dataTables_length select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    padding: 5px 10px;
    border-radius: 5px;
}

/* ===== SEARCH BOX ===== */
.dataTables_filter {
    float: right;
}

    .dataTables_filter input {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 10px;
        margin-left: 5px;
    }

/* ===== PAGINATION ===== */
.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
}

.dataTables_wrapper .pagination .page-link {
    background-color: #fff !important;
    color: #264a9f !important;
    border: 1px solid #264a9f !important;
    margin: 0 3px;
    border-radius: 5px;
    padding: 5px 10px;
}

    /* Hover */
    .dataTables_wrapper .pagination .page-link:hover {
        background-color: #264a9f !important;
        color: #fff !important;
    }

/* Active page */
.dataTables_wrapper .pagination .page-item.active .page-link {
    background-color: #264a9f !important;
    border-color: #264a9f !important;
    color: #fff !important;
    font-weight: 600;
}

/* Disabled */
.dataTables_wrapper .pagination .page-item.disabled .page-link {
    background-color: #e9ecef !important;
    color: #999 !important;
    border-color: #ddd !important;
}

/* ===== GENERAL SELECT FIX (important) ===== */
select {
    background-color: #fff !important;
    color: #000 !important;
}

/* ===== LENGTH + FILTER ALIGN ===== */
.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
}

/* ===== TABLE BORDER CLEANUP ===== */
table.dataTable {
    border-collapse: collapse !important;
}

    table.dataTable th,
    table.dataTable td {
        border: 1px solid #ddd !important;
        padding: 8px;
    }

select option {
    background-color: #fff;
    color: #000;
}
table.dataTable tbody tr.selected {
    background-color: #dbe9ff !important;
}