.dataTables_wrapper {
    margin-bottom: 15px;
    padding: 0;
}

div.dataTables_wrapper div.datatable-filters {
    width: 100%;
    justify-content: center !important;
    flex-wrap: wrap;
}

.datatable-header .datatable-filters .datatable-datefilters {
    display: none !important;
}

.wrapper .dataTables_wrapper .datatable-datefilters {
    margin: 0;
    width: 100%;
}

.wrapper .dataTables_wrapper .datatable-datefilters > * {
    width: 100%;
    margin: 0 0 10px !important;
}


.wrapper .dataTables_wrapper .datatable-datefilters .btn {
    width: 100%;
}

div.dataTables_wrapper .datatable-length,
div.dataTables_wrapper .datatable-buttons {
    /* display: none; */
}

.dataTables_wrapper table.datatable,
.dataTables_wrapper table.datatable thead,
.dataTables_wrapper table.datatable tbody,
.dataTables_wrapper table.datatable th,
.dataTables_wrapper table.datatable td,
.dataTables_wrapper table.datatable tr {
    display: block;
    box-shadow: none !important;
    max-width: 100% !important;
}

.dataTables_wrapper table.datatable tr td table,
.dataTables_wrapper table.datatable tr td table tr td {
    border: none !important;
}

.dataTables_wrapper table.datatable tr td table tr td:first-child:last-child {
    border: none !important;
    padding: 0 !important;
}

.dataTables_wrapper table.datatable tr td:first-child:last-child:before {
    display: none !important;
}

.dataTables_wrapper table.datatable {
    border: none !important;
    margin-bottom: 0px !important;
    width: 100% !important;
}

.dataTables_wrapper table.datatable > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.dataTables_wrapper table.datatable > tbody > tr {
    margin-bottom: 15px !important;
    border: 1px solid var(--border) !important;
    border-top: none !important;
}

.dataTables_wrapper table.datatable > tbody > tr > td:not([colspan]):before {
    font-weight: 600;
}

.dataTables_wrapper table.datatable > tbody > tr > td:not([colspan]) {
    border: none;
    position: relative;
    width: 100%;
    border-top: 1px solid var(--border);
    background: var(--white);
}

.dataTables_wrapper table.datatable > tbody > tr > td:not([colspan]):last-child {
    padding: 15px;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info {
    display: none;
}

.dataTables_paginate {
    flex: 1;
    flex-wrap: wrap;
}

div.dataTables_wrapper div.dataTables_filter {
    flex: 1;
    width: auto;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 100%;
}

#selectedRowCounts {
    font-size: 12px;
    padding: 7px 15px;
    width: 100%;
    position: initial;
    margin: 0 0 15px;
}

#selectedRowCounts h4 {
    font-size: 12px;
    flex: 1;
}