html,
body {
    height: 100%;
}

/* Flex a columna en pantallas pequeñas. Esta regla debería estar en MudBlazor pero no lo estça en esta version */
@media (max-width: 960px) {
    .flex-sm-column {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .flex-xs-column {
        flex-direction: column;
    }
}

strong, b {
    font-weight: 600 !important;
}

/* Text alignment */
.left {
    text-align: left !important;
}

.center {
    text-align: center !important;
}

.right {
    text-align: center !important;
}

/* Sombras en Papel y WIdgets */
.mud-paper-outlined {
    box-shadow: 0 4px 8px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(183 125 125 / 19%);
}

.mud-expand-panel {
    box-shadow: 0 4px 8px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(183 125 125 / 19%);
}