/*
    Nombre  : MIFIndex App (hoja designada para estilos de aplicacion)
    Resumen : ayuda a personalizar formatos de celdas en tarjetas y tablas de MIFIndex
              La propiedad !important ayuda a priorizar estilo definido sobre estilo de plantilla
    Fecha   : 14/10/2021
*/

/*---------------------------------------------------------------------------------------------------------------
    App - entorno
---------------------------------------------------------------------------------------------------------------*/

.invalid-input-fh {
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color: #f1556c !important;
    display: none;
}

.invalid-feedback-fh {
    display: none;
    margin-top: .25rem;
    font-size: .75rem;
    color: #f1556c;
}

.font-bold {
    font-weight: 700;
    color: #343a40
}

.mfx-justify {
    text-align: justify;
}

.mfx-input-disabled {
    background-color: #F5F8FA !important;
}


/*---------------------------------------------------------------------------------------------------------------
    Comparaciones
---------------------------------------------------------------------------------------------------------------*/

.modelo-arbol-grupo {
    margin-left: 7px;
    font-weight: 700; /*GAB: inspirado en font-bold*/
}

.modelo-arbol-hoja {
    margin-left: 7px;
    padding-bottom: 3px;
    height: 30px;
}

.modal-body input[type="checkbox"] {
    /*
        Objeto  : elemento checkbox, ubicado en etiqueta con clase 'modal-body'
        Ambito  : Comparaciones, arbol de campos
    */
    width: 16px;
    height: 16px;
    border: 2px solid #1961ac;
}

.modal-body img {
    /*  
        Objeto  : elemento img, ubicado en etiqueta con clase 'modal-body'
        Ambito  : Comparaciones, arbol de campos
    */
    padding-bottom: 2px;
}

.table .mfx-thead-light th {
    /*  
        Objeto  : table header, ubicado en tabla con clase 'mfx-thead-light'
        Ambito  : Comparaciones, tabla de resultado
        Notas   : Tamaño específico de fuente y alineación vertical para refinar presentación
        Fecha   : 10/02/22
        Edita   : 21/02/23      Personalización Cultural
                  01/03/23      Refinamiento a relleno
        Notas   : mfx es abreviatura para MIFIndex
    */
    font-size: 13px;
    color: #4F5467;
    background-color: #e9ecef;
    border-color: #dee2e6;
    padding: 5px; /*antes: 8px*/
    vertical-align: middle;
}

.px-520 {
    /*  
        Objeto  : celda de tabla
        Ambito  : Comparaciones, tabla de resultado
        Notas   : medidas de relleno inspiradas por Financiera Fundeser, Grupo Par 'Nicaragua', 2016-2018, semestral, 
                  indicadores del modelo calidad. 
        Fecha   : 10/02/22
    */
    padding-left: 5px !important;
    padding-right: 20px !important;
    vertical-align: middle !important;
    text-align: right !important;
}



/*---------------------------------------------------------------------------------------------------------------
    Otra funcionalidad
---------------------------------------------------------------------------------------------------------------*/