table.dataTable{
    border-radius: 10px;
    border: none;
    border-bottom: 1px solid #44ffaa4b !important;
    overflow: hidden;
    /* box-shadow: 10px 10px 20px #1e2126b0; */
    background: var(--color-bg-dark);
    /* background: #15251d80; */
    padding: 60px 0;
}

thead {
    background: #22ff991e;
    border-radius: 10px 10px 0 0 !important;
}

#access-denied.datatable {
    padding: 50px;
}

tbody{
    /* background: #2a2f35c9; */
}

table.dataTable tbody tr {
    font-size: 14px;
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td{
    padding: 15px 10px !important;
}

table.dataTable tbody th, table.dataTable tbody td{
    padding: 15px 10px !important;
    color: white;
    text-shadow: 5px 5px 20px var(--color-bg-dark);
}

table.dataTable thead > tr{
    color: var(--color-white);
    font-size: 14px;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled{
    color: var(--color-white);
    /* font-size: 14px; */
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color: rgba(255, 255, 255, 70%) !important;
}

#clTable_filter label {
    /* background: rgba(23, 24, 29, 0.3); */
    /* padding: 20px; */
    border-radius: 10px;
}

.dataTables_wrapper .dataTables_filter input{
    border: 2px solid gray !important;
    border-radius: 5px !important;
    margin-left: 10px !important;
    outline: none;
}

.dataTables_wrapper .dataTables_length select{
    width: 80px;
    margin: 0 5px 0 5px;
    background-color: rgba(23, 24, 29, 0.3) !important;
    background-position: calc(100% - 10px) calc(45% + 2px), calc(100% - 5px) calc(45% + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 30% 100%;
}

.dataTables_wrapper .dataTables_length {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: -100px;
    padding: 20px 20px;
}

.dataTables_wrapper .dataTables_filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: -100px;
    padding: 20px 20px;
}

.dataTables_wrapper .dataTables_info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: -65px;
    padding: 20px 20px;
}

.dataTables_wrapper .dataTables_paginate {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -65px;
    padding: 10px 20px;
}

button {
    padding: 10px 15px;
    min-width: max-content;
}
