body{
  background-attachment: fixed;
  background-image: url(../img/v2/png/background-04.jpg);
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#assignAssetsCont{ padding-top: 4%; }
.qrContChecker{ width: 25% !important; }
#assignCommonAsset{ width: 100%; }

#dateF{ 
  border: 0; 
  font-size: 20px !important; 
  max-width: 460px;
}

#alertAsset{ display: none; }
.codeCont{ max-width: 460px; }
.manualCont{ display: inline-block; margin: auto; }

#manualAssign{
  background: #fff;
  border-radius: 6px;
  color: #2e2e2ec2; 
  font-size: 24px;
  font-weight: bold;
  font-weight: bolder;
  margin-top: 15px;
  padding: 2px;
}

#manualAssign:hover{
  background: #ceffcb;
  color: #333;
}

#assignCommonAsset label,
#assignCommonAsset input{
  font-size: 14px;
}

#assignCommonAsset .input-group-text{
  background-color: #fff;
  color: #bbb;
}

#assignCommonAsset .form-control{
  border-right-width: 0px;
}

#assetsSelectCont{ display: none; }

#scanQrCont{
  border-top: 2px solid #bbb;
  padding: 0;
  padding-top: 20px;
}

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

#scannerPreview, #assetPhotoPreview{
  margin: 30px auto;
}

#assetPhotoPreview i{ color: #00d300; font-size: 100px; }

#scanQrCamera{ display: none; }
#scanQrCamera video{ border-radius: 5px; }
.qrFooter{ border-top: 0; }

#qrFooterBtnCont a, #assetsSelectCont a{
  font-weight: bold !important;
  font-size: 16px !important;
}

#assetMap{
  height: 300px;
}