/*CSS Seccion eliminar Ventana emergente*/
@font-face {
    font-family: 'regular';
     src: url(../fuentes/MYRIADPRO-REGULAR.OTF);
 }
 @font-face {
     font-family: 'ligth';
     src: url(../fuentes/MyriadPro-Light.otf);
 }
 /*################################################################################*/
 /*################################################################################*/
 /*################################################################################*/
 body{
     background-color: white;
     overflow: hidden;
     margin: 0px;
 }
 /*################################################################################*/
 /*############################ Barra En la parte superior ########################*/
 /*################################################################################*/
 .Login__BarraOpciones{
     position: relative;
     height: 0.001vw;
     width: 99.8vw;
     background-color:black;
     border: 0.001vw solid black;
     top:4vw;
     left:-0.4vw;
 }
 .Login__BarraOpciones--añadir{
     position: relative;
     font-family: 'regular';
     font-size: 1.5vw;
     color: black;
     top: -4.5vw;
     left: 10vw;
 }
 .Login__BarraOpciones--refrescar{
     position: relative;
     font-family: 'regular';
     font-size: 1.5vw;
     color: black;
     top: -7.8vw;
     left: 20vw;
 }
 .Login__BarraOpciones--eliminar{
     position: relative;
     font-family: 'regular';
     font-size: 1.5vw;
     color: black;
     top: -11.1vw;
     left: 31.2vw;
 }
 .Login__BarraOpciones--reportar{
     position: relative;
     font-family: 'regular';
     font-size: 1.5vw;
     color: black;
     top: -14.4vw;
     left: 63vw;
 }
 .Login__BarraOpciones--ayuda{
     position: relative;
     font-family: 'regular';
     font-size: 1.5vw;
     color: black;
     top: -17.8vw;
     left: 75vw;
 }
 .Login__BarraOpciones--logo1{
     position: relative;
     height: 3vw;
     top: -22.5vw;
     left: 47.5vw;
 }
 .Login__BarraOpciones--bell{
     position: relative;
     height: 1.5vw;
     top: -23vw;
     left: 86vw;
 }
 .Login__BarraOpciones--bug{
     position: relative;
     height: 1.6vw;
     top: -23.4vw;
     left: 55.5vw;
 }
 .Login__BarraOpciones--mas{
     position: relative;
     height: 1.6vw;
     top: -23.4vw;
     left: 1vw;
 }
 .Login__BarraOpciones--fotopedro{
     position: relative;
     height: 3.8vw;
     top: -22.2vw;
     left: 83vw;
 }
 .Login__BarraOpciones--rueda{
     position: relative;
     height: 1.5vw;
     top: -23vw;
     left: 74vw;
 }
 .Login__BarraOpciones--pregunta{
     position: relative;
     height: 1.6vw;
     top: -23.4vw;
     left: 58vw;
 }
 .Login__BarraOpciones--load{
     position: relative;
     height: 1.5vw;
     top: -23.4vw;
     left: 1.5vw;
 }
 .Login__BarraOpciones--basura{
     position: relative;
     height: 1.6vw;
     top: -23.4vw;
     left: 11.5vw;
 }
 /*#################################################################################*/
 /*############################ Texto Bajo la Barra ################################*/
 /*################################################################################*/
 .Login__Textos--panel{
     position: relative;
     font-family: 'regular';
     color: black;
     font-size: 2.4vw;
     top: 3vw;
     left: 39vw;
 }
 .Login__Textos--aqui{
     position: relative;
     font-family: 'ligth';
     color: black;
     font-size: 1.5vw;
     top: 1vw;
     left: 33vw; 
 }
 /*################################################################################*/
 /*#######################       Tabla de trabajos     ############################*/
 /*################################################################################*/
 
 .Login__TablaIndicadores{
     align-items: center;
     display: grid;
     position: relative;
     width: 96vw;
     height: 43vw;
     top: 2vw;
     left: 1vw;
     grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
 }
 
 .Aspectos{
    top: -1vw;
     align-items: center;
     display: grid;
     position: relative;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'regular';
     font-size: 1vw;
     text-align: center;
 }
 .Modelado3D{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -2vw;
     height: 2vw;
 }
 
 .FincaGaleon{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -2vw;
     height: 2vw;
 }
 .colegio{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -1.8vw;
     height: 2vw;
 }
 .electrodomesticos{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -1.7vw;
     height: 2vw;
 }
 .estrato2{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -1.6vw;
     height: 2vw;
 }
 .jovenes{
     align-items: center;
     display: grid;
     position: relative;
     border-top: 0.1vw solid rgb(158, 155, 155);
     margin: 0.1vw;
     padding: 1vw;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     font-family: 'ligth';
     font-size: 1vw;
     text-align: center;
     top: -1.5vw;
     height: 2vw;
 }
 /*################################################################################*/
/*#######################       lineas de indicadores    ############################*/
/*################################################################################*/
.menu1{
    position: relative;
    top: -193.5vw;
    left: 93vw;
}
.menu2{
    position: relative;
    top: -188.5vw;
    left: 91vw; 
}
.menu3{
    position: relative;
    top: -184vw;
    left: 89vw; 
}
.menu4{
    position: relative;
    top: -179.5vw;
    left: 87vw;   
}
.menu5{
    position: relative;
    top: -174.5vw;
    left: 85vw;   
}
.menu6{
    position: relative;
    top: -170vw;
    left: 83vw; 
}
@keyframes real {
    1%,100%{
        opacity:0;
    }
}
/*################################################################################*/
/*########################### circulos ########################*/
/*################################################################################*/

@keyframes rellenar {
    to{
        stroke-dasharray: var(--porcentaje) 100
    }
}
.porcentaje{
    position: relative;
}
.porcentaje span{
    font-size: 0.8vw;
    font-family: "pror";
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}
circle{
    fill: none;
    stroke: var(--color);
    stroke-width: 0.2vw;
    stroke-dasharray: 0 100;
    transform: rotate(-90deg);
    transform-origin: 50%;
    stroke-linecap: round;
    animation: rellenar 1s linear forwards;
}

/*################################################################################*/
/*########################### Checkboxes ########################*/
/*#########################################################*/
.cbox1{
    position: relative;
    top: -36.5vw;
    left: -1.5vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
.cbox2{
    position: relative;
    top: -31.5vw;
    left: -8.2vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
.cbox3{
    position: relative;
    top: -26.5vw;
    left: -14.8vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
.cbox4{
    position: relative;
    top: -21.8vw;
    left: -21.4vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
.cbox5{
    position: relative;
    top: -16.9vw;
    left: -28vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
.cbox6{
    position: relative;
    top: -12vw;
    left: -34.6vw;
    height: 1vw;
    width: 6vw;
    border: 1vw solid black;
}
/*################################################################################*/
/*########################### Boton eliminar ########################*/
/*#########################################################*/
.boton{
    position: relative;
    top: -8vw;
    left: 78vw;
    border: 0.1vw solid red;
    width: 13vw;
    height: 2.8vw;
    text-align: center;
    font-family: 'regular';
    font-size: 1.2vw;
    background-color: #ff6f2c;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}
.boton:hover {
    background-color: red;
}
/*################################################################################*/
/*########################### Seccion de confirmacion  ########################*/
/*#########################################################*/
.seccion2{
    position: relative;
    top: -60vw;
    left: -1vw;
    width: 101vw;
    height: 90vw;
    background-color: black;
    opacity: 0.7;

}
.seccion2__Cuadro2{
    position: relative;
    top: -140vw;
    left: 25vw;
    width: 50vw;
    height: 30vw;
    background-color: white;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}
.seccion2__Cuadro2--warning{
    position: relative;
    top: -168vw;
    left: 27vw;
    width: 3vw;
}
.seccion2__Cuadro2--warning2{
    position: relative;
    top: -166vw;
    left: 46vw;
    width: 8vw;  
}
.seccion2__Cuadro2--pregunta{
    position: relative;
    top: -171vw;
    left: 31vw;
    width: 30vw;
    font-family: 'regular';
    font-size: 1.5vw;
}
.seccion2__Cuadro2--texto{
    position: relative;
    top: -169vw;
    left: 27vw;
    width: 46vw;
    font-family: 'ligth';
    font-size: 1.3vw;
}
.seccion2__Cuadro2--no{
    position: relative;
    top: -164.2vw;
    left: 38vw;
    width: 8vw; 
    height: 2vw; 
    font-family: 'regular';
    font-size: 1.2vw;
    border: 0.2vw solid black;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seccion2__Cuadro2--si{
    position: relative;
    top: -166.5vw;
    left: 50vw;
    width: 15vw;  
    height: 2vw;
    font-family: 'regular';
    font-size: 1.2vw;
    color: white;
    border: 0.2vw solid red;
    background-color: red;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}