/*
    Nombre : mifindex-mineria.css
    Resumen: Conjunto de estilos aplicados a botones de opciones, botones circulares o casillas, de la aplicación
    Fecha  : 21/05/2023
    Notas  : Clases extraídas de MIFIndex v1, style.min.css
*/


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
    Seccion : Menú de Modelos de Minería
    Fecha   : 21/05/2023
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*apariencia de elemento anchor*/
.message-box .message-widget a {
    border-bottom: 1px solid #e9ecef;
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

    .message-box .message-widget a:hover {
        background: #e9ecef
    }

    .message-box .message-widget a:last-child {
        border-bottom: 0px
    }

    .message-box .message-widget a .user-img {
        width: 50px;
        position: relative;
        display: inline-block;
        margin: 0 10px 15px 0
    }

    .message-box .message-widget a .mail-content {
        display: inline-block;
        width: 70%;
        vertical-align: middle
    }

        .message-box .message-widget a .mail-content h5 {
            margin: 5px 0px 0;
            color: #212529
        }


/*Resumen: Reglas extraídas de plantilla EliteAdmin, vista navegador, elementos de correo o notificaciones.
Personalizadas en color y tamaño de fuente.*/

.mfx-bg-sky {
    /*background-color: #1961AC !important;*/ /*MIFIndex, azul, mucho azul*/
    /*background-color: #008ac8 !important;*/ /*variación de #1961AC, grupo generic, +balance */
    background-color: #5faaeb !important; /*MIFindex, variación de celeste #56c3f1*/
}

.mfx-bg-green {
    background-color: #8cbd22 !important;
}

.name-skyround {
    line-height: 48px;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #56c3f1;
}

.name-greenround {
    line-height: 48px;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #8cbd22;
}

.model-summary {
    /*  Fecha: 05/07/21: uso de etiquetas párrafo para descripcion de modelos */
    font-size: 13px !important;
    color: #6c757d; /*#212529;*/
    text-align: justify;
    margin-bottom: 5px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
    Seccion : Personalización del formulario de campos de cuadriculas pivotes
    Fecha   : 17/04/2022
---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
    Resumen: Areas de filtro y filas estan en un mismo contenedor, cuya clase es 'dxpgFLFRDiv'
    Guia: Pruebas de alturas guiaron a un valor ideal de 25% para el área contenedora dxpgFLFRDiv.
    Al estar oculta area de filtros, resulta ideal que area de filas iguale altura de contenedor.

    Guia de Alturas en Seleccione Indicador
    Area de Campos: 100%
    Area de Filtros-Filas : 50%
    Area de Columnas-Datos: 50%
*/

/*Contenedor de Filtros-Filas */
div[class^=dxpgFLFRDiv] {
    height: 26% !important;
}

/*Area de Filtros: ocultar elemento */
div[class^=dxpgCustFieldsFilterAreaHeaders] {
    display: none !important;
}

/*Area de Filas: altura de su contenedor */
div[class^=dxpgCustFieldsRowAreaHeaders] {
    height: 100% !important;
}

/*Contenedor de Columnas-Datos*/
div[class^=dxpgFLCDDiv] {
    height: 74% !important;
}

/*Area de Columnas: */
div[class^=dxpgCustFieldsColumnAreaHeaders] {
    /*height: 27% !important;*/
    display: none !important;
}

div[class^=dxpgCustFieldsDataAreaHeaders] {
    height: 100% !important;
}

/*  
    Configuracion:
    1. Ocultar casilla y boton 'Actualizacion de diseño diferido'
    2. Ajustar altura de panel de campos y areas
*/

div[class^=dxpgFLDefereDiv] {
    visibility: hidden !important;
}

div[class^=dxpgCustFieldsDiv] {
    height: 90% !important;
}