/* Yajra Datatable */
.yajra-datatable thead th:last-child, .yajra-datatable tbody td:last-child {min-width: 72px;}
.yajra-datatable thead th:first-child, .yajra-datatable tbody td:first-child {min-width: 30px;}
.yajra-datatable tbody td:last-child {text-align: center;}
.yajra-datatable tbody td{vertical-align: middle; cursor: pointer;}
.yajra-datatable tbody tr.active,
.yajra-datatable tbody tr.active:hover td {
    background-color: var(--bs-secondary);
    color: var(--bs-light) !important;
}
/* Yajra Datatable */

.table > tbody {
    vertical-align: middle;
}


/* DataTables */
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-bottom: 0.8em;
    margin-left: 1rem;
    margin-right: 1rem;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    margin-left: 1rem;
    margin-right: 1rem;
}

.dataTables_wrapper .dataTables_info {
    font-weight: 600;
    font-size: 0.85rem;
    margin: 1em;
}

.dataTables_wrapper .dataTables_paginate {
    margin: 1em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 10% !important;
    background: rgb(246, 246, 246);
    font-weight: 600;
    color: #949494 !important;
    min-height: 1em !important;
    margin: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgb(218, 218, 218) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #d1d1d1 !important;
    background: #d1d1d1 !important;
    color: rgb(89, 89, 89) !important;
}

.dataTables_wrapper .dataTables_length select {
    height: 42px;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    line-height: 1.6;
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: var(--light-bg);
    font-weight: 500;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.dataTables_wrapper .dataTables_filter input {
    min-width: 300px;
    height: 40px;
    border-radius: 8px;
    font-weight: 500;
    /* padding: 0.375rem 2.25rem 0.375rem 0.75rem; */
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: var(--light-bg);
    padding: 0 20px 0 40px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='rgba%28180, 180, 180, 0.90%29'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 16px 48%;
}

.dataTables_wrapper .dataTables_filter input:focus {
    padding: 0 20px 0 20px;
    background-image: none;
    transition-timing-function: linear;
    transition-duration: 100ms;
    background-color: #ededed;
    outline: 0;
    box-shadow: none;
}
/* DataTables */

/* PAGINATION */

.dataTable_wrapper .dataTables_paginate {
    border-radius: 35px !important;
    margin: 3px;
    font-size: .8rem;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ced4da !important;
    color: rgb(68, 68, 68);
    background-color: rgb(213, 213, 213);
    border: none !important;
    min-width: 34px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: hsl(0deg 0% 68%);
    color: hsl(0deg 0% 27%);
    border: none !important;
    box-shadow: none !important;
}

.page-item.disabled .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 35px;
    color: rgb(68, 68, 68);
    background-color: rgb(213, 213, 213);
}

.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover,
.page-link:hover {
    background-color: hsl(0deg 0% 64%);
    color: hsl(0deg 0% 27%);
}

table.dataTable {
    border-collapse: collapse !important;
    border-color: transparent;
}

table.dataTable thead th, table.dataTable thead td {
    background-color: #f8f8f8;
    border-bottom: 1px solid #aaaaaa !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    color: #505050;
    padding: 12px 18px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #c6c6c6 !important;
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 0px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 10px !important;
}


/* PAGINATION */