/*
 * DataTables 1.10+ default theme uses dark gradients on pagination; legacy CUSP / UAT
 * used flat gray controls (old demo_table.css + DataTables 1.9 markup).
 * Load this file AFTER jquery.dataTables.min.css. Keeps upgraded JS; restores familiar UI.
 * Pagination corner radius matches legacy demo_table.css (UAT): 5px on .paging_full_numbers.
 */
.cusp_style .dataTables_wrapper .dataTables_paginate {
    padding-top: 0.35em;
}

/* Same radius as UAT demo_table.css (.paging_full_numbers span.paginate_button) */
.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box !important;
    display: inline-block !important;
    min-width: 0 !important;
    padding: 2px 8px !important;
    margin-left: 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #000 !important;
    border: 1px solid #aaa !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: #ddd !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Active page: legacy demo_table.css uses .paginate_active { background-color: #99B3FF; } */
.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000 !important;
    font-weight: bold !important;
    border: 1px solid #666 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: #99b3ff !important;
    background-image: none !important;
    box-shadow: none !important;
}

.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
    color: #000 !important;
    border: 1px solid #666 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: #ccc !important;
    background-image: none !important;
    box-shadow: none !important;
}

.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.cusp_style .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default !important;
    color: #666 !important;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background: #eee !important;
    background-image: none !important;
    box-shadow: none !important;
}

.cusp_style .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 0.4em !important;
}

/* Length / filter: closer to legacy (flat border, no pill) */
.cusp_style .dataTables_wrapper .dataTables_length select {
    border: 1px solid #999 !important;
    border-radius: 0 !important;
    padding: 2px 4px !important;
    background-color: #fff !important;
}

.cusp_style .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #999 !important;
    border-radius: 0 !important;
    padding: 2px 4px !important;
    background-color: #fff !important;
}