/********** Template CSS **********/
html{
font-family: 'Open Sans', sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
body{
font-family: 'Open Sans', sans-serif;
background-color: #fff; 
}

.header{
width:100%;
}
.logo{
height:55px;
width: auto;
}
.weblogo{
float:left;
padding-right:15px;
}
.webname{
width:100%;
padding-top:6px;
}
.logoname{
color: #fff;
font-size: 27px;
font-weight: 700;
text-transform: uppercase;
letter-spacing:1px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
}
.footer{
bottom:0;
position:fixed;
}
.footer p{
font-size:14px;
font-weight:600;
}
.error_msg{
width:100%;
text-align:center;
font-size:24px;
font-weight:600;
color:#FF0000;
margin-top:10px;
}
.error_img{
width:100%;
text-align:center;
margin:25px 0 10px 0;
}
.error_img img{
width:200px;
height:auto;
}
.success_msg{
width:100%;
text-align:center;
font-size:20px;
font-weight:600;
color:#28a745;
margin-bottom:20px;
}
.img_succ{
margin-bottom:10px;
}
.img_succ img{
width:70px;
height:auto;
}
.success_msg_text{
width:100%;
}
/*----------Content Css---------*/
.details_div{
width:100%;
background-color: #EEF9FF;
font-weight:600;
color: #008000;
font-size:15px;
margin-bottom:30px;
}
.regtable{
width:100%;
}
.regtable tr{
}
.regtable tr td{
border:1px solid #06A3DA;
padding:10px;
}
.td_title{
width:160px;
color:#333;
}
.table_title{
text-align:center;
background-color:#06A3DA;
color:#FFFFFF;
font-size:20px;
font-weight:700;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
/*********************************
SEARCH CSS
*********************************/
.search_div{
width:100%;
margin-bottom:35px;
background-color:#EEF9FF;
padding:30px 20px;
border-radius:10px;
box-shadow: 0px 0px 10px 0px #D6D6D6;
}
.serach_head{
width:100%;
text-align: center;
font-size: 19px;
font-weight: 600;
color: #28a745;
padding:10px 0 25px 0;
}
.serach_head svg{
margin-right:5px;
}
.label_title{
color:#333;
font-size: 18px;
padding: 9px 0px 0px 0px;
text-transform:none !important;
font-weight: 600;
}
.header-middle{
}
.header-middle form input[type="search"] {
outline: none;
border: none;
width:82%;
height: 50px;
padding: 0px 0 0 10px;
color: #033;
text-transform:uppercase;
font-size: 15px;
font-weight: 600;
box-shadow: none;
border: 1.5px #007bff solid !important;
border-right:0px !important;
margin-top: 0px;
margin-right:-5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.header-middle form input[type="submit"]{
width: 100px;
height: 50px;
border-bottom: 2px #007bff solid !important;
padding: 0;
border: none;
outline: none;
background:#007bff;
letter-spacing: 1px;
color: #fff;
font-size: 18px;
font-weight: 600;
cursor:pointer;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.header-middle form input[type="submit"]:hover{
background-color: #0069d9;
border-bottom: 2px #0069d9 solid !important;
color: #fff !important;
}
.header-middle form input[type="search"]::placeholder {
  color: #ADADAD;
  opacity: 1; /* Firefox */
}

.header-middle form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ADADAD;
}

.header-middle form input[type="search"]::-ms-input-placeholder { /* Microsoft Edge */
 color: #ADADAD;
}
.extrabtncss {
  padding: 11px 17px 12px 17px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border-radius: 5px !important;
}

#qr-video {
      display: none; /* Hide the video by default */
      width: 100%;
      max-width: 400px;
      height: auto;
      border: 2px solid #333;
      border-radius: 5px;
    }

    #qr-result {
      margin-top: 20px;
      font-size: 18px;
      max-width: 400px;
      word-wrap: break-word;
    }

    
    #qr-video::before {
      content: '';
      display: block;
      padding-top: 100%;
    }