.dataTables_filter label, .dataTables_filter input { width:100%; max-width: 100%; }
.dataTables_filter input { height: calc(.66em * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); }
.dataTables_length select { height: 3em; padding:0 1em; }
.dataTables_paginate { display:flex; gap:5px; }
.dataTables_paginate a { display:inline-block; background: #ffffff11; border: 2px solid #ffffff08; color:#fff; width:3em; height:3em; line-height:3em; text-align: center; border-radius: .5em; }
.dataTables_paginate a.disabled { background-color: #ffffff11; color:#ffffff55; }
.dataTables_paginate a i { font-size: 1.2em; line-height: 2.4em; }
.dataTables_paginate a:not(.disabled):hover { background-color: #ffffff22; }
.dataTables_paginate a:not(.disabled):focus {
    box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus);
}

table[role=grid] tbody tr:has(.dataTables_empty) { background-color:transparent; }
.dataTables_empty { text-align: center; padding:20px; position: relative;}
.dataTables_empty::before {
    content:'\eca6';
    position: relative;
    font-family:'boxicons'; 
    font-size:64px;
    text-align: center;
    display: block;
    margin-bottom: 0;
    opacity: .25;
}
.datatable-info span { font-weight: 700;}

table.dataTable thead .sorting { position: relative; cursor:pointer; }
table.dataTable thead .sorting:after { font-family:'boxicons'; position: absolute; margin-left:10px; }
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { opacity: 1; }
table.dataTable thead .sorting_asc:after { font-family:'boxicons'; font-size:1.3em; content:'\ea4a'; }
table.dataTable thead .sorting_desc:after { font-family:'boxicons';font-size:1.3em; content:'\ea57'; }

.dataTables_wrapper .row:last-child>div { width:100%; }
.dataTables_wrapper .row:last-child>div .dataTables_info { opacity:.5; width:100%; padding:20px 0 0 0; border-top:1px solid rgba(255,255,255,.2); }