.dark .dataTables_sorter::after {
    border-bottom-color: #fff
}

.dark .dataTables_wrapper .dataTables_top .dataTables_search input {
    color: #fff
}

.dark .dataTables_sorter::before {
    border-top-color: #fff
}

.dark .dataTables_search .dataTables_input {
    background-color: #111322
}

.dark .dataTables_selector {
    background-color: #111322;
    color: #fff
}

.table tbody tr:last-child td {
    border-width: 0
}

.table td,
.table th {
    white-space: nowrap
}

.dataTables_wrapper.no-header .dataTables_container {
    border-top: 1px solid #d9d9d9
}

.dataTables_wrapper.no-footer .dataTables_container {
    border-bottom: 1px solid #d9d9d9
}

.dataTables_top,
.dataTables_bottom {
    padding: 8px 10px
}

.dataTables_top>nav:first-child,
.dataTables_top>div:first-child,
.dataTables_bottom>nav:first-child,
.dataTables_bottom>div:first-child {
    float: left
}

.dataTables_top>nav:last-child,
.dataTables_top>div:last-child,
.dataTables_bottom>nav:last-child,
.dataTables_bottom>div:last-child {
    float: right
}

.dataTables_selector {
    padding: 6px
}

.dataTables_input {
    padding: 6px 12px
}

.dataTables_info {
    margin: 7px 0
}

.dataTables_pagination ul {
    margin: 0;
    padding-left: 0
}

.dataTables_pagination li {
    list-style: none;
    float: left
}

.dataTables_pagination a {
    border: 1px solid transparent;
    float: left;
    margin-left: 2px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    color: #333
}

.dataTables_pagination a:hover {
    background-color: #d9d9d9
}

.dataTables_pagination .active a,
.dataTables_pagination .active a:focus,
.dataTables_pagination .active a:hover {
    background-color: #d9d9d9;
    cursor: default
}

.dataTables_pagination .ellipsis a,
.dataTables_pagination .disabled a,
.dataTables_pagination .disabled a:focus,
.dataTables_pagination .disabled a:hover {
    cursor: not-allowed
}

.dataTables_pagination .disabled a,
.dataTables_pagination .disabled a:focus,
.dataTables_pagination .disabled a:hover {
    cursor: not-allowed;
    opacity: .4
}

.dataTables_pagination .pager a {
    font-weight: 700
}

.dataTables_table {
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate
}

.dataTables_table>tbody>tr>td,
.dataTables_table>tbody>tr>th,
.dataTables_table>tfoot>tr>td,
.dataTables_table>tfoot>tr>th,
.dataTables_table>thead>tr>td,
.dataTables_table>thead>tr>th {
    vertical-align: top;
    padding: 8px 10px
}

.dataTables_table>thead>tr>th {
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid #d9d9d9
}

.dataTables_table>tfoot>tr>th {
    vertical-align: bottom;
    text-align: left;
    border-top: 1px solid #d9d9d9
}

.dataTables_table th {
    vertical-align: bottom;
    text-align: left
}

.dataTables_table th a {
    text-decoration: none;
    color: inherit
}

.dataTables_sorter {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.dataTables_sorter::before,
.dataTables_sorter::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    right: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    opacity: .2
}

.dataTables_sorter::before {
    border-top: 4px solid #000;
    bottom: 0
}

.dataTables_sorter::after {
    border-bottom: 4px solid #000;
    border-top: 4px solid transparent;
    top: 0
}

.asc .dataTables_sorter::after,
.desc .dataTables_sorter::before {
    opacity: .6
}

.dataTables_empty {
    text-align: center
}

.dataTables_top::after,
.dataTables_bottom::after {
    clear: both;
    content: " ";
    display: table
}

.table>:not(caption)>*>* {
    padding: .5rem;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent
}

.dataTables_wrapper .dataTables_top {
    padding: 1.5rem
}

.dataTables_wrapper .dataTables_top .dataTables_dropdown {
    float: left
}

.dataTables_wrapper .dataTables_top .dataTables_dropdown label {
    margin-bottom: 0;
    margin-left: 0;
    color: #8392ab;
    font-weight: 400
}

.dataTables_wrapper .dataTables_top .dataTables_dropdown label .dataTables_selector {
    border-color: #e9ecef;
    border-radius: .25rem
}

.dataTables_wrapper .dataTables_top .dataTables_search input {
    color: #495057;
    border: 1px solid #e9ecef;
    border-radius: .5rem
}

.dataTables_wrapper .dataTables_top .dataTables_search input:focus {
    border-color: #e293d3
}

.dataTables_wrapper .dataTables_top .dataTables_search input:focus-visible {
    outline: none
}

.dataTables_wrapper .dataTables_container .table thead tr th {
    padding: .75rem 1.5rem;
    opacity: .7;
    font-weight: bolder;
    color: #8392ab;
    text-transform: uppercase;
}

.dataTables_wrapper .dataTables_container .table tbody tr td {
    padding: .75rem 1.5rem
}

.dataTables_wrapper .dataTables_bottom {
    padding: 1.5rem;
    padding-top: 0
}

.dataTables_wrapper .dataTables_bottom .dataTables_info {
    color: #8392ab;
}

.dataTables_wrapper .dataTables_bottom .dataTables_pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392ab;
    padding: 0;
    margin: 0 3px;
    border: 1px solid #dee2e6;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    margin-left: 0;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_bottom .dataTables_pagination a:hover {
    background: #e9ecef
}

.dataTables_wrapper .dataTables_bottom .dataTables_pagination a.current {
    background: 0 0;
    background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07);
    color: #fff;
    border: none;
    border-radius: 50% !important
}

.dataTables_wrapper .dataTables_bottom .dataTables_pagination .active a:hover {
    background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%)
}

.dataTables_wrapper.no-footer .dataTables_container {
    border-bottom: 0
}

.dataTables_container {
    height: 100% !important;
    overflow-x: auto
}

.dataTables_table thead td,
.dataTables_table thead th,
.dataTables_table tbody td,
.dataTables_table tbody th,
.dataTables_table tfoot td,
.dataTables_table tfoot th {
    vertical-align: middle !important
}

@media(max-width:575.98px) {
    .dataTables_top>div:last-child {
        float: left;
        margin-top: 1rem
    }
}