.table{
    border-radius: 20px 20px 0 0;
}
.table tr td {
    vertical-align: middle;
}

.table-primary thead tr th {
    color: #FFF;
    background-color: var(--tblr-primary);
    text-align: center;
    vertical-align: middle;
}
.table thead tr th {
    text-align: center;
}
.table thead tr th,
.table tfoot tr th{
    color: #FFF;
    font-size: 0.7rem;
    padding: 1rem;
}
.table thead tr th:first-child{
    border-radius: 20px 0 0 0;
}
.table tbody tr td:first-child{
    color: #FFF;
    font-size: 0.7rem;
    padding: 1rem;
}
.table thead tr th:last-child{
    border-radius: 0 20px 0 0;
}
.table.userManagement thead tr th {
    background: var(--template-userManagement-bg);
}
/* .table.sale thead tr th {
    background: var(--template-sale-bg);
} */
/* .table.journal thead tr th:nth-last-child(-n+4) {
    background: var(--template-compute-bg) !important;
} */
.table.compute thead tr th,
.table.userManagement tfoot tr th,
.table.sale tfoot tr th ,
.table.compute tfoot tr th {
    background: var(--template-compute-bg);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --tblr-table-bg-type: none !important;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
    --tblr-table-bg-type: none !important;
}
.table-striped.userManagement>tbody>tr:nth-of-type(odd)>* {
    background: var(--template-table-userManagement-odd) !important;
    color: #1947ba !important;
}
.table-striped.userManagement>tbody>tr:nth-of-type(even)>* {
    background: var(--template-table-userManagement-even) !important;
    color: #1947ba !important;
}
/* .table-striped.sale>tbody>tr:nth-of-type(odd)>* {
    background: var(--template-table-sale-odd) !important;
}
.table-striped.sale>tbody>tr:nth-of-type(even)>* {
    background: var(--template-table-sale-even) !important;
}
.table-striped.compute>tbody>tr:nth-of-type(odd)>* {
    background: var(--template-table-compute-odd) !important;
}
.table-striped.compute>tbody>tr:nth-of-type(even)>* {
    background: var(--template-table-compute-even) !important;
} */

.table-bordered,
.table-bordered>:not(caption)>*>*{
    border: 1px solid #fff !important;
    border-width: 0 2 !important;
}

.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dataTables_wrapper #filter_bar {
    align-items: center;
    height: 100%;
}

.dataTables_wrapper .dataTables_filter {
    justify-content: end;
}

.dataTables_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dataTables_length select {
    min-width: 50px;
}

.dataTables_paginate {
    display: flex;
    justify-content: end;
}

.dataTables_wrapper .row:nth-child(1) {
    margin-bottom: 0.2rem;
}

.dataTables_length,
.dataTables_filter {
    width: 100%;
}

.dataTables_length label,
.dataTables_filter label {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
}

.dataTables_length label select {
    min-width: 65px;
}

.dataTables_filter label::after {
    content: "";
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 13px;
    color: #888;
}

.dataTables_filter label:focus-within::after,
.dataTables_filter label:hover::after {
    display: none;
}

.dataTables_paginate ul {
    border-radius: 10px;
}

.dataTables_paginate li.paginate_button {
    padding: 0.1em !important;
}

.dataTables_paginate li.paginate_button.previous a,
.dataTables_paginate li.paginate_button.next a {
    color: #fff !important;
    background-color: transparent !important;
    border: none;
    padding: 0.4em 1em !important;
}

.dataTables_paginate li.paginate_button a:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: none;
}

.dataTables_paginate li.paginate_button.page-item:not(:first-child):not(:last-child) a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 95%;
    background-color: #fff;
    font-weight: bolder;
    font-size: 14px;
    padding: 0;
    color: #888;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: unset;
    background: none;
    border: 1px solid transparent;
}

.dataTables_paginate li.paginate_button.page-item.active a {
    color: red !important;
}

label:has(.ext_search) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
}

.dataTables_scrollHeadInner,
.datatable {
    min-width: 99.5%;
}

div.dt-buttons {
    padding: 5px;
}

button.buttons-excel {
    background-color: var(--tblr-success);
    color: #fff;
    border: none;
    min-width: 70px;
    height: 100%;
    border-radius: 7px;
}

button.dt-button span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 5px 10px;
}

.dataTables_footer_info {
    display: flex;
    align-items: center;
}

table.dataTable thead tr>.dtfc-fixed-left,
table.dataTable thead tr>.dtfc-fixed-right {
    background-color: var(--tblr-primary);
}

table.dataTable.table-bordered thead tr>.dtfc-fixed-left,
table.dataTable.table-bordered thead tr>.dtfc-fixed-right {
    border-width: 0 var(--tblr-border-width);
}

.markdown>table,
.table {
    margin-bottom: 0;
}