/*custom font*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
 
/*basic reset*/
* {
margin: 0;
padding: 0;
}
body::-webkit-scrollbar {
    width: 1em;
}
 .disable
{
    background-color:#B0B0B0 !important;
    cursor:not-allowed !important;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 .printcs
 {
     float:right;
     color:white;
     cursor:pointer;

 }
 .printcs:hover
 {
     color:#f0cece;
 }
  .ignore
 {
     display:none;
 }
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
html {
   
}
#prg_txt
{
  float:right;
    font-size:calc(10px + .5vw) !important;
}


.circles {
  margin-top: -140px;
  width:8%;
  right:10px;
  z-index:100;
  float:right;
  color:#fff;
}

.circle {
  width: 10vw;
  margin: 35px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  margin-left:-40px;
}

.circle canvas {
  vertical-align: top;
}
p{
    padding-left:10px;
     font-family:Roboto !important;
    text-align:justify;
    font-size: calc(8px + .5vw);
}
.circle strong {
  position: absolute;
  top: 13px;
  left: 2px;
  width: 100%;
  text-align: center;
  line-height: 30px;
    font-size:calc(10px + .5vw);}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #fff;
  margin-top: 12px;
}

/*form styles*/
.msform {
width: 100%;
  
}
.msform .fieldset{
    opacity:0.9;
    background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 2px 1px #286DA8;
padding: 0px;
box-sizing: border-box;
width: 90%;

margin: 0 5%;
/*stacking fieldsets above each other*/ 
z-index:99;
 margin-bottom:40px;
 margin-top:20px;
 
}
.msform fieldset:not(:Second-child) {
 display:none;
}
/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
display: none;
}
.input {

border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: Roboto;
color: darkred;
font-size: 13px;
margin-right:10px;
}
 .ui-dialog-title:before
 {
     color:orangered;
    font-family:FontAwesome;
    content:"\f039";
    font-size:13pt;
     margin-right:5px;
 }
.prev_ctrls
{     
  
    text-align: right;
    display: inline-block;
    background-color: #fff;
    margin-top: -30px;
    float: right;
    margin-right: 20px;
    color: red;
}
.prev_ctrls i {
    cursor:pointer;
    font-size:20px;
}
.prev_ctrls i:hover {
    cursor:pointer;
    color:orangered;
}
.prev_data .m_data
{
    background-color:#fff;
    padding:10px;
    margin-left:30px;

}
.prev_data:before {
     content: counter(step);
  counter-increment: step; 
float:left;
	  vertical-align:middle;
	   padding:13px;
 
	 text-align:center;
	color:white !important;
	
	 
}
.prev_data{
    border:1px solid #286DA8;
    background-color:#286DA8;
    margin:10px;
}
/*inputs*/
.msform input, .msform textarea   {

border: 1px solid #0095FF;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: Roboto;
color: #2C3E50;
font-size: 13px;
}
/*buttons*/
.msform .action-button {
      min-width:200px;
            max-width:200px;
background-color: #286DA8;
    /*background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4));
    background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: linear-gradient(top, #6eb6de, #4a77d4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);
    border: 1px solid #3762bc;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0);*/
 color:#fff;
}
.read
{
    pointer-events:none;
     cursor: not-allowed;
}
.submit
{
 background-color: #286DA8;
    /*background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4));
    background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: linear-gradient(top, #6eb6de, #4a77d4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);
    border: 1px solid #3762bc;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0);*/

}
.submit:hover
{
    box-shadow: 0 0 0 2px white, 0 0 0 3px #286DA8;
}
.msform .action-button:hover, .msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #286DA8;
}
  .ui-button:hover
  {
        background:transparent !important;
        border:0px !important;
  }
 .ui-button-text
 {
     font-size:9pt !important;
    color:#B0B0B0 !important;
 }
 .ui-state-hover .ui-button-text 
 {
     font-weight:bold !important;
     color:#000;
 }
.ui-state-hover,.ui-state-focus
 {
    background:transparent !important;
    border:0px !important;
    

 }
button :focus
{
    border:0px !important;
}
 .yesbtn
 {
      color:forestgreen !important;
 }
.yesbtn :before
{
    color:forestgreen;
    font-family:FontAwesome;
    content:"\f00c";
    font-size:13pt;
     margin-right:5px;
}
.nobtn :before
{
    color:orangered;
    font-family:FontAwesome;
    content:"\f00d";
    font-size:13pt;
     margin-right:5px;
}
/*headings*/
.fs-title {
    text-align:center;
    font-family:Roboto;
font-size:  calc(12px + .5vw);
text-transform: uppercase;
color: #333; 
 
font-weight:bold;
z-index:0;
}
.note
{
    color:#cb6161;
    font-size:calc(10px + .5vw);
}
 .lad
 {
     color:#286DA8;
     font-size:12pt;
 }
/*progressbar*/
#progressbar {

overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
margin:0px auto;
display: none; 
text-align:center;
margin-bottom:20px;

}
#progressbar li {
list-style-type: none;
color: black;
text-transform: uppercase;
font-size: 15px;
width: 8%;
display:inline-block;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 30px;
line-height: 30px;
display: block;
font-size: 15px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
background: #286DA8;
color: white;
}
.head1
{
   
    top:0px;
 z-index:0;
/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
 width:100%;
padding:15px;

}
.bdycnt
{
    margin-bottom:30px;
    background:#fff;
          background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
 
    background-attachment: fixed;
  padding-bottom:50px;
}
.foter
        {
        
            font-family:Roboto;
            width:100%;
          
            text-align:center;
            color:#fff;
            letter-spacing:1px;
            font-size:calc(6px + 0.5vw);
         bottom:0px;
         margin-top:20px;
        }
.main_head
{
   width:100%;
   /*padding:5px;*/
        background-color:#286DA8;
       min-height:80px;
}
.f_title
{
    font-size:15pt;
    margin-bottom:10px;
}
 .logo {
         background-image:url('../images/logo.png');
    background-size:cover;
           width:calc(40px + 2vw);
       display:inline-block;
            box-shadow: 1px 1px 5px 1px #fff;
            border-radius:50%;
           
        }
   .logo3
{
	background-image:url('../images/azseal2.png');
    background-size:cover;
	height: 60px;
    width: 150px;
    margin-left: 1100px;
    margin-top: -26px !important;
   
    
    opacity: 0.1;
}
    
 .img_part1
 {
      
          width:calc(120px + 20vw);
          height:100px;
          display:inline-block;
        

 }
 .img_part2{
        width:calc(80px + 8vw);    
        float:right;
       
 }
  
 .mhead
 {
    font-family: 'Roboto' !important;
     vertical-align:middle !important;
     text-align:left !important; 
    font-size: 20px !important;
    margin-top: -55px !important;
      padding-left:100px !important;
     color:white !important;
   
 }
 
 .row
 {
     width:100%;
    padding-left:30px;
    padding-right:30px;
 }

body
{
      font-family:Roboto !important;
       color:#000;
}
ol li{
    font-size:12pt !important;
    font-style:italic;
    color:#333 !important;
}
 
.label
{
       margin-left:30px;
    font-size:calc(7px + .4vw) !important;
      font-family:Roboto !important;
      color:#000;
      padding:10px;
      font-weight:normal !important;
}
label,span
{
     
    font-size:calc(12px + .20vw) !important;
      font-family:Roboto !important;
      color:#286DA8;
     
      font-weight:normal !important;
}
.fs-subtitle
{
    font-family:Roboto;
font-weight: normal;
font-size:  calc(14px + .4vw);
color: #fff;
margin-bottom: 10px;
  
 
 display:none;
 
}
.fs-subtitle2{    
   font-family:Roboto;
font-weight: normal;
font-size:  calc(15px + .4vw);
color: #286DA8;
margin-bottom: 10px;
 margin-left:10px;
 border-bottom:3px solid #286DA8;
}
.fs-subtitle1
{
    font-family:Roboto;
font-weight: normal;
font-size:  calc(15px + .4vw) !important;
color: #fff;
margin-bottom: 10px;
 
 padding:10px;
 
 background-color: #286DA8;
    /*background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4));
    background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: linear-gradient(top, #6eb6de, #4a77d4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);*/
 
}
.fs-subtitle4
{
     
font-weight: normal;
font-size:  11pt !important;
/*color: #fff;*/
margin-bottom: 10px;
 /*background-color:#286DA8;*/
 padding:10px;
 margin-top: 0px !important;
 
 
 
}
.fs-subtitle5
{
     
   font-family:Roboto;
font-weight: normal;
font-size:  calc(10px + .4vw);
color: #286DA8;
margin-bottom: 10px;
 margin-left:10px;
 border-bottom:3px solid #286DA8;
 
 
}
ol{
       display: block;
    list-style-type: decimal;
     margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
}
 ol li{
       font-family:Roboto;
    text-align:justify;
    font-size: calc(10px + .5vw);
 }
input,select
{
    font-size:16px !important;
      font-family:Roboto !important;
      /*text-transform:capitalize;*/
}
input[type="radio"] {
  opacity: 0;
  
}
hr{
    background-color:#fff;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
 input[type="radio"]:empty ~ label
 {
     margin-top:-20px;
 }
 .radio input[type="radio"]:empty ~ label
 {
     margin-top:0px !important;
 }
input[type="radio"]:empty ~ label {
  
      font-family:Roboto !important;
  padding: 7px;  
  border-radius: 5px;
  cursor: pointer;
  color:#000 !important;
}

input[type="radio"]:focus:not(:checked) ~ label:before {
  font-family: FontAwesome;
  content: "\f096"; 
   font-size:calc(7px + .4vw) !important;
  margin-right: 8px; 
  color: indianred;
  position: relative;
  color: #B0B0B0;
}
.gtab label{
   
}
.gtab  
{
 padding:10px;
    display:inline-block;
}
 
input[type="radio"]:focus:not(:checked) ~ label {
  
  color: #B0B0B0;
}

input[type="radio"]:hover:not(:checked) ~ label {
 
  color: #B0B0B0;

}

input[type="radio"]:hover:not(:checked) ~ label:before {
  font-family: FontAwesome;
  content: "\f096";
  padding-top: 5px;
  margin-right: 8px;
  color: indianred;
  position: relative;
  color: #B0B0B0;
}
.hidebtn
{
    display:none !important;
}
input[type="radio"] ~ label:before {
  font-family: FontAwesome;
  font-size:calc(10px + .5vw) !important;
  content: "\f096";
  padding-top: 5px;
  margin-right: 8px;
  color: #286DA8;
  position: relative;
}
input[type="radio"]:checked ~ label
{
    color:#668559;
}
input[type="radio"]:checked ~ label:before {
  font-family: FontAwesome;
  content: "\f046"; 
  font-size:calc(10px + .5vw) !important;
  margin-right: 5px;
  color: green;
  position: relative !important;
}

input[type="checkbox"] {
  opacity: 0;
   
}

input[type="checkbox"]:empty ~ label {
      margin-top:-20px!important;
      font-family:Roboto !important;
  color: #000;
  padding: 10px; 
  border-radius: 5px;
  cursor: pointer;
}

input[type="checkbox"] ~ label:before {
  font-family: FontAwesome;
  content: "\f096";
  padding-top: 5px;
  margin-right: 8px;
  font-size:calc(10px + .5vw) !important;
  color: #286DA8;
  position: relative;
  font-weight: 100;
}

input[type="checkbox"]:checked ~ label:before {
  font-family: FontAwesome;
  content: "\f046";
  font-size:calc(10px + .5vw) !important;
  margin-right: 5px;
  color: green;
  position: relative;
  font-weight: 100;
}

input[type="checkbox"]:focus:not(:checked) ~ label:before {
  font-family: FontAwesome;
  content: "\f096";
  padding-top: 5px;
  margin-right: 8px;
 font-size:calc(10px + .5vw) !important;
  font-weight: 100;
  color: indianred;
  position: relative;
  color: #B0B0B0;
}

input[type="checkbox"]:focus:not(:checked) ~ label {
  
  color: #B0B0B0;
}

input[type="checkbox"]:hover:not(:checked) ~ label {
  
  color: #B0B0B0;
}

input[type="checkbox"]:hover:not(:checked) ~ label:before {
  font-family: FontAwesome;
  content: "\f096";
  padding-top: 5px;
  margin-right: 8px;
 font-size:calc(10px + .5vw) !important;
  font-weight: 100;
  color: indianred;
  position: relative;
  color: #B0B0B0;
}
 
      

.m-form
{
	width:98%;
	margin:0 auto;
	 padding-top:5px;
	 padding-bottom:5px;
	 counter-reset: step;
	 padding:10px;
	 
}
.s_form input[type=text]
{
	width:100% !important;
}
.s_form
{
	clear:both;
	float:none !important;
	border:solid 1px #B0B0B0;
	border-radius:5px;
	margin-bottom:10px;
	padding:10px;
	padding-bottom:20px;
}
.rdb_radio
{
	margin-top:-10px;
	margin-left:-10px;
}
 
input[type="button"],button:not(.ui-button){
  background: #286DA8;
  transition-property: background, border-radius;
  transition-duration: .2s;
  transition-timing-function: linear;
  border: 1px solid #005694;
  border-radius: 4px;
  font-size: 10pt;
  color: #ffffff;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  min-width: 80px;
}
.s_form:before
{
 content: counter(step);
  counter-increment: step;
  border:1px dashed #000;
  font-size:11pt;
	width:25px;
	height:25px;
	float:left;
	padding:2px;
	margin-top:-10px;
	margin-left:-10px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	border-top:none;
	border-left:none;
	opacity:0.5;
}
.s_form_del:hover
{
	opacity:0.7;
	 
}
.s_form_del
{
	font-family:FontAwesome;
   text-align:right;
	cursor:pointer;
	color:red;
	float:right;
	margin-right:10px;
	margin-top:5px;
	font-size:20pt;
	 opacity:0.5;
}
.more:before
{
	font-family:FontAwesome;
	content:'\f0fe';
	margin-right:5px;
}
	.more:hover:before
	{
		color:red;
		opacity:0.4;
	}

    .more_ques:before
{
	font-family:FontAwesome;
	content:'\f0fe';
	margin-right:5px;
}
	.more_ques:hover:before
	{
		color:red;
		opacity:0.4;
	}
 .m-form h3:before
	{
		content:'\f101';
		font-family:FontAwesome;
		margin-right:5px;
		font-size:1em;
	}
.more:hover
{
	color:#000;
	background-color:#fff;
   
}
.red
{
    color:orangered;
}
 
.red:hover
{
    color:darkred;
}
.more
{
	background-color:#fff;
	text-align:center;cursor:pointer;color:black;
	width:218px;
	padding:5px;
	 margin-top:-20px;
	 
	 margin-right:.5px;
	float:left;
	border-top:0px dashed #999999;
	border-left:0px dashed #999999;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:9pt;
	padding-bottom:3px;
}
 
.more_ques
{
	background-color:#fff;
	text-align:center;cursor:pointer;color:black;
	width:218px;
	padding:5px;
	 
	 margin:.5px;
	 
	border-top:0px dashed #999999;
	border-left:0px dashed #999999;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:12pt;
	padding-bottom:3px;
}
sup{
    color:orangered;
    padding-right:5px;
}

.ques_d textarea
{
	display:none;
}
      .ques_d textarea,.ques_d .textarea{
      
           border:0px solid #B0B0B0;
         border-radius:0px;
         width:100% !important;
         border-top:1px solid #e7f0f5;
         border-bottom-left-radius:5px;
         border-bottom-right-radius:5px;
         color:darkred;
       }
.mqdiv .p0
{
	  display:table-cell;
	  vertical-align:middle;
	    padding:5px !important;
		 border-right:0px solid #0081b0;
	 min-width:35px;
	 text-align:center;
	color:white !important;
	background-color:#286DA8;
}
.p0
{
	  display:table-cell;
	  vertical-align:middle;
	    padding:5px !important;
		 border-right:0px solid #0081b0;
	 min-width:35px;
	 text-align:center;
	color:white !important;
	background-color:#286DA8;
}
.p3  {
            
		  display:table-cell;
		    width:100%;
		
        }

            .mqdiv .p1  {
		 padding:5px;
		 padding-left:10px !important;
        display:table-cell;
		  vertical-align:middle;
         
		   width:90%;
		   font-size:11pt;

        }
            .mqdiv .p2  {
            
		  display:table-cell;
		    vertical-align:middle;
		padding-right:15px;
		  
        }
			.mqdiv .p3  {
            
		  display:table-cell;
		    width:98%;
            padding-left:20px;
		
        }
 
.p1 i
{
	font-size:18px;
	color:#1c5e80;
}
.r
{
	 
	width:100%; 
	  
}
.attch {
       cursor:pointer;
               border: 1px solid #B0B0B0;
              vertical-align:central;
               padding:0px;
             
                 margin-bottom:10px;
                 background-color:white;
}
   .mqdiv {
         
           display:table-row;
              vertical-align:middle;
               padding:0px;
              border-radius:0px;
                  background-color: white;
                      border-radius: 10px;
             
        }
		  .radio
			{
				margin:0px !important;
			}
.ques_d {
       cursor:pointer;
               border: 1px solid #B0B0B0;
              vertical-align:central;
               padding:0px;
             
                 margin-bottom:10px;
                 background-color:white;
}
          
            
                
               
        .mqdiv .ques  {
		 
      
   color:white!important;
   
             
   
        }

.reg_ques
{
   counter-reset: step;
   width: 98% !important;
    margin: 0 auto !important;
    
}
.ques:after
{
   content:counter(step);
    counter-increment: step;
    font-size:15px;
  
    font-family:Roboto;
   
}
body
{
counter-reset: qstep;
}
.rques:after
{
   content:counter(qstep);
    counter-increment: qstep;
    font-size:15px;
    font-family:Roboto;
   color:#fff !important;
}
.Note:before
{
    font-family: FontAwesome;
    content: "\f05a";
    
    font-size:15px;
    color:#0081b0;
    
}
    .hide {
  display: none;
}

.show {
  display: block;
}
   
        
.ndisp
{
    background-color:#C2CACF; 
  
}
.qdisp:hover
{
    background-color:#CCE6EF;
}
#msgdialog li{
    text-transform:capitalize;
}
.fcontainer
{
  background:transparent;
   min-height:40vh;
}

.DynamicDialogStyle p
{
    
    
}
.DynamicDialogStyle  ul
{
	min-width:250px;
   color:#0d4f70;
  margin-left:5px;
  margin-right:5px;
    font-weight:normal !important;
    padding:0px;
}
 .ui-dialog-buttonset button
 {
     color:#fff !important;
     background: #286DA8;
     padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    min-width: 50px;
 }
.DynamicDialogStyle li
{
     display:block;
    padding-top:3px;
   padding-bottom:3px;
   
    list-style-type: none;
   
}
#cnfdialog,#altdialog
{
   
}
#altdialog li:before
{
    font-size:15pt; 
}
#cnfdialog li:before
{
     font-family: FontAwesome;
    content: "\f059" !important;
    font-size:15pt;
     color:red;
    display:inline-block;
   margin-right:5px;
}
.DynamicDialogStyle li:before
{
    font-family: FontAwesome;
    content: "\f06a";
    font-size:11pt;
     color:red;
    display:inline-block;
   margin-right:5px;
}
     
.clr
{
      clear: both;
}
 
 .DynamicDialogStyle
        {
          
	background: #fff; /* Old browsers */
 font-size:10pt;
 padding-bottom:5px;
 
        }
 @media screen and (max-width: 480px) {
 .circles
 {
     display:none;
 } 
  .img_part1
 {
       content:url('../images/sa_5.png'); 
         width:50vw;    
          display:inline-block;
        min-width:300px;

 }
 .img_part2{
       content:url('../images/sa_6.png'); 
        width:50vw;    
        float:right;
       min-width:150px;
 }
}

input[type=file] 
{
    padding:0px !important;
    margin:0px !important;
    height:0px;
    width:0px;
    position:fixed;
    top:-20px;
    display:inline-block;
}
.help i{
   margin-right:5px;
   cursor:pointer;
}
.help{
    margin:10px;
    display:inline-block;
    color:orangered;
    cursor:pointer;
   font-size:8pt;
  
}


.table{
       margin:0 auto;
    width:98%;
    
    font-size:12px;
    border-collapse: separate;
    border-radius:5px;
    table-layout:auto;
}
.table thead th{
     background-color:#286DA8;
     color:#fff;
     font-weight:normal;
    
}

.table tbody tr:nth-child(even) {
    background-color: #fff;
}

.table tbody tr:nth-child(odd) {
    background-color: #eefbff;
}
.table tfoot label,span
{
    font-weight:normal !important;
}
.table tfoot input{
    width:30px;
    border-radius:5px;
    height:25px;
      padding:3px;
}
.table tfoot select {
 width:55px;
    border-radius:5px;
    height:25px;
    padding:3px;
}
 
.table tfoot i{
    cursor:pointer;
    margin-left:5px;
    margin-right:5px;
}
tfoot div
{
   display:inline;
}
#tbl_div
{
    padding:10px;
     width:100%;
   display:inline-block;
   overflow-x:auto;
}
 
.table  td { border: solid 1px #000; }
 .table thead  tr td{
    
     font-size:12pt;
     padding:0px !important;
 }
 .table thead input
 {
     width:100%;
     border:none;
     color:#808080;
       padding:3px;
       margin:0px !important;
       font-size:9pt !important;
       font-weight:normal;
 }
.table thead tr:first-child th:first-child { border-top-left-radius: 5px; }
.table  thead tr:first-child th:last-child { border-top-right-radius: 5px; }
.table tfoot tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.table tfoot  tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.table tfoot td{
    padding:0px !important;
    margin:0px !important;
    padding-left:10px !important;
    padding-right:10px !important;
}
.table i ,.table button,.table a{
    cursor:pointer;
}
.asc  {
     
     position: relative;
}    
.asc:after {
         position: absolute;
        font-family: FontAwesome;
        content: "\f160"; 
       font-weight:normal;
       font-size:9pt; 
      opacity:0.5;
     right: 5px;
    }
    .dsc {
     position: relative;
}    
.dsc:after {
          position: absolute;
        font-family: FontAwesome;
         
        content: "\f161"; 
          opacity:0.5;
          font-weight:normal;
           font-size:9pt;
        right: 5px;
        
    }
.table th{
    cursor:pointer;
}

 .green{
     color:green;
     font-size: 14pt !important;
     
 }
 .green:hover
 {
     color:maroon;
 }
 .red{
     color:red;
     font-size: 14pt !important;
      
 }
 .cpanel .accr{
     cursor:pointer;
 }
 .grid_tr
 {
     display:none;
 }
 .inline
 {
     display:table-row !important;
 }
 .inline .form-control{
     margin-left:10px;
     display:table-cell !important;
     width:auto !important;
 }
 #tbl_div table
 {
     border-radius:5px;
     
     box-shadow:#dcdcdc 0px 0px 0px 1px;
 }
    
        .del
        {
            text-decoration:line-through;
            background-color:orangered !important;
            opacity:0.5 !important;

        }
        .grdicon
        {
            font-size:12pt !important;

        }
        .grdicon:hover
        {
            color:#286DA8;
        }

        .nosort input
        {
            display:none !important;
        }
        
.logo2
{
	background-image:url('../images/plogo2.png');
    background-size:cover;
	height:70px;
	width:70px;
	 float:left;
	margin-left:5px;
    margin-top:5px !important;
   
    border-radius: 50%;
}

#login{
	min-width:300px;
  width:50vw;
  max-width:540px;
  margin:0 auto;
  margin-top:10vh;
  opacity:0.9;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  
}


#login h1{
   margin-left:-10%;
  
    font-size:calc(15px + .5vw) !important;

  display:inline-block;
  font-weight:500;
  text-align:center;
  color:#fff;
}
#login .head{
	padding:5px;
  background:#286DA8;
  min-height:80px;
  -webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
   vertical-align:middle;
  cursor:pointer;
  color:#fff;
    box-shadow: 0 2px 0 0 #B0B0B0;
    border:1px solid black;
    opacity:0.9;
}

.form1{
  background:#fff;
  padding:6% 4%;
  background-color: #fff;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	padding: 20px 26px;
	  border:1px solid black;
      -webkit-box-shadow: 0 2px 0 0 #B0B0B0;
box-shadow: 0 2px 0 0 #B0B0B0;
}
   .a {
            float: right;
            cursor: pointer;
            background-color:#286DA8;
            color:#fff;
            padding:5px;
            padding-left:10px;
            padding-right:10px;
            min-width:100px;
            text-align:center;
            font-size:12pt !important;
            margin-top: 23px;
        }
   .a:hover
   {
       background-color:#286DA8;
       color:#fff;
       text-decoration:none;
   }
#form1{
  background:#fff;
  padding:6% 4%;
  background-color: #fff;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	padding: 20px 26px;
	  border:1px solid black;
      -webkit-box-shadow: 0 2px 0 0 #B0B0B0;
box-shadow: 0 2px 0 0 #B0B0B0;
}
.demographics legend{
    width:100%;
    padding:0;
    margin-bottom:20px;
    line-height:inherit;
    border:0;
    border-bottom:1px solid #e5e5e5;
    color:#286DA8;
    font-family:Roboto !important;
    font-weight:normal !important;
    font-size:calc(14px + .20vw) !important;
}
.gridmain
{
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    
      box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
      
}
.gridmain1
{
    margin-left:auto;
    margin-right:auto;
    
     text-align:center;
    background:transparent;
      
}
.gridmain1 td:first-child,th:first-child
{
    border-left:1px solid #000;
}
.gridmain1 td,th
{
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    font-weight:normal;
}

.gridmain1 td 
{
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
}
.gridmain1 th 
{
    text-align:center;
      padding-top:3px;
    padding-bottom:3px;
}
.gridmain1 tbody tr:nth-child(odd)
{
    background-color:White;
     
    
}
.gridmain1 i
{
    display:inline-block;
         
}
.gridmain1  tfoot
{
    background-color:#e3f1fa;
     font-size:11pt;
text-shadow:1px 1px 1px #e4f5fc;
}
.gridmain1 input[type="text"] {
    background-color: #ffffff;
    border: 0px solid #0095FF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
      padding-left:3px;
    color: #524044;
    height:20px;
     width:100%;
       font-size:10pt;
      
}
.gridmain1 tbody tr:nth-child(even)
{
  background: #e4f5fc;
    
     text-align:center;
    
}
.gridmain td
{
    text-align:center;
    
}
.grdheadbg td,th
{
    padding: 3px 10px;
    cursor:pointer;
}
.grdheadtext
{
    color:White !important;
font-size:11pt !important;
padding-top:3px !important;
padding-bottom:3px !important;
 
text-shadow:1px 1px 1px #000 !important;
}
.grdheadbg
{
     background: #1c5e80 !important; /* Old browsers */
 color:White !important;
font-size:11pt !important;
padding-top:3px !important;
padding-bottom:3px !important;
 
text-shadow:1px 1px 1px #000 !important;
}
.grdheadbg1
{
     background: white; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 color:rgb(63,76,107) !important;
font-size:11pt;
padding-top:3px !important;
padding-bottom:3px !important;
 
text-shadow:1px 1px 1px #e4f5fc;
}
.grditem td
{
    padding-top:2px !important;
    padding-bottom:2px !important;
  
    font-size:10pt;
}
.grditem
{
    background-color:White;
    color:Black;
    font-size:10pt;
}
.reg_ques textarea{
    
    border:1px solid lightcoral;
}
.grdalt td
{
    padding-top:2px !important;
    padding-bottom:2px !important;
  
    font-size:10pt;
}
.grditem
{
    background-color:White;
    color:Black;
    font-size:10pt;
}
.grdalt
{
  background: #e4f5fc;
     color:Black;
    font-size:10pt;
}