.mud-table-head th {
    background-color: var(--mud-palette-info-lighten);
    color: var(--mud-palette-primary-text);
}

.mud-button-filled.mud-button-filled-warning {
    color: white !important;
    background-color: #FF9800 !important;
    --mud-ripple-color: white !important;
}

.mud-button-filled.mud-button-filled-success {
    color: white !important;
    --mud-ripple-color: white !important;
    background-color: #00a344 !important;
}

.mud-data-grid .mud-table-cell .column-header .sortable-column-header {
    width: 100%;
}

.mud-data-grid .mud-table-cell .column-header {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
}

.mud-data-grid .mud-icon-button.sort-direction-icon {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    color: var(--mud-palette-info-darken) !important;
}

    .mud-data-grid .mud-icon-button.sort-direction-icon.mud-direction-asc,
    .mud-data-grid .mud-icon-button.sort-direction-icon.mud-direction-desc {
        color: var(--mud-palette-info-darken) !important;
    }


.mud-typography {
    font-family: 'Roboto', sans-serif !important;
}

body, button, input, select, textarea {
    font-family: 'Roboto', sans-serif !important;
}

.mud-typography.mud-typography-body2.mud-table-pagination-caption {
    font-weight: bold;
}

.mud-card-header {
    background-color: var(--mud-palette-info-lighten);
}


.mud-button-root.mud-icon-button.mud-ripple.mud-ripple-icon.mud-flip-x-rtl {
    color: var(--mud-palette-info-darken);
}

.mud-table-cell {
    padding: 8px 12px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    color: var(--mud-palette-text-primary);
    user-select: text;
}

.swal2-container.swal2-backdrop-show {
    backdrop-filter: blur(10px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(180%) !important;
    background-color: rgba(17, 25, 40, 0.45) !important;
}

@media (max-width: 1480px) {
    .mud-layout {
        zoom: 0.75;
    }
}