table.dataTable {
    font-family: 'Manrope';
}

.dataTable > tbody > tr > td {
    padding: 5px;
    vertical-align: middle;
}

    .dataTable > tbody > tr > td > a {
        text-decoration: none;
    }

        .dataTable > tbody > tr > td > a:hover {
            text-decoration: none;
        }

    .dataTable > tbody > tr > td .fa-spin {
        margin-right: 6px;
        color: #337ab7;
    }

.dataTable > thead > tr > th {
    border-bottom-color: #ddd !important;
    border-bottom: 2px solid #ddd;
}

div.dataTables_processing {
    position: absolute;
    width: 98%;
    left: 50%;
    transform: translateX(-50%);
    background: url('../../../images/loading.gif') 50% 50% no-repeat;
    background-color: rgba(255,255,255,0.8);
    z-index: 100;
    overflow: hidden;
    border: 0;
    margin: 0 auto;
    top: unset;
}

.dataTables_filter {
    display: inline;
    float: right;
    margin-bottom: 10px;
}

.dataTables_length {
    display: inline;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}

.dataTables_empty {
    background-color: #f9f9f9;
}

.dataTables_length > label > span {
    margin-right: 10px;
}

.dataTables_info {
    font-size: 14px;
    margin-top: 10px;
}

.dataTables_paginate > ul > li > a {
    outline: none !important;
    font-size: 13px;
    border-radius: 50%;
    padding: 4px 10px;
    margin-left: 10px !important;
    border: 0;
    color: #2e8bc5;
    box-shadow: none !important;
}

.dataTables_paginate > ul > li.active > a {
    color: #fff;
    background-color: #2e8bc5;
    border-color: #2e8bc5;
}

.dataTables_paginate > ul > li.disabled:hover {
    cursor: not-allowed;
}

.dataTables_paginate > ul > li:first-child > a,
.dataTables_paginate > ul > li:last-child > a {
    border-radius: 50% !important;
    padding: 5px 8px;
}

th.dtfc-fixed-left,
td.dtfc-fixed-left {
    z-index: 98;
    background-color: #fff;
}

table.dataTable > tbody > tr.child span.dtr-title,
table.dataTable > tbody > tr.child span.dtr-data {
    font-size: 13px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
    font-weight: 600;
    font-size: 11px;
    font-family: 'Font Awesome 6 Free';
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
        content: '\f054';
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before {
    content: '\f078';
}

.page-item a {
    position: relative;
}

.page-item.active {
    font-weight: 500;
}

.page-item-length-2 {
    padding: 4px 8px !important;
}

.page-item-length-3 {
    padding: 7px !important;
    top: -4px;
}

.page-item-length-4 {
    padding: 9px 6px !important;
    top: -5px;
}