.font-14{
    font-size: 12px;
}

.tb-head{
    font-size: 14px;
    font-weight: 600;
    background-color: #F0F2F6 !important;
    padding: 15px 10px !important;
}

.dt-tr td{
    border-bottom: 1px solid #F0F2F6;
    padding: 15px 10px;
    font-size: 14px;
    columns: #484F57;
    transition: all 0.24s ease-in-out;
}

.dt-tr:hover td{
    background-color: rgba(246, 195, 195, 0.1) !important;
}


.bx-1{
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}

.dt-action{
    text-align: left !important;
}
.dt-action .dt-column-order{
    display: none;
}

#dt-search-0{
    border-radius: 20px;
}

.dt-length{
    margin-bottom: 20px;
}

div.dt-container div.dt-length select{
    border-radius: 20px;
}


.pagination{
    display: flex;
    gap: 10px;
    align-items: center;
}

.pagination li .first, .pagination li .last{
    display: none !important;
}

.pagination li .previous, .pagination li .next{
    background-color: white;
    border: 0;
    font-size: 20px !important;

}

.dt-paging-button  .page-link{
    border: none;
    font-size: 12px !important;
}

.dt-paging-button.active  .page-link{
    border-radius: 50% !important;
    font-size: 12px !important;
    background-color: #CD1B20;
}

.dt-info{
    font-size: 12px;
}

.dt-length label{
    font-size: 14px;
}

.dt-search label{
    font-size: 14px;
}

.bg-warning-soft{
    background-color: #FDF2E0;
    color: #e1902d;
    font-weight: 500;
}

.bg-success-soft{
    background-color: #DFF5EA;
    color: #24b6a7;
    font-weight: 500;
}

.bg-danger-soft{
    background-color: #FEE5E4;
    color: #ea7f5b;
    font-weight: 500;
}