/*CSSS de la sección Añadir */

@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: 31vw;
 }
 .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;
 }
 /*#################################################################################*/
 /*############################ Cuadro reportes ################################*/
 /*################################################################################*/

 /*############################ Cuadro ################################*/
 .SeccionAyuda{
    position: relative;
    top: 5vw;
    left: 25vw;
    height: 48vw;
    width: 50vw;
    border: 0.1vw solid black; 
    background-color: white;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
 }
 /*############################ titulos ################################*/
 .SeccionAyuda__Textos--Centro{
    position: relative;
    font-family: 'regular';
    font-size: 2vw;
    top: 1vw;
    left: 17vw;
 }
 
 .SeccionAyuda__Textos--Encuentre{
    position: relative;
    font-family: 'ligth';
    font-size: 1.5vw;
    top: 1vw;
    left: 12vw;
 }
 /*############################ barra de busqueda ################################*/
 .SeccionAyuda__Buscador{
    position: relative;
    top: 2vw;
    left: 2vw;
    height: 3vw;
    width: 46vw;
    border: 0.1vw solid black;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
 }
.SeccionAyuda__Buscador--img{
    position: relative;
    width: 2.5vw;
    top: 0.2vw;
    left: 0.5vw;
}
.SeccionAyuda__Buscador--texto{
    position: relative;
    font-family: 'ligth';
    color: gray;
    font-size: 1.5vw;
    top: -2vw;
    left: 6vw;   
}
 /*#################################################################################*/
 /*############################ perguntas frecuentes ################################*/
 /*################################################################################*/

  /*################# cuadro preguntas frecuentes #################################*/
 .SeccionAyuda__PreguntasFrecuentes{
    position: relative;
    width: 45.4vw;
    height: 20vw;
    border: 0.1vw solid black;
    margin: 1vw;
    left: 1.5vw;
    top: 2vw;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    grid-row: 1fr 1fr 1fr 1fr 1fr 1fr ;
 }
  /*################# titulo #################################*/

.SeccionAyuda__PreguntasFrecuentes--texto{
    position: relative;
    font-family: 'regular';
    font-size: 1.5vw;
    top: 0vw;
    left: 1vw; 
    
}
.img{
    position: relative;
    width: 3vw;
    top: 1vw;
}
  /*################# preguntas #################################*/
.SeccionAyuda__PreguntasFrecuentes--añado{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    top: 0vw;
    left: 1vw; 
    grid-column: 5fr 1fr;
    height: 3vw;
    width: 43vw;
    border-bottom: 0.1vw solid black;
    display: flex;
    align-items: center;
}
.SeccionAyuda__PreguntasFrecuentes--elimino{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    top: 0vw;
    left: 1vw; 
    grid-column: 5fr 1fr;
    height: 3vw;
    width: 43vw;
    border-bottom: 0.1vw solid black;
    display: flex;
    align-items: center;
}
.SeccionAyuda__PreguntasFrecuentes--significa{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    top: 0vw;
    left: 1vw; 
    grid-column: 5fr 1fr;
    height: 3vw;
    width: 43vw;
    border-bottom: 0.1vw solid black;
    display: flex;
    align-items: center;
}
.SeccionAyuda__PreguntasFrecuentes--actualizo{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    top: 0vw;
    left: 1vw; 
    grid-column: 5fr 1fr;
    height: 3vw;
    width: 43vw;
    border-bottom: 0.1vw solid black;
    display: flex;
    align-items: center;
}
.SeccionAyuda__PreguntasFrecuentes--genero{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    top: 0vw;
    left: 1vw; 
    grid-column: 5fr 1fr;
    height: 3vw;
    width: 43vw;
    border-bottom: 0.1vw solid black;
    display: flex;
    align-items: center;
}
  /*################# flechas #################################*/
.añadoimg{
    position: relative;
    width: 1vw ;
    left: 24vw;
    top: 1vw;
}
.eliminoimg{
    position: relative;
    width: 1vw ;
    left: 26.8vw;
    top: 1vw;
}
.significaimg{
    position: relative;
    width: 1vw ;
    left: 18.4vw;
    top: 1vw;
}
.actualizoimg{
    position: relative;
    width: 1vw ;
    left: 23.7vw;
    top: 1vw;
}
.generoimg{
    position: relative;
    width: 1vw ;
    left: 28.1vw;
    top: 1vw;
}
 /*#################################################################################*/
 /*############################ Seccion ayuda ################################*/
 /*################################################################################*/

  /*################# necesitas ayuda cuadro #################################*/
.SeccionAyuda__ayuda{
    position: relative;
    top: 3vw ;
    left:3vw;
    width: 20vw;
    height: 14vw;
    border: 0.2vw solid #ff6f2c;
    background-color: #fff5ef;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
}
.ayuda{
    position: relative;
    left: 8vw;
    top: 2vw;
    width: 4vw;
}

   /*#################################################################################*/
 /*############################ Seccion correo ################################*/
 /*################################################################################*/

  /*################# correo soporte cuadro#################################*/
  .SeccionAyuda__correo{
    position: relative;
    top: -11.3vw ;
    left: 27vw;
    width: 20vw;
    height: 14vw;
    border: 0.2vw solid rgb(0, 94, 255);
    background-color: rgb(239, 244, 252);
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }
  .SeccionAyuda__ayuda--pregunta{
    position: relative;
    font-family: 'regular';
    font-size: 1.4vw;
    top: 2vw;
    left: 4.5vw;
  }
  .SeccionAyuda__ayuda--text{
    position: relative;
    font-family: 'ligth';
    font-size: 1vw;
    width: 15vw;
    text-align: center;
    left: 2vw;
    top: 2.5vw;
  }
  .SeccionAyuda__ayuda--boton{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    text-align: center;
    left: 4.5vw;
    top: 3.5vw;
    height: 1.5vw;
    width:11vw;
    border: 0.2vw solid #ff6f2c;
    color: white;
    background-color: #ff6f2c;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }
  .SeccionAyuda__correo--pregunta{
    position: relative;
    font-family: 'regular';
    font-size: 1.4vw;
    top: 2vw;
    left: 4.5vw;
  }
  .SeccionAyuda__correo--text{
    position: relative;
    font-family: 'ligth';
    font-size: 1vw;
    width: 15vw;
    text-align: center;
    left: 2vw;
    top: 2.5vw;
  }
  .SeccionAyuda__correo--boton{
    position: relative;
    font-family: 'regular';
    font-size: 1.2vw;
    text-align: center;
    left: 3vw;
    top: 3.5vw;
    height: 1.5vw;
    width:14vw;
    border: 0.2vw solid rgb(0, 94, 255);
    color: white;
    background-color: rgb(0, 94, 255);
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
  }