@font-face {
    font-family: 'Huawei';
    src: url('./fonts/HuaweiFont.ttf');

}


body{
    font-family: 'Huawei'!important;
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;

}

/* CHECKED STYLES */
[type=radio]:checked + img {
    background-color: gray;
    border-radius: 80px;
}
.hide{
    display: none;
}
/*input[type=radio],
input[type=checkbox]{
    opacity: 0;
 position: absolute;
}

 input[type="radio"]:checked + .img-check-angry { color: red; }
 input[type="radio"]:checked + .img-check-bad { color: orange; }
 input[type="radio"]:checked + .img-check-meh { color: #F0E68C; }
 input[type="radio"]:checked + .img-check { color: green; }
 input[type="radio"] + label i{ cursor: pointer; }*/

#nps label{
    /*position: absolute;*/
    display: inline !important;
    font-size: 16px;
}
#nps label img{
    /*position: absolute;*/
    width:50px;
    height:50px;
}
 label.motivo { cursor: pointer; }
 



 .activo{
    background-color: #333A40;
    color: white;
 }




@media(min-width:835px) {

    img.error-warning {
        width: 15%;
    }
 }
 @media(max-width:835px) {
 img.error-warning {
     width: 25%;
 }
 .text-encuesta{
     text-align: center;
 }
}
.moto_color{
    background-color: #5E6468;
}


.circulo {
    color: #A4DE02;
}

.sec{
      cursor: pointer;
}

label span{
    font-weight: 900;
}

.preguntas{
    font-size: 15px;
    margin-left: 42px;
}

.dorado{
    color: #FFD700;
    border-color: black;
    transform: scale(1.5); 
}

.start-widget label{
    cursor: pointer;
    transition: transform .2s;
    font-size: 25px;
}

.start-widget label:hover {
    color: #FFD700;
    transform: scale(1.5); 
}

#hrStyle{
    border: 1px solid #808080;
    opacity: 1.5;
}

#enviarFormulario{
    border-color: #FFD700 !important;
}

@media only screen and (min-width: 1px) and (max-width: 700px) {
  /* para telefonso y tablets */
  .textAlign{
    text-align: center !important;
  }

}

@media only screen and (min-width: 701px) and (max-width: 2000px){

  /* para compu, lap etc */
  .textAlign{
    text-align: left !important;
  }





/* iPads (landscape) ----------- */
}