div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

.table-bordered {
    border: 1px solid #e9ecef;
}

.table-bordered.dataTable th {
    border-right: 1px solid #e9ecef;
}

.table td,
.table th {}

.table-bordered td {
    border: 1px solid #e9ecef;
}

.dataTables_length{
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: 1px solid #e9ecef;
}

.table>thead>tr>th {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #475467;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #F9FAFB;
}

.table>tbody>tr>td {
    color: #101828;
}

.table>tfoot>tr>th {
    color: #475467;
    font-weight: 600;
}

.dataTables_filter input {
    margin-left: 5px;
    border-radius: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: solid 1px #888ea8;
}

.form-control:focus {
    border-color: #3862f5;
}

.table-hover:not(.table-dark) tbody tr:hover {
    color: #3232b7;
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: #3232b7;
    border-color: #3232b7;
    border-radius: 4px;
}

.page-link:focus {
    box-shadow: none;
}

ul.pagination li a:hover:not(.active) {
    background-color: #25d5e4;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 4px;
    color: #515365;
}

table.dataTable td{
    padding: 20px 16px 20px 16px;
    font-size: 14px;
}

table.dataTable th{
    padding: 12px 16px 12px 16px;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 2px;
    height: 8px;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
    background: none;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #EAECF0;
    outline: none;
    border-radius: 8px;
}

.type{
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px 2px 8px;
    gap: 4px;
    border-radius: 16px;
    width: fit-content;
}

.type.red{
    background: #FEF3F2;
    color: #D92D20;
}

.type.green{
    background: #ECFDF3;
    color: #12B76A;
}

.status{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    padding: 2px 8px;
    gap: 5px;
    width: fit-content;
    border-radius: 16px;
}

.status .dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.status.red{
    background: #FEF3F2;
    color: #D92D20;
}

.status.red .dot{
    background: #D92D20;
}

.status.green{
    background: #ECFDF3;
    color: #12B76A;
}

.status.green .dot{
    background: #12B76A;
}

.status.blue{
    background: #EFF8FF;
    color: #2E90FA;
}

.status.blue .dot{
    background: #2E90FA;
}

.status.orange{
    background: #FFFAEB;
    color: #F79009;
}

.status.orange .dot{
    background: #F79009;
}

.status.gray{
    background: #F2F4F7;
    color: #667085;
}

.status.gray .dot{
    background: #667085;
}