body{
  background-image: url("../img/v2/png/background-02.png");
}

.qrCont {
  margin: 0;
}

.customeRowQrAndLegend {
  margin-top: 5%;
}

#dateF {
  font-family: helios;
  font-size: 18px;
  margin-bottom: 5%;
}

/* ****************************************************** */
/* ********** LOGIN CON USUARIO Y PASSWORD ************** */
/* ****************************************************** */

#frmUserPassLogin, #frmQrFaceCheck{ padding: 10px 0; }
#userPassCont{ padding: 0 20px; }
#userPassCont, #modal-body-userPass, #frmUserPassLogin{ width: 100%; }
#frmUserPassLogin #loginAdminIconCont{ 
  border: 3px solid #999;
  color: #666;
  font-size: 80px;
  height: 150px;
  padding: 10px;
  width: 150px;
}
/*#qrPassFooterImgCont{ padding: 0px 20px; }
*/
#frmUserPassLogin .btn-green{
  background: #00d300;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
}
#userInput, #passInput{ font-size: 16px; font-weight: 600; }
/*#frmQrFaceCheck #scanQrCont {padding: 0;}
#frmQrFaceCheck #scanQrCamera{ display: none; }

#frmQrFaceCheck #inputVideoQr{
  border: 1px solid #666; 
  border-radius: 5px;
  width: 100%;
}

#frmQrFaceCheck #scanQrPreview{
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bolder;
  padding: 10px 10px;
}

#frmQrFaceCheck #scannerPreview{ margin: 30px auto; }
#frmQrFaceCheck a, #frmQrFaceCheck #footerQrFaceCheck{ font-weight: bold !important; font-size: 16px !important; }*/