input[type='radio'] { 
     transform: scale(2); 
 }
 

#overlay { 
  display:none; 
  position:absolute; 
  background:#fff; 
}
#img-load { 
  position:absolute; 
}



#camera-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#camera-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.capture-button {
    position: absolute;
    bottom: 20px;
    padding: 10px 20px;
}

#snapshot-canvas {
    display: none;
}

.bgcel{
	background-color:#80aaff;
}

.dito{
	cursor:pointer;;
}


.hidden{
	display:none;
}


.bggrey{
	background-color:#efeff5;
}


.alert-fixed {
    position:fixed; 
    top: 80px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}

#html5-qrcode-button-camera-stop{
  .btn;
  .btn-danger;
}


.loader {
	position: fixed;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 100px;
	height: 100px;
	display:none;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	      
	z-index:999999;			
	top: 50%;
	left: 40%;
}

          /* Safari */
          @-webkit-keyframes spin {
            0% { -webkit-transform: rotate(0deg); }
            100% { -webkit-transform: rotate(360deg); }
          }
          
          @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
          }