/* Ajustar toolbar de la tabla en pantalla pequeña para que no se ponga encima del titulo */
@media(max-width: 600px) {
    .mud-table-toolbar {
        margin-bottom: 32px !important;
        margin-top: 48px !important;
    }
}

/* Tablas sin wrap de texto, todo en una linea */
@media (min-width: 576px) {
    .mud-table-cell {
        white-space: nowrap;
    }
}

/* Contenido centrado en tabla */
th.mud-table-cell {
    text-align: center;
}

/* Chips mas grandes  en columnas */
td > .mud-chip.mud-chip-size-medium {
    font-size: 15px !important;
}

.mud-table-root .mud-table-body .mud-table-cell {
    text-align: center;
    font-weight: 300;
}

/* Titulo en 1 linea sin wrap */
.table-head-bordered {
    white-space: nowrap;
}

.mud-table-head .header-centered th {
    text-align: center;
    font-size: 1rem !important;
}

.mud-table-foot .bold-text .mud-table-cell {
    font-weight: 600 !important;
}

.mud-table-cell {
    font-size: 1rem !important;
}

.mud-table-cell-custom-group {
    background-color: #0078a8 !important;
    color: white !important;
}

.mud-table-cell-custom-group-footer {
    background-color: #ffffff !important;
    text-align: center;
    color: var(--mud-palette-text-primary) !important;
    font-weight: bold;
}

    .mud-table-cell-custom-group-footer:hover {
        background-color: var(--mud-palette-table-hover) !important;
    }

.mud-table-container {
    padding-bottom: 8px !important; /* pb-2  --> separar horizontal scrollbar */
}


.selected {
    background-color: #efefef !important;
}

.mud-table-container {
    margin-top: 16px !important;
}


/* Efectos de tabla RowClassFunc */
.tbl-highlight td {
    font-weight: 800 !important;
}

.tbl-warn td {
    font-weight: 800 !important;
    background-color: #ff00001a;
    color: darkred;
}

.tbl-error td {
    font-weight: 800 !important;
    background-color: darkred;
    color: white;
}