.dt-container{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);    

    border-color: rgb(255 255 255 / 0.1) !important;
    border-width: 1px !important;
    --radius: 0.5rem;
    border-radius: var(--radius) !important;
}

.datatable-header, .datatable-footer {
    padding: 1rem !important;
}

table.dataTable thead th {
    background-color: rgb(48 48 48) !important;
    color: white !important;
    font-weight: bold !important;
}

table.dataTable tbody td {
    /*color: black !important;*/
    padding: 1rem !important;
}

table.dataTable tbody tr {
    background-color: rgb(48 48 48) !important;
    color: white !important;
    border-bottom: 1px solid rgb(75, 75, 75) !important;
}

table.dataTable tbody tr:hover {
    background-color:  rgb(75, 75, 75) !important;
}

table.dataTable tbody tr{

}

.dt-container select, .dt-container input{
    background-color: #303030 !important;
    color: white !important;
}

.dt-container .dt-paging button{
    padding: 10px !important;
    border-radius: 10px !important;
}
.dt-container .dt-paging button:hover{
    background-color: #414141 !important;
}