.dt-length label{
    margin-right: 10px;
}

.voucher-number-total {
    float: right !important;
    font-weight: bold;
}

.dataTable th {
    /*border: 1px solid rgba(0, 0, 0, 0.15);*/
    background-color: #eee;
}

.dataTable thead th:first-child,.dataTable thead td:first-child, .dataTable tbody td:first-child {
    /* Apply a left border on the first <td> or <th> in a row */
    border-left: 1px solid rgba(0, 0, 0, 0.15)
}
.dataTable td {
    background-color: white;
}

.selected-row td {
    background: #686A84;
    color: white;
}

tr:nth-child(odd) {
    background:white
}

.child-container {
    padding: 0 !important;
}
.dt-bold {
    font-weight: bold;
}

.text-black {
    color: #0a001f;
}

.text-red {
    color: red;
}

.truncate {
    max-width:50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable>tbody>tr>td:has(input) {
    padding: unset;
}

.rc-handle-container {
    position: relative;
}
.rc-handle {
    position: absolute;
    width: 7px;
    cursor: ew-resize;
    margin-left: -3px;
    z-index: 2;
}
table.rc-table-resizing {
    cursor: ew-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
    cursor: ew-resize;
}

.datatable tbody tr:last-child {
    height:unset;
}

.datatable tbody {
    font-weight: var(--mdb-body-font-weight) !important;
}

/* Spacing Between row*/
table.dataTable {
    border-spacing: 0 0.5rem !important;
    border-collapse: separate;
}

table.dataTable.cell-border>tbody>tr>* {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border>tbody>tr>td:first-child, table.dataTable.cell-border>thead>tr>th:first-child  {
    border-radius: 0.5rem 0 0 0.5rem;
}

table.dataTable.cell-border>tbody>tr>td:last-child, table.dataTable.cell-border>thead>tr>th:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

table.dataTable.cell-border>tbody>tr>td.one-child, table.dataTable.cell-border>thead>tr>th.one-child {
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

table.dataTable.cell-border>tbody>tr>td.dt-empty {
    border-radius: 0.5rem !important;
}
/* End spacing Between row*/

table.dataTable.small-rows:not(.dt-has-scroll) thead th{
    height: 28px!important;
}
table.dataTable.medium-rows:not(.dt-has-scroll) thead th{
    height: 42px!important;
}
.table-editable.medium-rows:not(.dt-has-scroll) tbody tr td input[type=text]{
    min-height: 40px;
}
.table-editable.large-rows tbody tr td input[type=text]{
    min-height: 62px;
}
.table-editable.large-rows tbody tr td.td-driver i.fa-times{
    margin-top: .5rem !important;
}
.table-editable.medium-rows tbody tr td.td-driver i.fa-times{
    margin-top: .25rem !important;
}

.table-editable tbody tr td:not(input){
    height: unset;
    vertical-align: middle;
}
.table-editable tbody tr td input[type=text], .table-editable tbody tr td textarea {
    min-height: unset;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    background-color: var(--primary);
    color: white !important;
}

div.dt-container .dt-paging .dt-paging-button {
    border-right: 0.0313rem solid rgba(0, 0, 0, 0.3);
    border-top: 0.0313rem solid rgba(0, 0, 0, 0.3);
    border-bottom: 0.0313rem solid rgba(0, 0, 0, 0.3);
    margin: 0;
    min-width: 43px;
    border-radius: 0;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background: white;
    color: var(--primary) !important;
    border: 0.0313rem solid rgba(0, 0, 0, 0.3);
}

.button-paging {
    border: 0.0313rem solid rgba(0, 0, 0, 0.3);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: inherit;
    color: var(--primary);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    text-transform: unset;
}

.dt-paging-button:not(.first, .previous, .next, .last) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

div.dt-container .dt-paging .ellipsis {
    padding: 0.7rem 1em 0.71rem 1rem;
    border-right: 0.0313rem solid rgba(0, 0, 0, 0.3);
    border-top: 0.0313rem solid rgba(0, 0, 0, 0.3);
    border-bottom: 0.0313rem solid rgba(0, 0, 0, 0.3);
}

.dt-paging-button.last{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px!important;
}

div.dt-container .dt-paging .dt-paging-button:active {
    box-shadow: unset;
}

.dt-hasChild.shown .fas.fa-angle-up {
   display: block !important;
}

.dt-hasChild.shown .fas.fa-angle-down {
    display: none !important;
}

.dt-z-index-1 {
    z-index: 1;
}

.dt-z-index-2 {
    z-index: 2 !important;
}

tr.dt-hasChild.shown + tr {
    z-index: 2 !important;
}

.details-grid .dt-layout-row {
    margin: 0 !important;
}

.details-location-grid .small-rows tbody tr td div.select-wrapper span.select-arrow {
    top: 0.4rem;
}

.details-location-grid .medium-rows tbody tr td div.select-wrapper span.select-arrow {
    top: 0.8rem;
}

.details-location-grid .large-rows tbody tr td div.select-wrapper span.select-arrow {
    top: 1.4rem;
}

table.dataTable:not(.table-editable) tbody tr:hover td {
    background: var(--second-alpha) !important;
    color: var(--primary)
}