.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dataTables_processing {
    background: rgba(255, 255, 255, 0.9) !important;
}

.dataTables_processing > div {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper .dataTables_processing {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_processing > div {
    width: 3rem;
    height: 3rem;
}

.dt-button {
    background-color: transparent; /* Removes any default background */
    border: none; /* Removes border */
    color: #0c5460; /* Color for the icon */
}

.dt-button:hover {
    background-color: #f8f9fa; /* Light background on hover for visibility */
}

.progress-thin {
    height: 4px;
}

.nowrap {
    white-space: nowrap;
}