/* -------------------------------------------------------------------------- */
/*                               cuadros inicio                               */
/* -------------------------------------------------------------------------- */
#cuadrosInicio{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    column-gap: 8px;
}

#cuadrosInicio div{
    background: #43978d;
    color: #fff;
    font-weight: bolder;
    border-radius: 5px;
    padding: 5px 3px 5px 8px;
}

#cuadrosInicio div p{
    margin: 0;
}
/* -------------------------------------------------------------------------- */

/*Ayer/hoy*/
/*#containerrfechas{*/
/*    display: none !important;*/
/*}*/
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*                               Graficas 1 y 2                               */
/* -------------------------------------------------------------------------- */
#containerGrafica1y2{
    display: grid;
    grid-template-columns: repeat(2, 49%);
    justify-content: space-between;
}
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*                                  Grafica 4                                 */
/* -------------------------------------------------------------------------- */
#containerGrafica3Inicio{
    padding-left: 100px !important;
    padding-right: 100px !important;
}
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*                  Tabla aprobados rechazados por ingeniero                  */
/* -------------------------------------------------------------------------- */
.cardEngineer table thead tr{
    background: #264d59;
    color: #fff;
}
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*                                 Responsive                                 */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 1080px){
    #cuadrosInicio{grid-template-columns: repeat(4, 1fr);row-gap: 15px;}
    #containerGrafica1y2{grid-template-columns: 1fr; row-gap: 20px;}
    .styleGraficas1{width: 80%; margin: 0 auto;}
}

@media only screen and (max-width: 800px){
    .styleGraficas1{width: 99%;}
}

@media only screen and (max-width: 600px){
    #cuadrosInicio{grid-template-columns: repeat(3, 1fr);row-gap: 15px;}
}

@media only screen and (max-width: 460px){
    #cuadrosInicio{grid-template-columns: repeat(2, 1fr);row-gap: 15px;}
}
/* -------------------------------------------------------------------------- */