table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left;
}
{
    color: #f1f5f9;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    background-color: #1e293b;
    color: #f1f5f9;
    border: 1px solid #334155;
}
div.dt-button-collection {
    background: #1e293b !important;
}
.dt-buttons {
    padding-left: 10px;
}

/* General Button Styles */
.dt-buttons button {
    color: var(--odp-title) !important;
    font-weight: bold !important;
    padding: 10px 16px !important;
    border-radius: 24px !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
}

/* Hover Effect */
.dt-buttons button:hover {
    transform: translateY(-2px) ;
}

/* Focus Outline */
.dt-buttons button:focus {
    outline: none;
}

/* Icon Size inside Buttons */
.dt-buttons button i {
    font-size: 18px ;
    margin-right: 8px;
}

/* Fix alignment */
.dataTables_wrapper .dt-buttons {
    margin-bottom: 10px;
}
div.dt-container .dt-search input {
    border-radius: 24px!important;
}
div.dt-button-collection {
    background-color: white !important;
}
.dt-info {
    margin-left: 0.75rem;
}
.dt-button-collection{
    border-radius: 16px!important;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
    border-radius: 24px!important;
}
div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button{
    border: 1px solid var(--odp-paragraph-primary, #D3D3D3)!important;
    background: white!important;
}