/* ===== Search (DT1 + DT2) ===== */
.dataTables_filter, div.dt-container div.dt-search {
    background-color: #00aeff;
    padding: 9px;
    color: #fff;
    margin-bottom: -1px;
    position: relative;
    z-index: 2;
}
.dataTables_filter label, div.dt-container div.dt-search label {
    position: relative;
    margin-bottom: 0;
}
.dataTables_filter input, div.dt-container div.dt-search input {
    border: none;
    color: #3e474f;
    background-color: #4dc6ff;
    margin-left: 10px;
    width: 192px;
    height: 27px;
    padding: 0 25px 0 5px;
    outline: none;
    box-shadow: none; /* bootstrap */
}
.dataTables_filter label:after, div.dt-container div.dt-search label:after {
    color: #fff;
    content: "\0045";
    display: inline-block;
    font-family: "WTO";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 8px;
    top: 6px;
    display: none;
}
/* If you still use this custom element somewhere */
.dataTables_filter .search-datatable, div.dt-container div.dt-search .search-datatable {
    color: #fff;
    margin-right: 7px;
    bottom: -1.5px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
/* ===== Length (DT1 + DT2) ===== */
.dataTables_length, div.dt-container div.dt-length {
    background-color: #00aeff;
    padding: 9px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: -1px;
}
.dataTables_length label, div.dt-container div.dt-length label {
    float: right;
    margin-bottom: 0;
}
.dataTables_length select, div.dt-container div.dt-length select {
    color: #3e474f;
    border: 1px solid #ddd;
    margin-left: 5px;
    width: 65px;
    height: 27px;
    border-radius: 0;
    box-shadow: none; /* bootstrap */
}
/* ===== Paging (DT1 + DT2) ===== */
.dataTables_paginate, div.dt-container div.dt-paging {
    background-color: #f2f1f0;
    border: 1px #ddd solid;
    border-top: none;
    padding: 9px;
    margin-bottom: 10px;
}
.dataTables_paginate a, div.dt-container div.dt-paging a {
    text-decoration: none;
}
.dataTables_paginate a:hover, .dataTables_paginate a:active, .dataTables_paginate a:focus, div.dt-container div.dt-paging a:hover, div.dt-container div.dt-paging a:active, div.dt-container div.dt-paging a:focus {
    color: #00aeff;
}
/* Bootstrap 4 paging structure in DT2 */
div.dt-container div.dt-paging ul.pagination {
    margin: 0;
}
div.dt-container div.dt-paging .page-link {
    border: 1px solid #ddd;
    padding: 4px 10px;
    margin: 0 2px;
    display: inline-block;
    border-radius: 0;
}
div.dt-container div.dt-paging .page-item.active .page-link {
    /* optional: keep active state consistent */
    background-color: #00aeff;
    border-color: #00aeff;
    color: #fff;
}
/* ===== Info (DT1 + DT2) ===== */
.dataTables_info, div.dt-container div.dt-info {
    background-color: #f2f1f0;
    border: 1px #ddd solid;
    border-top: none;
    border-bottom: none;
    padding: 9px;
    padding-bottom: 0;
    font-family: "Museo Sans 700";
    font-weight: normal;
    line-height: 32px;
}