.table table{
    border-collapse: separate !important;
    border-spacing: 15px !important;
}

.table table thead tr th h4{
    text-align: center !important;
    font-weight: 300 !important;
    font-size: 1.1rem;
    display:block !important;
    color: #333;
}

.table table thead tr th{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 4px solid rgb(24, 220, 122) !important;
    box-shadow: 5px 10px 18px #85f8a6 !important;
    transition: 0.3s;
}

.table table thead tr th:hover{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: rgba(187, 255, 204, 0.672);
    border-bottom: 0px solid rgb(16, 211, 114) !important;
    box-shadow: 1px 10px 18px #85f8a6 !important;

}
.table table tbody tr td{
    border: none !important;
}

/* .table table tbody tr td{
    padding: 0px !important;
} */

.table table tbody tr td:first-child{
    text-align: center !important;
    font-size: 1rem;
    color: #333;
}

.table table tbody tr td{
    text-align: center !important;
    font-size: 1rem;
    color: #333;
}

.table table tbody tr{
    box-shadow: 0px 1px 0px #e1e1e1 !important;
    transition: 0.3s;
}

.table table tbody tr:hover{
    box-shadow: 3px 5px 30px #e1e1e1 !important;
}

.table .form-select{
    padding-top: .600rem !important;
    padding-left: 1rem !important;
    padding-right: .600rem !important;
    padding-bottom: .600rem !important;
    border-radius: 1.6rem !important;
}

.table .form-select.form-select-solid {
    background-color: #50cd89;
    border-color: #f5f8fa;
    color: #ffffff;
    transition: color .2s ease,background-color .2s ease;
    background-image: none !important;
    appearance: unset;
}

.table .form-select:focus {
    background-color: #50cd89;
    border-color: #f5f8fa;
    color: #ffffff;
    background-image: none !important;
    appearance: unset;
}

.table .page-item .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.3rem;
    height: 2.5rem;
    min-width: 2.5rem;
    font-weight: 500;
    font-size: 1.075rem;
}

.table .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #50cd89;
    border-color: transparent;
}

.table.dataTable>thead .sorting_asc:after{
    background-image :none;
}

table.dataTable>thead .sorting_desc:after{
    background-image :none;
}
.cstm-search .accordion-button::after {
    flex-shrink: 0;
    width: 2.15rem;
    height: 2.15rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='175' height='175' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.7 18.9L18.6 15.8C17.9 16.9 16.9 17.9 15.8 18.6L18.9 21.7C19.3 22.1 19.9 22.1 20.3 21.7L21.7 20.3C22.1 19.9 22.1 19.3 21.7 18.9Z' fill='green'/%3E%3Cpath opacity='0.3' d='M11 20C6 20 2 16 2 11C2 6 6 2 11 2C16 2 20 6 20 11C20 16 16 20 11 20ZM11 4C7.1 4 4 7.1 4 11C4 14.9 7.1 18 11 18C14.9 18 18 14.9 18 11C18 7.1 14.9 4 11 4ZM8 11C8 9.3 9.3 8 11 8C11.6 8 12 7.6 12 7C12 6.4 11.6 6 11 6C8.2 6 6 8.2 6 11C6 11.6 6.4 12 7 12C7.6 12 8 11.6 8 11Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2.15rem;
    transition: transform .2s ease-in-out;
}

.cstm-search .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.7 18.9L18.6 15.8C17.9 16.9 16.9 17.9 15.8 18.6L18.9 21.7C19.3 22.1 19.9 22.1 20.3 21.7L21.7 20.3C22.1 19.9 22.1 19.3 21.7 18.9Z' fill='white'/%3E%3Cpath opacity='0.3' d='M11 20C6 20 2 16 2 11C2 6 6 2 11 2C16 2 20 6 20 11C20 16 16 20 11 20ZM11 4C7.1 4 4 7.1 4 11C4 14.9 7.1 18 11 18C14.9 18 18 14.9 18 11C18 7.1 14.9 4 11 4ZM8 11C8 9.3 9.3 8 11 8C11.6 8 12 7.6 12 7C12 6.4 11.6 6 11 6C8.2 6 6 8.2 6 11C6 11.6 6.4 12 7 12C7.6 12 8 11.6 8 11Z' fill='black'/%3E%3C/svg%3E");
    transform: rotate(-180deg);
}

.cstm-search .accordion-button:not(.collapsed) {
    color: #ffffff;
    /* background: #9f32f1;
    background: linear-gradient(180deg, rgb(125, 123, 240) 0%, rgb(169, 75, 237) 93%); */
    background: rgb(20,200,209);
    background: linear-gradient(180deg, rgba(20,200,209,1) 0%, rgba(20,200,209,1) 100%);  
}

.cstm-search .accordion-button {
    background: rgb(252,252,252);
    background: linear-gradient(180deg, rgb(255, 246, 246) 0%, rgba(204,203,207,1) 93%);
}