body {
}


/* MRiveros, Abril 25/2024. Esta clase permite que los Menus Boostrap se Despliguen cuando se pasa el Mouse. Hover
.dropdown:hover .dropdown-menu {
    display: block;
}

     */

.comboBoxCortos {
    min-width: 120px;
    max-width: 200px;
    /*background-color: yellow;*/
}

/*.combosAnchosMinimos select : No se debe aplicar select */
.combosAnchosMinimos {
    min-width: 150px;
}

/* Cambiado por medida rem, permite definir una medida de forma relativa al tamaño de la fuente raíz. Marzo 11/2024 */
.letraPequeña {
    font-size: 0.9rem;
    /*font-size: 13px;*/
}

.letraPequeña2 {
    font-size: 12px;
}


/* MRiveros, Abril 25/2024. Esta clase permite que los Menus Boostrap se Despliguen cuando se pasa el Mouse. Hover
    Cuando lo activo, los menus no se cierran cuando el usuario selecciona una opcion, mucho menos en los telefonos celulares.
.dropdown:hover .dropdown-menu {
    display: block;
} */

/* Color de fondo utilizado con el azul de Express Travel. Es el uitlizado en los Header de los DataGrid */
.bg-ExpressBlue {
    background-color: #0067B9;
    color: white;
}

/* Utilizado en OptionsRequest_UI. Es un color gris claro. */
.bg-ExpressGray {
    background-color: #c3ead0;
}

/* Cambiar los colores del Radzen DataGRid. OJO es NECESARIO agregar !important. Las clases pueden verse en el Browser filtrando por rz-grid-header.
    La propiedad font-weight: 400 originalmente estaba en font-weight: 600 del Header DataGrid, se veia en negrilla.
*/
:root {
    --rz-grid-header-color: white !important; /*Color del texto del encabezado */
    --rz-grid-header-background-color: #0067B9 !important; /*Color de fondo del encabezado */

    --rz-grid-header-text-transform: none !important;
    --rz-grid-header-font-size: 0.8rem !important;
    --rz-grid-header-font-weight: 400 !important;
    /*Color del pie de pagina. */
    --rz-grid-foot-background-color: #0067B9 !important;
    --rz-grid-foot-cell-color: white !important;
    --rz-grid-cell-font-size: 0.8rem !important;
    --bs-body-font-size: 14px !important;
    /*--rz-grid-filter-background-color : yellow !important; Color de la fila donde se hacen los filtrs */
}

/* << ----- Las siguientes clases classAlertPopUp, son utilizadas para mostrar la ventana modal de las Alertas pop up parte superior derecha. 
    Traté de incluir estas clases en  NavTopMenu.razor.css pero no las toma el sistema, por lo que tuve que crearlas acá. Puedo ver Pruebas3.razor.css para ejemplos. Agosto 6/2024 */
/* 1. Para las pantallas muy grandes y pantallas por defecto */
.classAlertPopUp {
    top: 10px !important;
    left: 70% !important;
    width: 400px !important;
    /*background-color: blue;*/
}

/* 2. Para las pantallas grandes , de 1550 hacia abajo. */
@media (max-width: 1400px) {
    .classAlertPopUp {
        top: 90px !important;
        left: 500px !important;
        /*background-color: yellow;*/
    }
}

/* 3. Para las pantallas medianas, de 1000px hacia abajo. */
@media (max-width: 992px) {
    .classAlertPopUp {
        top: 80px !important;
        left: 20% !important;
        /*background-color: silver;*/
    }
}

/* 3. Para las pantallas pequeñas de 650px hacia abajo  */
@media (max-width: 576px) {
    .classAlertPopUp {
        top: 90px !important;
        left: 10px !important;
        /*background-color: black;*/
    }
}


/* -------------- clases classAlertPopUp ----------------------------- >>> */



/*
    Aunque esta clase es para AddNewServiceOrder.razor, si la incluyo en AddNewServiceOrder.razor.css NO funciona, no se aplican los cambios allá, por lo que la coloque por ahora acá. 
    En General cuando aplico clases de estilos en los archivos locales componente.razor.css para algunos elementos como select NO aplica el estilo, para otros funciona correctamente. Mayo 18/2023.
*/
#AddServiceOrder select {
    background-color: red;
    color: white;
}



/* Esta clase s utilizada cuando se quieren desactivar los Links que estan dentro de un Div o dentro de un fieldset
    ejemplo : <div class="disabled-link"> ... MRiveros. Agosto 29/2024
*/
.disabled-link {
    pointer-events: none;
    color: gray;
    text-decoration: none;
    opacity: 0.6;
}


/* Clase para dar bordes a un titulo o texto. */
.borderText {
    border: outset 1px;
    /*border-radius: 5px;*/

    padding-right: 25px;
    padding-left: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
}