/* Colores de marca del Portal Marino.
   Espejo de Components/Layout/BrandColors.cs para que los .css de los componentes
   puedan usarlos (los archivos CSS no pueden consumir constantes de C#).
   Si cambiás un color, actualizá AMBOS lados. */
:root {
    --brand-blue: #4A6DA7;
    --brand-blue-dark: #3E5C8C;
    --brand-blue-light: #5F81B8;
    --brand-navy: #110E2D;
    --brand-light-canvas: #F0F2F5;
    --brand-dark-canvas: #1A1A27;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.visible_above_450 {
    display: none;
    /* Oculto por defecto */
}

@media screen and (min-width: 451px) {
    .visible_above_450 {
        display: block;
        /* Visible cuando el ancho es mayor a 450px */
    }
}

.visible_above_350 {
    display: none;
    /* Oculto por defecto */
}

@media screen and (min-width: 351px) {
    .visible_above_350 {
        display: block;
        /* Visible cuando el ancho es mayor a 450px */
    }
}

.min-ellipsis {
    min-width: 100px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.min-ellipsis_400 {
    min-width: 100px;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.align-right-numeric input {
    text-align: right;
}

.date_time_right {
    text-align: right;
    width: 250px;
    max-width: 250px;
}