/*
************************************************************
* Comisión Nacional de Hidrocarburos
* Centro Nacional de Información de Hidrocarburos
* Dirección General de Información, Metodologías y Estadística
* Tipo: Codigo CSS 'header'
* Descripción: Estilos para modulo 'Cabecera'
* Autor: L.S.C. Miguel Angel Resendiz Franco
*************************************************************
*/

.viewContainer .viewHeader > .header {
    font-family: 'Montserrat';
    display: grid;
    grid-template: 5px 1fr 5px / 5px 1fr 5px;
    min-width: 320px;
    background-color: var(--heading-color);
}

.viewContainer .viewHeader > .header .busy-indicator {
    grid-row: 3;
    grid-column: 1 / 4;
    align-self: end;
}

.viewContainer .viewHeader > .header .header-base {
    grid-row: 3;
    grid-column: 1 / 4;
    background-color: var(--heading-base-color);
}

.viewContainer .viewHeader > .header .content {
    grid-area: 2 / 2;
    display: grid;
    grid-template: 1fr / 1fr;
}


.viewContainer .viewHeader > .header .content .left-panel {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: start;
    display: grid;
    gap: 5px;
    grid-template: 1fr / repeat(2, auto);
    grid-auto-flow: column;
    /*color: white;*/
    color: white;
}

.viewContainer .viewHeader > .header .content .left-panel .logo-cnh {
    /*background: url(../images/Icons/logo-cnh-h.svg);*/
    background: url(../images/Icons/logo_sener.png);
    background-size: 120px auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 145px;
    background-color:rgb(236, 243, 243);
    border-radius: 5px;
    height: 35px;
    /* filter: brightness(3); */
}



.viewContainer .viewHeader > .header .content .left-panel .title {
    font-size: 28px;
    align-self: center;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
}

.viewContainer .viewHeader > .header .content .center-panel {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
}

.viewContainer .viewHeader > .header .content .right-panel {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: end;
    display: grid;
    gap: 5px;
    grid-template: 1fr / repeat(1, auto);
    grid-auto-flow: column;
    z-index: 1;
}

.viewContainer .viewHeader > .header .content .right-panel > .fa-button {
    color: white;
    padding: 0px;
}

/* Media querys */
@media screen and (min-width: 0px) and (max-width: 767px) {
    #header-title {
        display: none;
    }
}