:root {
    --table-header-bg: #F7F9FA;
}

.q-datatable.dataTable {
    border: 1px solid #E3E6E8;
    border-radius: 4px;
    /* overflow: hidden; */
}
.q-datatable.dataTable > thead > tr > th, 
.q-datatable.dataTable > thead > tr > td {
    border-bottom: 1px solid #E3E6E8 !important;
}
.q-datatable.dataTable > tbody > tr > th, 
.q-datatable.dataTable > tbody > tr > td {
    border-top: 1px solid #E3E6E8 !important;
    vertical-align: top !important;
}
.q-datatable.dataTable > tbody > tr:last-child > th, 
.q-datatable.dataTable > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}
.q-datatable.dataTable > tfoot > tr > th, 
.q-datatable.dataTable > tfoot > tr > td {
    border-top: 1px solid #E3E6E8;
}
.q-datatable.dataTable > thead > tr > th, 
.q-datatable.dataTable > thead > tr > td,
.q-datatable.dataTable > tbody > tr > th, 
.q-datatable.dataTable > tbody > tr > td,
.q-datatable.dataTable > tfoot > tr > th, 
.q-datatable.dataTable > tfoot > tr > td {
    padding: 6px 22px 6px 14px;
}
.q-datatable.dataTable > thead > tr > th:first-child, 
.q-datatable.dataTable > thead > tr > td:first-child,
.q-datatable.dataTable > thead > tr > th[style*=none]:first-child + th, 
.q-datatable.dataTable > thead > tr > td[style*=none]:first-child + td,
.q-datatable.dataTable > tbody > tr > th:first-child, 
.q-datatable.dataTable > tbody > tr > td:first-child,
.q-datatable.dataTable > tbody > tr > th[style*=none]:first-child + th, 
.q-datatable.dataTable > tbody > tr > td[style*=none]:first-child + td,
.q-datatable.dataTable > tfoot > tr > th:first-child, 
.q-datatable.dataTable > tfoot > tr > td:first-child {
    padding-left: 16px;
    padding-right: 8px;
}
.q-datatable.dataTable > thead > tr > th:last-child, 
.q-datatable.dataTable > thead > tr > td:last-child,
.q-datatable.dataTable > tbody > tr > th:last-child, 
.q-datatable.dataTable > tbody > tr > td:last-child,
.q-datatable.dataTable > tfoot > tr > th:last-child, 
.q-datatable.dataTable > tfoot > tr > td:last-child {
    padding-right: 16px;
}
.q-datatable.dataTable > thead > tr > th, 
.q-datatable.dataTable > thead > tr > td,
.q-datatable.dataTable > tfoot > tr > th, 
.q-datatable.dataTable > tfoot > tr > td {
    font: var(--typo-body-md);
    background: var(--table-header-bg);
    /* background: #F7F9FA; */
    color: var(--table-header-color);
}
.q-datatable.dataTable > tbody > tr > th, 
.q-datatable.dataTable > tbody > tr > td {
    font: var(--typo-body-lg);
    vertical-align: top;
}

/* Show Entries */
.dataTables_wrapper .dataTables_length {
    margin-bottom: 20px;
    padding: 0;
}
.dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px;
}

/* Search */
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px;
    padding: 0;
}
.dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px;
}
.dataTables_wrapper .dataTables_filter input {
    border-color: var(--form-control-border);
    background: var(--form-control-bg);
    color: var(--form-control-txt);
    font: var(--form-control-font);
    padding: var(--form-control-padding);
    height: 32px;
    border-radius: 4px;
    margin: 0;
}

/* Page Info */
.dataTables_wrapper .dataTables_info {
    margin-top: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    min-height: 32px;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate {
    display: flex;
    margin-top: 20px;
    padding: 0;
    gap: 8px;
    align-items: center;
}
.dataTables_wrapper .dataTables_paginate > span:not(.select2) {
    display: flex;
    gap: 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn) {
    color: #303031 !important;
    background-color: #FFF;
    border: 1px solid #303031;
    border-radius: 4px;
    height: var(--btn-md-height);
    width: var(--btn-md-height);
    min-width: var(--btn-md-height);
    padding: 0;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn):hover {
    border: 1px solid #303031;
    background: #EFF2F4;
    color: #303031 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn).disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn).disabled:hover {
    border-color: var(--disabled);
    color: var(--disabled-txt);
    opacity: 1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn).current {
    background: #E3E6E8;
    border: 1px solid #303031;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn) i {
    font-size: var(--btn-md-singleicon);
    min-width: var(--btn-md-singleicon);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn).previous {
    order: 6;
    margin-left: 16px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.btn).next {
    order: 7;
}
.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single,
.dataTables_wrapper .dataTables_paginate .select2-container--default .select2-selection--single {
    height: 32px;
    min-width: 56px;
    max-width: fit-content;
    text-align: center;
    padding-left: 8px;
}
.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow,
.dataTables_wrapper .dataTables_paginate .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px;
    height: 20px;
    min-width: 20px;
    font-size: 20px;
}
.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow b,
.dataTables_wrapper .dataTables_paginate .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: inherit;
}
.q-datatable .form-control {
    height: 28px;
    padding: 4px 10px;
}
.q-datatable select.form-control {
    min-width: 130px;
}
.q-datatable .custom-checkbox {
    width: fit-content;
}
.q-datatable .custom-control-input ~ .custom-control-label::before {
    font-size: 28px;
    line-height: 28px;
}



.q-datatable.dataTable thead>tr>th.sorting:before,
.q-datatable.dataTable thead>tr>th.sorting_asc:before, 
.q-datatable.dataTable thead>tr>th.sorting_desc:before, 
.q-datatable.dataTable thead>tr>th.sorting_asc_disabled:before, 
.q-datatable.dataTable thead>tr>th.sorting_desc_disabled:before, 
.q-datatable.dataTable thead>tr>td.sorting:before, 
.q-datatable.dataTable thead>tr>td.sorting_asc:before, 
.q-datatable.dataTable thead>tr>td.sorting_desc:before, 
.q-datatable.dataTable thead>tr>td.sorting_asc_disabled:before, 
.q-datatable.dataTable thead>tr>td.sorting_desc_disabled:before {
    content: '\e90e';
    font-size: 18px;
    color: #6c6d6e;
    height: 8px;
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'qbic-icon-font' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.q-datatable.dataTable thead>tr>th.sorting:after, 
.q-datatable.dataTable thead>tr>th.sorting_asc:after, 
.q-datatable.dataTable thead>tr>th.sorting_desc:after, 
.q-datatable.dataTable thead>tr>th.sorting_asc_disabled:after, 
.q-datatable.dataTable thead>tr>th.sorting_desc_disabled:after, 
.q-datatable.dataTable thead>tr>td.sorting:after, 
.q-datatable.dataTable thead>tr>td.sorting_asc:after, 
.q-datatable.dataTable thead>tr>td.sorting_desc:after, 
.q-datatable.dataTable thead>tr>td.sorting_asc_disabled:after, 
.q-datatable.dataTable thead>tr>td.sorting_desc_disabled:after {
    content: '\e90f';
    font-size: 18px;
    color: #6c6d6e;
    height: 8px;
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'qbic-icon-font' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.q-datatable.dataTable thead>tr>th.sorting:before, 
.q-datatable.dataTable thead>tr>th.sorting:after, 
.q-datatable.dataTable thead>tr>th.sorting_asc:before, 
.q-datatable.dataTable thead>tr>th.sorting_asc:after, 
.q-datatable.dataTable thead>tr>th.sorting_desc:before, 
.q-datatable.dataTable thead>tr>th.sorting_desc:after, 
.q-datatable.dataTable thead>tr>th.sorting_asc_disabled:before, 
.q-datatable.dataTable thead>tr>th.sorting_asc_disabled:after, 
.q-datatable.dataTable thead>tr>th.sorting_desc_disabled:before, 
.q-datatable.dataTable thead>tr>th.sorting_desc_disabled:after, 
.q-datatable.dataTable thead>tr>td.sorting:before, 
.q-datatable.dataTable thead>tr>td.sorting:after, 
.q-datatable.dataTable thead>tr>td.sorting_asc:before, 
.q-datatable.dataTable thead>tr>td.sorting_asc:after,
.q-datatable.dataTable thead>tr>td.sorting_desc:before, 
.q-datatable.dataTable thead>tr>td.sorting_desc:after, 
.q-datatable.dataTable thead>tr>td.sorting_asc_disabled:before, 
.q-datatable.dataTable thead>tr>td.sorting_asc_disabled:after, 
.q-datatable.dataTable thead>tr>td.sorting_desc_disabled:before, 
.q-datatable.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: 0.4;
}
.q-datatable.dataTable thead>tr>th.sorting_asc:before, 
.q-datatable.dataTable thead>tr>th.sorting_desc:after, 
.q-datatable.dataTable thead>tr>td.sorting_asc:before, 
.q-datatable.dataTable thead>tr>td.sorting_desc:after {
    opacity: 0.8;
}
.q-datatable.dataTable thead>tr>th.sorting,
.q-datatable.dataTable thead>tr>td.sorting {
    padding-right: 26px !important;
}
.q-datatable.dataTable thead tr>.dtfc-fixed-left, 
.q-datatable.dataTable thead tr>.dtfc-fixed-right, 
.q-datatable.dataTable tfoot tr>.dtfc-fixed-left, 
.q-datatable.dataTable tfoot tr>.dtfc-fixed-right {
    background-color: var(--table-header-bg);
}

.dataTables_wrapper .dataTables_scroll {
    /* border-radius: 4px; */
    /* border: 1px solid #E3E6E8; */
    /* overflow: hidden; */
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead .q-datatable.dataTable {
    /* border: 0 !important; */
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom: 0 !important;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead .q-datatable.dataTable >thead>tr>th, 
.dataTables_wrapper.no-footer div.dataTables_scrollHead .q-datatable.dataTable >thead>tr>td {
    border-bottom: 0 !important;
    /* padding: 6px; */
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody .q-datatable.dataTable {
    /* border: 0 !important; */
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom: 1px solid #E3E6E8;
    border-top: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody .q-datatable.dataTable>tbody>tr>td {
    background-color: #FFF;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody .q-datatable.dataTable>thead>tr>th.sorting::before,
.dataTables_wrapper.no-footer .dataTables_scrollBody .q-datatable.dataTable>thead>tr>th.sorting:after {
    display: none;
}
.q-datatable.dataTable.display>tbody>tr.odd>.sorting_1, 
.q-datatable.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: none !important;
}
.q-datatable.dataTable.stripe>tbody>tr.odd>*, 
.q-datatable.dataTable.display>tbody>tr.odd>* {
    box-shadow: none !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>.q-datatable.dataTable>thead>tr>th {
    border: 0 !important;
    /* padding: 0 !important; */
}


.q-datatable-btngroup {
    display: flex; gap: 8px;
}

div.dtfc-left-top-blocker, div.dtfc-right-top-blocker { background-color: transparent; }