div{

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: white;
    font-weight: 600;

}

li:hover {

    background-color: rgba(10, 13, 18, 1);

}

button{

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: white;
    font-weight: 600;

}

a{

    font-weight: bold;
    text-decoration: none !important;

}

.parpadeo{
    color: red;
    animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes blink {
    from {
        color:red;
    }
    to {
        color:white;
    }
}

.marco_banner{
    
    border:0.3vh solid #1f2630;
    border-radius:1.2vh;
    background:#0a0d12;
    height:5.25vh;
    margin: 1vh 0.4vh;
    margin-bottom: 0.4vh;
    
}

.estructura_banner{
    
    display:grid;
    grid-template-columns:70% 29.75%;
    
}

.logo{

    margin: 0.6vh 1vh;
    height: 3.5vh;

}

.iconos{

    display: flex;
    align-items: center;
    cursor: pointer;
    color: white;
    margin: 0 0.8vh;

}

.iconos2{

    height: 2.7vh;
    width: 2.7vh;

}

.marco_fecha{

    border:0.2vh solid #7d8690;
    border-radius:0.8vh;
    background:#161b22;
    height: 3.5vh;
    margin: 0.6vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.fecha{

    border: 0.15vh solid #161b22;
    background-color: #161b22;
    color: white;
    height: 1.5vh;
    width: 11.5vh;
    font-size: 1.7vh;
    font-weight: 600;
    margin: 0 0.8vh;

}

.marco_fecha_2{

    border:0.2vh solid #7d8690;
    border-radius:0.8vh;
    background:#161b22;
    height: 5vh;
    width: 20vh;
    margin: 0.6vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.fecha_2{

    border: 0.15vh solid #161b22;
    background-color: #161b22;
    color: white;
    height: 4vh;
    width: 16vh;
    font-size: 2.2vh;
    font-weight: 600;
    margin: 0 0.8vh;

}

.estructura_marcos{

    display: grid;
    grid-template-columns: 100%;

}

.estructura_t{

    display: grid;
    grid-template-columns: 70% 25%;
    grid-gap: 5%;
    border-top: 0.15vh solid #6b8caf;

}

.estructura_t2{

    display: grid;
    grid-template-columns: 75% 20%;
    grid-gap: 5%;

}

.estructura_pestanas{

    display: grid;
    grid-template-columns: 15% 85.65%;

}

.estructura_datos{

    display: grid;
    grid-template-columns: repeat(6, 16.66666667%);
    width: 195vh;
    margin-top: 2vh;

}

.estructura_502{

    display: grid;
    grid-template-columns: 55% 45%;
    margin-bottom: 1.5vh;
    width: 120vh;

}

.estructura_datos2{

    display: grid;
    grid-template-columns: repeat(6, 16.66666667%);
    margin-bottom: 1.5vh;
    width: 180vh;

}

.estructura_datos3{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    margin: 2vh;
    width: 195vh;

}

.estructura_datos4{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);
    margin-bottom: 1.5vh;
    width: 160vh;
    margin-top: 2vh;

}

.estructura_botones_edicion{

    display: grid;
    grid-template-columns: 90% 10%;
    justify-content: right;

}




/*RESUMEN MENSUAL*/
/*#1f2630;*/
.marcos_principales{

    border:0.25vh solid #1f2630;
    border-radius: 1vh;
    height:92vh;
    background:#0a0d12;
    margin: 0.4vh;
    padding: 1vh 2vh;

}

.marcos_desagregados{

    border:0.25vh solid #1f2630;
    border-radius: 1vh;
    height:92vh;
    background:#0a0d12;
    margin: 0.4vh;
    padding: 1vh 2vh;

}

.titulo_marcos{
    
    font-size: 2.25vh;
    margin-bottom: 1vh;
    color: #6ba8a8;

}

.centrar{

    display: flex;
    justify-content: center;

}

.centrar_vert{

    display: flex;
    justify-content: center;
    align-items: center;

}

/*NIVEL 1*/

.marco_maquinas_n1{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 27vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.submarco_maquinas_n1{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 36vh;
    width: 28vh;
    background:#1a2029;
    margin: 1.5vh 1vh;
    padding: 1vh 2.5vh;

}

.titulo_maquinas_n1{

    font-size: 2.5vh;
    color: #6ba8a8;
    text-align: center;
    margin-bottom: 1.5vh;

}

.titulo_ec_en_n1{

    font-size: 2vh;

}

.titulo_tp_n1{

    font-size: 2.3vh;
    margin-bottom: -1.5vh;
    color: #7ac9a3;

}

.titulo_te_n1{

    font-size: 2.3vh;
    margin-bottom: -1.5vh;
    color: #c4923a;

}

.titulo_k_n1{

    font-size: 2.3vh;
    margin-bottom: -1.5vh;
    color: #b85450;

}

.titulo_objetivos_n1{

    font-size: 1.7vh;
    margin-bottom: -0.9vh;
    color: #c4923a;

}

.tp_n1{

    font-size: 1.1vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    margin: 1vh 0vh;
    margin-bottom: 1vh;
    width: 7vw;
    height: 4vh;
    border: none;
    text-align: right;
    border-radius: 0.8vh;
    text-align: center;

}

.te_n1{

    font-size: 2.5vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    margin: 0vh 0vh;
    margin-bottom: 1vh;
    width: 8vh;
    height: 4vh;
    border: none;
    text-align: right;
    border-radius: 0.8vh;

}

.unidades{

    font-size: 2vh;
    width: 10vh;
    margin-top: 1.5vh;

}

.titulos_tabla{

    font-size: 2vh;
    padding: 1.5vh 0;

}

.objetivos_n1{

    font-size: 2.1vh;
    color: #e8ecf0;

}

.desvios_n1{

    font-size: 1.9vh;

}

/*NIVEL 2*/

.marco_maquinas_n2{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 25vh;
    background:#1a2029;
    margin: 2vh 1vh;
    margin-top: 0;
    padding: 1vh 2vh;

}

.submarco_maquinas_n2{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 18vh;
    width: 28vh;
    background:#1a2029;
    margin: 1.5vh 1vh;
    padding: 1vh 2.5vh;

}

.titulo_maquinas_n2{

    font-size: 2.5vh;
    color: #6ba8a8;
    text-align: center;

}

.titulo_ec_en_n2{

    font-size: 2vh;

}

.titulo_valores_n2{

    font-size: 2vh;
    margin-bottom: -1.5vh;
    color: #7ac9a3;

}

.titulo_previsiones_n2{

    font-size: 1.7vh;
    margin-bottom: -0.9vh;
    color: #5eb88e;

}

.titulo_objetivos_n2{

    font-size: 1.7vh;
    margin-bottom: -0.9vh;
    color: #c4923a;

}

.valores_n2{

    font-size: 5vh;
    text-align: center;
    margin: 2vh 0;

}

.previsiones_n2{

    font-size: 2.1vh;

}

.objetivos_n2{

    font-size: 2.1vh;
    color: #e8ecf0;

}

.desvios_n2{

    font-size: 1.9vh;

}

.marco_fv{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 6.25vh;
    background:#1a2029;
    margin: 0vh 1vh;
    padding: 1vh 1.75vh;

}

.titulo_encabezado{

    font-size: 0.95vw;
    color: #5eb88e;
    margin-top: 0.5vh;
    margin-bottom: 0.75vh;
    text-align: center;
    border-bottom: 0.15vh solid #5eb88e;

}

.margen_cons{

    margin: 2vh 1vw;

}

.titulo_encabezado2{

    font-size: 1.9vh;
    color: #6b8caf;
    margin-top: 0.5vh;
    text-align: center;

}

.titulo_encabezado3{

    font-size: 2.1vh;
    color: #c4923a;
    margin-top: 0.5vh;

}

.valor_encabezado{

    font-size: 1.1vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    height: 4vh;
    margin: -0vh 0;
    border: none;
    text-align: center;
    border-radius: 0.8vh;
    padding: 0vh 1vh;
    width: 9vw;

}

.valor_encabezado_ahorro{

    font-size: 2.5vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    height: 4vh;
    margin: 0.5vh 0;
    width: 7.5vw;
    border: none;
    text-align: center;
    border-radius: 0.5vh;
    padding: 0vh 1vh;

}

.unidades_fv{

    font-size: 2.3vh;
    margin-top: 0.5vh;

}

.unidades_fv2{

    font-size: 2.3vh;
    margin-top: 1vh;

}

.marco_pestanas{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 4vh;
    width: 8.5vw;
    background:#1a2029;
    margin: 0vh 0.15vw;
    padding: 0.25vh 0vw;
    font-size: 0.95vw;
    text-align: center;
    margin-bottom: 1.5vh;

}

.marco_pestanas_sub{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 4vh;
    width: 8.5vw;
    background:#1a2029;
    margin: 0vh 0.15vw;
    padding: 0vh 0vw !important;
    font-size: 0.85vw;
    text-align: center;

}

.marco_pestanas.activo {

    background: #c4923a;
    border-color: #c4923a;

}

.marco_pestanas_sub.activo {

    background: #c4923a;
    border-color: #c4923a;

}

/*CONSIGNAS*/

.marco_consignas{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 34vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.marco_consignas2{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 20vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.marco_consignas3{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 76vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.marco_consignas_rutas{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 20vh;
    background:#161b22;
    margin: 26.75vh 1vh;
    padding: 1vh 2vh;

}

/*TURNOS*/

.marco_turnos{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 75vh;
    background:#161b22;
    margin: 0vh 1vh;
    padding: 1vh 2vh;
    margin-bottom: 2vh;

}

.marco_turnos_ener{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 70vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;
    margin-bottom: 2vh;

}

.marco_turnos_sub{

    border: 0.2vh solid #1a2029;
    border-radius: 0.8vh;
    height: 65vh;
    background:#1a2029;
    margin: 1vh 1vh;
    padding: 1vh 1vw;

}

.marco_turnos_sub_ener{

    border: 0.2vh solid #1a2029;
    border-radius: 0.8vh;
    height: 60vh;
    background:#1a2029;
    margin: 1vh 1vh;
    padding: 1vh 1vw;

}

.estructura_turnos{

    display: grid;
    grid-template-columns: 60% 40%;
    margin-top: -0.5vh;
    margin-bottom: 0.5vh;

}

.estructura_turnos_ener{

    display: grid;
    grid-template-columns: 70% 30%;
    margin-top: -0.5vh;
    margin-bottom: 0.5vh;

}

.estructura_turnos_dias_maq{

    display: grid;
    grid-template-columns: repeat(9, 11.1111%);

}

.estructura_turnos_dias{

    display: grid;
    grid-template-columns: repeat(7, 9.75%);

}

.estructura_turnos_ener_meses{

    display: grid;
    grid-template-columns: repeat(12, 8.333333%);

}

.estructura_turnos_fechas{

    display: grid;
    grid-template-columns: repeat(2, 50%);

}

.estructura_50{

    display: grid;
    grid-template-columns: repeat(2, 50%);

}

.estructura_tit_turn{

    display: grid;
    grid-template-columns: 50% 50%;

}

.estructura_tit_turn_plan{

    display: grid;
    grid-template-columns: 30% 30% 40%;

}

.estructura_tit_turn_plan_ener{

    display: grid;
    grid-template-columns: 16% 49% 35%;

}

.borde_izq_turn{

    border-left: 0.15vh solid #8a7bb3;
    margin: 1vh 0;

}

.borde_der_turn{

    border-right: 0.15vh solid #8a7bb3;
    margin: 1vh 0;

}

.marco_dias{

    border-radius: 0.4vh;
    background:#1f2630;
    margin: 0.5vh 0.2vw;
    padding: 0.5vh 0vw;
    width: 5.5vw;
    font-size: 0.85vw;
    display: flex;
    justify-content: center;
    align-items: center;

}

.marco_dias_ener{

    border-radius: 0.4vh;
    background:#1f2630;
    margin: 0.5vh 0.12vw;
    padding: 0.5vh 0.15vw;
    width: 4.6vw;
    font-size: 0.75vw;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;

}

.marco_hor_cost_act{

    border-radius: 0.4vh;
    background:#1f2630;
    margin: 0.5vh 0vw;
    margin-left: 0.5vw;
    padding: 0.5vh 0.5vw;
    font-size: 0.9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.marco_hor_cost{

    border-radius: 0.4vh;
    background:#1f2630;
    margin: 0.5vh 0vw;
    margin-left: 0.5vw;
    padding: 0.5vh 0.5vw;
    font-size: 0.9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.estructura_turnos1_ener{

    display: grid;
    grid-template-columns: 15% 42.5% 42.5%;
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_turnos2_ener{

    display: grid;
    grid-template-columns: 15% repeat(2, 10% 12.5% 10% 10%);
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_turnos1{

    display: grid;
    grid-template-columns: 16% 32% 30% 22%;
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_turnos2{

    display: grid;
    grid-template-columns: 8% 8% 19% 6.5% 6.5% 9% 6.5% 6.5% 8% 9% 6.5% 6.5%;
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_turnos3{

    display: grid;
    grid-template-columns: 10% repeat(9, 10%);
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_turnos4{

    display: grid;
    grid-template-columns: 7.44375% 7.44375% 7.44375% 7.44375% 69.25%;
    border-bottom: 0.15vh solid #8a7bb3;

}

.estructura_turnos4_sub{

    display: grid;
    grid-template-columns: 7.5% 7.5% 7.5% 7.5% 70%;
    border-bottom: 0.15vh solid #8a7bb3;

}

.estructura_turnos4_ener{

    display: grid;
    grid-template-columns: 5.9357% 5.9357% 5.9357% 5.9357% 5.9357% 69.25%;
    border-bottom: 0.15vh solid #8a7bb3;

}

.estructura_turnos4_sub_ener{

    display: grid;
    grid-template-columns: 6% 6% 6% 6% 6% 70%;
    border-bottom: 0.15vh solid #8a7bb3;

}

.estructura_turnos5{

    display: grid;
    grid-template-columns: 10% repeat(7, 12.857%);
    border-bottom: 0.15vh solid #8a7bb3;
    width: 99.5%;

}

.estructura_horas_plan{

    display: grid;
    grid-template-columns: repeat(24, 4.1666667%);

}

.marca_hora_plan{

    border-left: 0.2vh solid #8a7bb3;
    height: 3vh;
    font-size: 0.85vw;
    padding: 0vh;
    margin-bottom: 0vh;
    color: #6ba8a8;
    text-align: center;

}

.marca_hora_plan_ult{

    border-left: 0.2vh solid #8a7bb3;
    border-right: 0.2vh solid #8a7bb3;
    height: 3vh;
    font-size: 0.85vw;
    padding: 0vh;
    margin-bottom: 0vh;
    color: #6ba8a8;
    text-align: center;

}

.input_turn{

    font-size: 1.25vw;
    height: 4.5vh;
    width: 6vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;
    margin: 2vh 1vw;

}

.titulos_detalle4_turn{

    font-size: 0.85vw;
    color: #6ba8a8;/*ba7087;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_detalle_nom_turn{

    font-size: 1vw;
    color: #5eb88e;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0vh 0;

}

.contenido_tabla1_turn{

    font-size: 0.9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0vh 0.5vw;

}

.contenido_tabla_nolab{

    height: 4vh;
    background: #0a0d12;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t1{

    height: 4vh;
    background: #5eb88e;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t2{

    height: 4vh;
    background: #c4923a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t3{

    height: 4vh;
    background: #c4923a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t4{

    height: 4vh;
    background: #b85450;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t5{

    height: 4vh;
    background: #8a7bb3;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t6{

    height: 4vh;
    background: #5eb88e;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t1_ener{

    height: 4vh;
    background: #cc6e6a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t2_ener{

    height: 4vh;
    background: #c4923a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t3_ener{

    height: 4vh;
    background: #6b8caf;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t4_ener{

    height: 4vh;
    background: #c4923a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t5_ener{

    height: 4vh;
    background: #c4923a;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_t6_ener{

    height: 4vh;
    background: #7ac9a3;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla_desc{

    height: 4vh;
    background: #6b8caf;
    width: 64vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0vw;

}

.contenido_tabla1_check{

    font-size: 0.9vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 0.25vw;
    margin-top: -0.5vh;

}

.marco_horas_turn{

    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    margin: 2vh 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1vw;

}

.horas_turn{

    border: 0.25vh solid #1f2630;
    background-color: #1f2630;
    color: white;
    margin: 0 1vw;
    font-weight: bold;

}

.marco_dias_sem_turn_maq{

    border:0vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 3.5vh;
    width: 5.85vw;
    margin: 1vh 0.5vw;
    font-size: 0.85vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;

}

.marco_dias_sem_turn{

    border:0vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 3.5vh;
    width: 5vw;
    margin: 1vh 0.5vw;
    font-size: 0.85vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;

}

.dia_sem_turn{

    font-size: 0.85vw;
    margin-right: 0.25vw;

}

.check_dias_sem{

    font-size: 0.7vw;
    margin-top: -0vh !important;

}

.desplegables_turn_modo{

    border:0vh solid #1f2630 !important;
    border-radius:0.6vh;
    background:#1f2630 !important;
    height: 4vh;
    width: 6.75vw;
    margin: 1vh 0.25vw;
    font-size: 0.85vw !important;
    font-weight: bold !important;

}

.desplegables_ener{

    border:0vh solid #1f2630 !important;
    border-radius:0.3vh !important;
    background:#1f2630 !important;
    height: 3vh;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0vh 0.25vw !important;
    font-size: 0.85vw !important;
    font-weight: bold !important;

}

.desplegables_turn{

    border:0vh solid #1f2630 !important;
    border-radius:0.6vh;
    background:#1f2630 !important;
    height: 4vh;
    width: auto !important;
    margin: 1vh 0.25vw;
    font-size: 0.85vw !important;
    font-weight: bold !important;

}

.desplegables_res{

    border:0vh solid #1f2630 !important;
    border-radius:0.6vh;
    background:#1f2630 !important;
    height: 4.5vh;
    width: auto !important;
    margin: -0.5vh 1vw;
    padding: 0vh 0.5vw;
    font-size: 0.85vw !important;
    font-weight: bold !important;

}

.desplegado_turn{

    background:#1f2630 !important;
    color: white !important;
    font-weight: bold !important;
    max-height: 30vh; 
    overflow-y: auto; 
    border: 0.1vh solid #1a2029;
    cursor: pointer;

}

.marco_fechas_turn{

    border:0.25vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height:4.5vh;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5vh 0.5vw;
    padding: 0 1vw;

}

.marco_fechas_ener{

    border:0.25vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height:4.5vh;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5vh 0.5vw;
    padding: 0 1vw;
    padding-right: 0vw;

}

.fechas_turn{

    border: 0.25vh solid #1f2630;
    background-color: #1f2630;
    color: white;
    height: 2.5vh;
    width: 6.5vw;
    font-size: 0.85vw;
    font-weight: 600;
    margin-left: 0.5vw;

}

/*NIVEL 3*/

.marco_maquinas_n3{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 44vh;
    background:#161b22;
    margin: 14vh 1vh;
    padding: 1vh 2vh;

}

.marco_botones_edicion{

    border:0.2vh solid #161b22;
    border-radius:0.8vh;
    background:#1a2029;
    height: 5vh;
    margin-left: 2vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.2vh;

}

/*DETALLE*/

.marco_detalle_factura{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    background:#1a2029;
    margin: 3vh 1vh;
    margin-bottom: 0;
    padding: 1vh 2vh;

}

.estructura_detalle_anyo{

    display: grid;
    grid-template-columns: 70% 30%;

}

.contenedor_detalle{

    margin: 2vh 3vh;

}

.contenedor_detalle2{

    margin: 0vh 2vh;

}

.mes_detalle{

    font-size: 2.2vh;
    border: #161b22;
    border-bottom: 0.15vh solid white;
    padding: 0.5vh 0;
    width: 100%;
    text-align: left;

}

.estructura_detalle{

    display: grid;
    grid-template-columns: repeat(2, 50%);

}

.estructura_detalle1{

    display: grid;
    grid-template-columns: repeat(2, 13%) repeat(8, 9.25%);
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 4vh;
    margin-bottom: 2vh;

}

.estructura_detalle12{

    display: grid;
    grid-template-columns: repeat(2, 13%) repeat(8, 9.25%);

}

.estructura_detalle2{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);
    border-bottom: 0.15vh solid #b85450;
    margin-top: 4vh;
    margin-bottom: 1vh;

}

.estructura_detalle22{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);

}

.estructura_detalle3{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);
    border-bottom: 0.15vh solid #c4923a;
    margin-top: 4vh;
    margin-bottom: 1vh;

}

.estructura_detalle32{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);

}

/*CO2*/

.marco_co2{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    background:#161b22;
    margin: 7.5vh 1vh;
    padding: 1vh 2vh;

}

.estructura_co2{

    display: grid;
    grid-template-columns: repeat(6, 16.666667%);
    grid-gap: 10vh 0;
    margin: 10vh 0;

}

.valor_encabezado_co2{

    font-size: 1.5vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    height: 5vh;
    margin: 0.5vh 0.25vw;
    border: none;
    text-align: center;
    border-radius: 0.8vh;
    padding: 0vh 0.25vw;
    width: 5vw;

}

.unidades_co2{

    font-size: 1vw;
    margin-top: 1.5vh;

}

.titulos_usu{

    font-size: 1.2vw;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_detalle1{

    font-size: 1.9vh;
    color: #5eb88e;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_detalle2{

    font-size: 1.9vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_detalle3{

    font-size: 1.9vh;
    color: #c4923a;/*ba7087;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_acc{

    font-size: 1.1vw;
    color: #6ba8a8;/*ba7087;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.titulos_detalle4{

    font-size: 1.9vh;
    color: #6ba8a8;/*ba7087;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.contenido_tabla1{

    font-size: 2.1vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.contenido_tabla2{

    font-size: 2.1vh;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 1vh 0;

}

.marco_fecha_tabla{

    border:0.2vh solid #7d8690;
    border-radius:0.8vh;
    background:#161b22;
    height: 4.5vh;
    width: 20vh;
    margin: 0.6vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.fecha_tabla{

    border: 0.15vh solid #161b22;
    background-color: #161b22;
    color: white;
    height: 3.5vh;
    width: 14.5vh;
    font-size: 2vh;
    font-weight: 600;
    margin: 0 0.8vh;

}

.marco_anyo_tabla{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    margin: 0.6vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.anyo_tabla{

    border: 0.15vh solid #1f2630;
    background-color: #1f2630;
    color: white;
    height: 3.5vh;
    width: 8.5vh;
    font-size: 2.3vh;
    font-weight: 600;
    margin: 0 0.8vh;

}

.boton_insertar{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 17vh;
    margin: 0.6vh 2vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.3vh;
    padding: 0 1vh;
    
}

.texto_insertar{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 14vh;
    margin: 0.6vh 3vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.3vh;
    font-weight: bold;
    color: white;
    
}

.anyo_insertar{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 8vh;
    margin: 0.6vh 1vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.3vh;
    font-weight: bold;
    color: white;
    
}

.valor_encabezado_tabla{

    font-size: 1.1vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    height: 5vh;
    margin: -0vh 0;
    width: 7vw;
    border: none;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 0.4vh;
    padding: 0vh 1vh;

}

.valor_encabezado_tabla2{

    font-size: 1.1vw;
    font-weight: bold;
    background:#1f2630;
    color: white;
    height: 5vh;
    margin: -0vh 0;
    width: 5.5vw;
    border: none;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 0.4vh;
    padding: 0vh 1vh;

}

/*TRAFO*/

.marco_trafo{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 16vh;
    background:#161b22;
    margin: 13.5vh 1vh;
    padding: 1vh 2vh;

}

.estructura_t_trafo{

    display: grid;
    grid-template-columns: 70% 15%;
    grid-gap: 5%;
    width: 30vh;

}

.estructura_datos_trafo{

    display: grid;
    grid-template-columns: 32.5% 32.5% 17.5% 17.5%;
    width: 195vh;

}

.estructura_datos_trafo2{

    display: grid;
    grid-template-columns: repeat(5, 20%);
    width: 195vh;

}

.desplegables{

    border:0vh solid #1f2630 !important;
    border-radius:0.6vh;
    background:#1f2630 !important;
    height: 4vh;
    width: 8vw;
    margin: 0vh 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9vw !important;
    font-weight: bold !important;

}

.desplegado{

    background:#1f2630 !important;
    color: white !important;
    font-weight: bold !important;
    max-height: 30vh; 
    overflow-y: auto; 
    border: 0.1vh solid #1a2029;
    cursor: pointer;

}

/*BANCO*/

.marco_banco{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 16vh;
    background:#161b22;
    margin: 10.25vh 1vh;
    padding: 1vh 2vh;

}

.marco_banco2{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 25.5vh;
    background:#161b22;
    margin: 10.25vh 1vh;
    padding: 1vh 2vh;

}

.estructura_t_banco{

    display: grid;
    grid-template-columns: 70% 15%;
    grid-gap: 5%;
    width: 30vh;

}

.estructura_datos_banco{

    display: grid;
    grid-template-columns: 26% 26% 19% 19% 10%;
    width: 195vh;

}

.estructura_datos_banco2{

    display: grid;
    grid-template-columns: repeat(6, 16.66666666666666667%);
    width: 195vh;

}

.estructura_fv{

    display: grid;
    grid-template-columns: repeat(6, 16.6666667%);
    margin: 2vh 0;

}

.estructura_fv2{

    display: grid;
    grid-template-columns: repeat(6, 16.6666667%);
    margin: 1vh 0;

}

.titulo_encabezado_fv{

    font-size: 1.9vh;
    color: #6b8caf;
    margin-top: 0.5vh;
    margin-bottom: 0.75vh;
    text-align: center;
    border-bottom: 0.15vh solid #6b8caf;

}

.marco_maquinas_fv{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 28vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.marco_maquinas_fv2{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 45vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

/*ARQUITECTURA MEDIDA*/

.marco_arq{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    height: 80vh;
    background:#161b22;
    margin: 2vh 1vh;
    padding: 1vh 2vh;
    transition: height 0.6s ease;
    overflow: hidden;
    max-height: 80vh;
    overflow-y: auto;

}

.estructura_nuevo_nodo{

    display: grid;
    grid-template-columns: 60% 20% 20%;

}

.estructura_desc_ubi{

    display: grid;
    grid-template-columns: 50% 50%;
    border-bottom: 0.15vh solid white;

}

.input_desc_ubi{

    width: 15vh;
    font-size: 2.5vh;
    height: 4vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;

}

.estructura_arq1{

    display: grid;
    grid-template-columns: 8% 4% repeat(2, 11%) 6% repeat(4, 15%);
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;

}

.estructura_arq2{

    display: grid;
    grid-template-columns: 8% 4% repeat(2, 11%) 6% repeat(4, 15%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_arq14{

    display: grid;
    grid-template-columns: repeat(2, 13%) 6% repeat(4, 17%);
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;

}

.estructura_arq24{

    display: grid;
    grid-template-columns: repeat(2, 13%) 6% repeat(4, 17%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_arq11{

    display: grid;
    grid-template-columns: 50% 15% 35%;
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;
    width: 50vh;

}

.estructura_arq22{

    display: grid;
    grid-template-columns: 50% 15% 35% 20%;
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;
    width: 50vh;

}

.estructura_arq13{

    display: grid;
    grid-template-columns: 9% repeat(5, 6.5%) 4% repeat(4, 13.5%);
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;

}

.estructura_arq23{

    display: grid;
    grid-template-columns: 9% repeat(5, 6.5%) 4% repeat(4, 13.5%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_arq132{

    display: grid;
    grid-template-columns: 40% 30% 30%;
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;
    width: 42vh;

}

.estructura_arq232{

    display: grid;
    grid-template-columns: 40% 30% 30%;
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;
    width: 42vh;

}

.input_arq{

    width: 16vh;
    font-size: 2vh;
    height: 3vh;
    margin-top: 0.5vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;

}

.input_arq_anaotro{

    width: 10vh;

}

.input_arq_cant{

    width: 6vh;
    font-size: 2.5vh;
    height: 4vh;

}

.boton_actcant{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 13vh;
    margin: 0.6vh 2vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vh;
    padding: 0 1vh;
    
}

.input_arq_descubi{

    width: 15vh;
    height: 4vh;

}

.input_arq_anyo{

    width: 6vh;

}

.input_arq_ip{

    width: 5vh;

}

.estructura_ip{

    display: grid;
    grid-template-columns: repeat(7, 14.2857%);
    margin-left: -2vh;

}

.input_arq_mac{

    width: 3.2vh;

}

.estructura_mac{

    display: grid;
    grid-template-columns: repeat(11, 9.091%);
    margin-left: -2vh;

}

.separador_mac{

    font-size: 1.7vh;
    margin-top: 1.5vh;
    text-align: center;
    margin-left: 0.8vh;
    margin-right: -0.8vh;

}

.separador_ip{

    font-size: 1.7vh;
    margin-top: 1.5vh;
    text-align: center;
    margin-left: 1vh;
    margin-right: -1vh;

}

.espacio_check_vert{

    padding: 2vh 0;

}

.espacio_check{

    margin: 0 2vh;

}

.lista_nodo{

    font-size: 2.2vh;
    border-bottom: 0.15vh solid white;
    color: #6ba8a8;

}

.lista_hmi{

    font-size: 2vh;
    margin-left: 40vh;
    color: #6b8caf;

}

.lista_ipc{

    font-size: 2vh;
    margin-left: 40vh;
    color: #cc6e6a;

}

.lista_plc{

    font-size: 2vh;
    margin-left: 40vh;
    border-bottom: 0.15vh solid white;
    color: #c4923a;

}

.lista_anal{

    font-size: 1.8vh;
    margin-left: 80vh;
    color: #5eb88e;

}

.lista_otro{

    font-size: 1.8vh;
    margin-left: 80vh;
    color: #7ac9a3;

}

/*ALERTAS*/

.marco_usu{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    background:#161b22;
    height: 74.5vh;
    margin: 2vh 1vh;
    padding: 1vh 2vh;

}

.marco_alertas{

    border: 0.2vh solid #161b22;
    border-radius: 0.8vh;
    background:#161b22;
    margin: 0vh 1vh;
    padding: 1vh 2vh;

}

.submarco_alertas{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 12vh;
    width: 50vh;
    background:#1a2029;
    margin: 3vh 1vh;
    margin-top: 1vh;
    padding: 1vh 2.5vh;

}

.boton_confemail{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 26vh;
    margin: 0.6vh 2vh;
    margin-right: 0;
    font-size: 2.1vh;
    padding: 0 1vh;
    
}

.boton_despl{

    border:0.2vh solid #1f2630;
    border-radius:0.6vh;
    background:#1f2630;
    height: 4.5vh;
    width: 10vh;
    margin: 0.6vh 0vh;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.1vh;
    padding: 0 1vh;
    
}

.titulo_correos{

    font-size: 2.2vh;
    color: #6b8caf;

}

.input_correo{

    width: 24vh;
    font-size: 2.6vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;

}

.titulo_alertas_maq{

    font-size: 2.4vh;
    border: #161b22;
    border-bottom: 0.15vh solid orange;
    padding: 0.5vh 0;
    width: 100%;
    text-align: left;
    margin-top: 5vh;
    color: orange;

}

.titulo_alertas{

    font-size: 2.2vh;
    border: #161b22;
    border-bottom: 0.15vh solid white;
    padding: 0.5vh 0;
    width: 100%;
    text-align: left;
    margin-top: 1vh;

}

.estructura_alerta1{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.15vh solid #5eb88e;

}

.estructura_alerta2{

    display: grid;
    grid-template-columns: 33.33% 66.67%;
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;

}

.estructura_alerta22{

    display: grid;
    grid-template-columns: repeat(2, 50%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_alerta_act0{

    display: grid;
    grid-template-columns: 18% 8.2% 45.92% 27.88%;

}

.estructura_alerta_act1{

    display: grid;
    grid-template-columns: 18% 8.2% 5.74% 7.38% 5.74% 10.66% 10.66% 5.74% 5.74% 7.38% 7.38% 7.38%;
    border-bottom: 0.15vh solid #5eb88e;

}

.estructura_alerta_act2{

    display: grid;
    grid-template-columns: 18% 82%;
    border-bottom: 0.15vh solid #5eb88e;

}

.estructura_alerta_act22{

    display: grid;
    grid-template-columns: 10% 7% 9% 7% 13% 13% 7% 7% 9% 9% 9%;
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_alerta_auto1{

    display: grid;
    grid-template-columns: 24% repeat(3, 25.33%);
    border-bottom: 0.15vh solid #5eb88e;

}

.estructura_alerta_auto2{

    display: grid;
    grid-template-columns: 24% 76%;
    border-bottom: 0.15vh solid #5eb88e;

}

.estructura_alerta_auto22{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_correo1{

    display: grid;
    grid-template-columns: repeat(5, 16%) 20%;
    border-bottom: 0.15vh solid #5eb88e;
    margin-top: 2vh;

}

.estructura_correo2{

    display: grid;
    grid-template-columns: repeat(5, 16%) 20%;
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_valor_alerta{

    display: flex;
    justify-content: center;
    align-items: center;

}

.titulos_detalle_nom{

    font-size: 1.2vw;
    color: #5eb88e;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1vh 0;

}

.input_alerta{

    width: 10vh;
    font-size: 1.1vw;
    height: 4.5vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;
    margin: 0 0.5vw;

}

.sepacion_desp{

    font-size: 1.7vh;
    margin-top: 1vh;

}

.separacion_nomdesp{

    margin: 0vh 0.25vh;

}

.unidades_alerta{

    font-size: 1vw;
    width: 5vw;
    margin-top: 0.5vh;

}

/* Estilo para el checkbox */
.form-check-input {
  width: 1.5em !important; /* Cambia el ancho del checkbox */
  height: 1.5em !important; /* Cambia la altura del checkbox */
}

.barra_deslizadera{

    max-height: 70vh;
    overflow-y: auto;
    margin: 2vh 0;

}

.barra_deslizadera_fact{

    max-height: 59vh;
    overflow-y: auto;
    margin: 2vh 0;

}

.barra_deslizadera_plan{

    max-height: 46vh;
    overflow-y: auto;

}

.barra_deslizadera_plan_ener{

    max-height: 46vh;
    overflow-y: auto;

}

.barra_deslizadera_res{

    max-height: 46vh;
    overflow-y: auto;

}

.barra_deslizadera_logs{

    max-height: 58vh;
    overflow-y: auto;

}

.barra_deslizadera_stock{

    max-height: 53vh;
    overflow-y: auto;

}

.reparto{

    height: 26vh;
    width: 13vw;
    margin-top: 5vh;

}

.linea {
    padding: 2vh;
    margin-bottom: 2vh;
    position: relative;
}
.elemento {
    margin-left: 15vh;
    position: relative;
}
.linea-nombre, .elemento-nombre {
    margin-bottom: 1vh;
}



.boton_anadir{

    border: 0.15vh solid #5eb88e;
    border-radius:0.6vh;
    background:#5eb88e;
    height: 4.5vh;
    width: 22vh;
    margin: 0.6vh 0vh;
    margin-right: 1vh;
    font-size: 2.1vh;
    padding: 0 1vh;
    
}

.boton_eliminar{

    border: 0.15vh solid #b85450;
    border-radius:0.6vh;
    background:#b85450;
    height: 4.5vh;
    width: 22vh;
    margin: 0.6vh 2vh;
    margin-right: 0;
    font-size: 2.1vh;
    padding: 0 1vh;
    
}

.selector{

    font-size: 2vh;
    height: 4.5vh;
    background-color: #1f2630;
    color: white;
    font-weight: bold;
    border-radius: 0.6vh;
    border: 0.15vh solid #1f2630;
    width: 24vh;
    margin-top: 0.5vh;

}

.opciones{

    text-align: center;
    font-weight: bold;

}

.input_alerta_anadir{

    width: 20vh;
    font-size: 2.7vh;
    height: 4.5vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;
    margin-top: 0.5vh;

}

.estructura_linea_presion{

    display: grid;
    grid-template-columns: 11% 11%;

}

.estructura_volumen{
    
    display: grid;
    grid-template-columns: 15% 15% 11%;

}

.titulos_detalle4_alerta{

    font-size: 1.9vh;
    color: #6ba8a8;/*ba7087;*/
    display: flex;
    align-items: center;
    margin: 1vh 0;
    border-bottom: 0.15vh solid #5eb88e;
    width: 45vh;

}

.estructura_usu{

    display: grid;
    grid-template-columns: 100%;

}

.estructura_logs{

    display: grid;
    grid-template-columns: 20% 80%;

}

.estructura_alm{

    display: grid;
    grid-template-columns: 40% 60%;

}

.titulo_alm{

    font-size: 1.2vw;

}

.valor_alm{

    font-size: 1.8vw;
    margin-bottom: 3vh;
    margin-top: -1vh;

}

.estructura_acc{

    display: grid;
    grid-template-columns: 49.75% 29% 21%;
    border-bottom: 0.2vh solid #6ba8a8;

}

.estructura_usu_pass{

    display: grid;
    grid-template-columns: 50% 30% 20%;
    border-bottom: 0.2vh solid #6ba8a8;

}

.valor_edicion{

    font-size: 1.1vw;
    text-align: center;
    background: #1a2029;
    border: none;
    height: 5vh;
    border-radius: 0.6vh;
    margin: 0 3vw;
    margin-top: 1vh;
    color: white;
    font-weight: bold;

} 

.titulo_edicion{

    font-size: 0.9vw;
    text-align: center;
    margin-top: 4.5vh;
    border-bottom: 0.15vh solid #1f2630;
    padding-bottom: 0.5vh;
    width: 60%;

}

.marco_boton_guardar{

    border-radius:0.6vh;
    background:#5eb88e;
    height:5vh;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1vw;
    margin: 0 0.25vw;
    margin-top: 3vh;
    cursor: pointer;
    color: white;

}

.marco_pestanas_anadir{

    border: 0.2vh solid #161b22;
    border-radius: 0.6vh;
    height: 4.5vh;
    width: 9vw;
    background:#1a2029;
    margin: 0vh 0.15vw;
    padding: 0.5vh 0vw;
    font-size: 1vw;
    text-align: center;
    margin-bottom: 1.5vh;

}

.borde_izq{

    border-left: 0.15vh solid #5eb88e;

}

.borde_der{

    border-right: 0.15vh solid #5eb88e;

}

.marco_boton_sp_act{

    border: none;
    border-radius:0.6vh;
    background: #1f2630;
    height:5vh;
    width: 8vw;
    font-size: 1.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vh 0.75vw;
    padding: 0 1vw;
    margin-right: -0.4vw;
    margin-bottom: 1vh;
    cursor: pointer;

}

.marco_boton_sp{

    border: none;
    border-radius:0.6vh;
    background: #1a2029;
    height:5vh;
    width: 8vw;
    font-size: 1.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vh 0.75vw;
    padding: 0 1vw;
    margin-right: -0.4vw;
    margin-bottom: 1vh;
    cursor: pointer;

}

.marco_boton_nuevo{

    border: none;
    border-radius:0.6vh;
    background: #1f2630;
    height:5vh;
    font-size: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vh 0.75vw;
    padding: 0 1vw;
    margin-right: -0.4vw;
    cursor: pointer;

}


.estructura_op1_sub{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.2vh solid white;
    margin-top: 2vh;

}

.estructura_op1{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.2vh solid white;
    margin-top: 2vh;

}

.estructura_op2{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.estructura_prov1_sub{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.2vh solid white;
    margin-top: 2vh;

}

.estructura_prov1{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.2vh solid white;
    margin-top: 2vh;

}

.estructura_prov2{

    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    border-bottom: 0.15vh solid #5eb88e;
    padding-top: 0.7vh;
    padding-bottom: 1vh;

}

.marcos_desplegable{

    border:0.25vh solid #1f2630;
    border-radius: 1vh;
    height:92vh;
    background:#0a0d12;
    margin: 0.4vh;
    padding: 1vh 2vh;

}

.titulo_detalle{

    font-size: 0.9vw;
    color: #6ba8a8;
    margin-top: 1vh;
    margin-bottom: -0.25vh;

}

.input_inc{

    font-size: 0.85vw;
    height: 4vh;
    margin-bottom: 0.25vh;
    font-weight: bold;
    background:#1f2630;
    color: white;
    border: none;
    border-radius: 0.6vh;
    text-align: center;
    width: 100%;

}