/*sign css*/
@font-face {
    font-family: "OpenSansR";
    src: url("./fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "OpenSansSB";
    src: url("./fonts/OpenSans-SemiBold.ttf");
}
@font-face {
    font-family: "OpenSansthin";
    src: url("./fonts/Roboto-Thin.ttf");
}
.bodybg{
	background: #181714;
	font-family:OpenSansR;
	position: relative;
 }
 .no-padding{
	margin:0;
	padding: 0;
 }
 .no-paddingonly{	
	padding: 0;
 }
 .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
.containersignin{
	color:#333;
	/*padding: 7% 0 0 0;*/
	margin: 0 auto;
	width:100%;
 }
.logincontainer{
    width:30%; 
    background: white;
    margin: 0 auto;
    padding:0;
	-webkit-box-shadow: 1px 2px 20px #000;
    -moz-box-shadow: 1px 2px 20px #000;
    box-shadow: 1px 2px 20px #000;
 }
.formcontainerwrap{
	width: 70%;
	margin:0 auto;
	margin-top:0;
	padding:0 0 5% 0;
}
.logocompany{
	width:100%;
	border-left: 5px solid #f36523;
	float: left;
	padding: 2% 0 ;
	margin:1% 0 5% 0 ;	
}
.logoimg{
	width:60%;
	margin: 0 0 0 7%;
}
.loginheading{
	width:100%;
	float:left;
}
.logintext{
	width: 40%;
    float: right;
    border-radius: 0 0 10px 10px;
    background: #f36523;
    color: white;
    text-align: center;
    font-weight: bolder;
    font-size: 20px;
	font-family:OpenSansSB;
    padding: 20px 10px 7px 10px;
    text-transform: uppercase;
}
.loginerr{		
	padding:0;	
	color: red;
	margin: -5% 0 1% 0;
}
.errorlogin{
	color:red;
}
.inputlabel{
	margin: 5% 0 -4% 0;
    padding: 0;
	font-size: 16px;
	font-family:OpenSansSB;
}
.formcontainerwrap input{
	width: 100%;
	padding:3% 5%;
	margin:5% 0;
	border: 1px solid #333;
	font-family:OpenSansr;
}
.formcontainerwrap input:hover{
	border:1px solid #f36523;
}
.formcontainerwrap input:focus{
	border:1px solid #f36523;
}
.formcontainerwrap input[type="submit"]{
	margin:7% 0;
	background: #f36523;
	color:white;
	text-transform: uppercase;
	border:1px solid #f36523;
	font-weight:bolder;
    font-size: 20px;
	font-family:OpenSansSB;
}
.formcontainerwrap input[type="submit"]:hover{
	border:1px solid #333;
}
.formcontainerwrap input[type="submit"]:focus{
	border:1px solid #333;
}
.signupdiv{
	margin:0 0 5% 0;
	font-family:OpenSansSB;
    font-size: 16px;
	line-height: 20px;
	text-align: justify;
}
.signuptxt a{	
	color:green;
	font-family:OpenSansR;
}

@media only screen and (max-width: 1024px){
	.formcontainerwrap{
		width:80%;
	}
	.logincontainer{
      width:45%;
	}
}

@media only screen and (max-width: 700px){
	.formcontainerwrap{
		width:90%;
	}
	.logincontainer{
      width:50%;
	}
}

@media only screen and (max-width: 500px){	
	.logincontainer{
      width:90%;
	}
}
	
/*Regiter css*/
.containersignup{
	color:#333;
	padding: 0 0 0 0 ;
	margin: 0 auto;
	width:100%;
 }
 .top-text{
	height: 100px;
 }
.signup-text{	
   float: right;
   border-radius: 0 0 20px 20px;
   background: #f36523;
   color: white;
   text-align: center;
   font-weight: bolder;
   font-size: 24px;
   font-family: OpenSansSB;
   padding: 35px;
   text-transform: uppercase;
   margin-top:-2.6%;
}
.signheadtext{
	font-size:54px;
	color:#f36523;
	font-family: OpenSansthin;	
	margin:30px 0 20px 0;
	line-height: 60px;
}
.sigupcontainer{
    width:70%; 
    background: white;	
    margin: 0 auto;   
    align-items: center;
	-webkit-box-shadow: 1px 2px 20px #000;
    -moz-box-shadow: 1px 2px 20px #000;
    box-shadow: 1px 2px 20px #000;
 }
.signformcontainerwrap{
	width: 80%;
	margin:0 auto;
	margin-top:0;
	padding:1% 0;
}
.ctext{
		width:50%;
		float: left;
}
.ctext1{
		width:50%;
		float: left;
		display: none;
}
.clogo{
		width:50%;
		text-align: left;
		float: left;
}
.companylogo{
	width:320px;
	padding: 2% 0 0 0;	
	/*border-left: 5px solid #f36523;*/
	/*margin-top:-7%;	*/
}
.logosignupimg{
	width:100%;
	/*height: 120px;	*/
}
.signinfo{
	font-size: 16px;
	text-align: justify;
}
.signformcontainerwrap input{
	border-radius: 0;
    padding: 12px;
	border: 1px solid #333;
}
.signformcontainerwrap input:hover{
	border:1px solid #f36523;
}
.signformcontainerwrap input:focus{
	border:1px solid #f36523;
}
	
.signformcontainerwrap select{
	border-radius: 0;   
	border: 1px solid #333;
	padding:12px;	
}

.signformcontainerwrap select:hover{
	border:1px solid #f36523;
}
.signformcontainerwrap select:focus{
	border:1px solid #f36523;
}
.signformcontainerwrap input[type="submit"]{
	margin:7% 0;
	background: #f36523;
	color:white;
	text-transform: uppercase;
	border:1px solid #f36523;
	font-weight:bolder;
    font-size: 20px;
	padding: 20px;
	-webkit-box-shadow: 1px 1px 1px #333;
    -moz-box-shadow: 1px 1px 1px #333;
    box-shadow: 1px 1px 1px #333;
}
.signformcontainerwrap input[type="submit"]:hover{
	border:1px solid #333;	
}
.signformcontainerwrap input[type="submit"]:focus{
	border:1px solid #333;
}
.reuiredtxt{
	font-weight:bold;
	padding: 50px 0 0 0;
	display: inline-block;
}
.lastinst li{
	line-height:30px;
}
.error-message{
    color:red;	
}

@media only screen and (max-width: 900px){
	.companylogo{
		width:270px
	}
	.signheadtext{
		font-size:48px;
		margin: 0 0 15px 0;
	}
	.signformcontainerwrap input[type="submit"]{
		padding:18px;
	}
	.signup-text{      
      margin-top:-2.7%;
      padding: 26px 10px;
    }
}


@media only screen and (max-width: 700px){	
	.companylogo{
		width:230px;
	}
	.signformcontainerwrap input[type="submit"]{
		 font-size: 16px;
		 padding:16px;
	}
	.reuiredtxt{
		padding: 30px 5px 0 5px;
	}
	.signheadtext{
	    margin: 0 0 15px 0;
        line-height: 60px;
		font-size:42px;
	}	
	.sigupcontainer{
        width:80%;
	}
	.signup-text{      
      margin-top:-2.7%;
      padding: 25px 16px 25px 16px;
    }
/*	.signup-text{*/
/*		font-size: 28px;*/
/*        padding: 30px 10px 5px 10px;*/
/*	}*/	
}
@media only screen and (max-width: 576px){
	.signformcontainerwrap input[type="submit"]{
		padding:16px;
	}
	.sigupcontainer{
        width:100%;
	}
	.containersignup{
		padding: 0;
	}
	.signheadtext{		
        line-height: 50px;
		text-align: center;
		margin: 60px 0 0px 0;
        font-size: 36px;
	}
	.top-text{
		height:130px;
	}
	.ctext{
		width:100%;
		display: none;
    }
    .ctext1{
		width:100%;		
		display: block;
     }
	.clogo{
		width:100%;
	}	
	/*.logosignupimg{*/
	/*width:70%;*/
	/*}*/
	.signformcontainerwrap input{
		margin:0 0 10px 0;
	}
	.signformcontainerwrap label{
		margin-top:8px;
	}
	.signformcontainerwrap .row{
		margin:0 !important;
	}
	.reuiredtxt{
		padding: 0 0 7px 20px;\
		margin-top:-15px;
		font-size: 13px;
	}
	.top-text{
		text-align: center;
	}
	.signup-text{
      width: 80%;
      margin: -1.3% 10% 0 10%;
      padding: 15px 12px 12px 12px;
    }
	.companylogo{
	     width: 100%;
         margin: 3% 0%;
	}
}
@media only screen and (max-width:450px){ 
	.signheadtext{
		margin: 40px 0 0px 0;
        line-height: 40px;
		font-size:30px;
	}
	/*.companylogo{*/
	/*    width:300px;*/
	/*}*/
}

/*css for examinterface*/
.clearfix{
	clear: both;
}
#divLoading{
    display : none;
}
#divLoading.show{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('http://loadinggif.com/images/image-selection/3.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}

.containerexam{
	color:#333;
	padding: 0;
	margin: 0 auto;
	width:100%;
	display:block;
	float:left;
 }
.examcontainer{
    width:70%; 
    background: white;	
    margin: 0 auto;   
    align-items: center;
	-webkit-box-shadow: 1px 2px 20px #000;
    -moz-box-shadow: 1px 2px 20px #000;
    box-shadow: 1px 2px 20px #000;	
    min-height: 200px;
 }
.examcontainerwrap{
	width: 80%;
	margin:0 auto;
	margin-top:0;
	padding:0 0 5% 0;
}
.examcontainerwrap .row{
	padding:2% 0 0 0;
}
.examhead{
	/*height:100px;	*/
}
.imgdiv{
	width:270px;
	float: left;	
}
.exlogoimg{
	width:100%;
	height:80px;
}
.examhead2{
	max-height:80px;
}
.timer{
	margin-right:0;	
}
/*#examDetail {
	display: none;
}*/

.time{
	width: 16%;
	background: #f36523;
	color:white;
	padding: 1.5%;
	font-size: 24px;
	float: right;
	margin:0 0 0 5px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}
.timetxt{
	margin-right:0;
}
.timetxttime{
	width:16%;
	font-size: 16px;
	margin:0 0 0 5px;
	float: right;
	text-align: center;
	display:inline-block;
	font-family:OpenSansSB;
}
.studentname{
	font-size: 24px;
	text-transform: capitalize;
}
.examname{
	font-size: 24px;
	text-transform: uppercase;
	color:#016d9b;
}
.subbtn{
	background: #016d9b;
	color:#fff;
	border:1px solid #fff;
	font-size: 22px;
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;	
    max-height: 60px;
	cursor: pointer;
/*	-webkit-box-shadow: 0px 0px 1px #016d9b;
    -moz-box-shadow: 0px 0px 1px #016d9b;
    box-shadow: 0px 0px 1px #016d9b;*/
}
.belowsubmit{
	display: none;
}
.subbtn2{
	display: none;
	background: #016d9b;
	color:#fff;
	border:1px solid #fff;
	font-size: 22px;
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;	
    max-height: 60px;
	cursor: pointer;
}
.subbtn:hover{
	border:1px solid #f36523;	
}
.subbtn2:hover{
	border:1px solid #f36523;	
}
.orangeheading{
	color:#f36523;
	font-weight: bold;
	font-size: 20px;
	text-transform: capitalize;
	/*text-align: center;*/
}
.questino{
	color:#666;
	background: #f5f5f5;
	padding: 5px 12px;	
	display: inline-block;	
	font-size:16px;
	font-weight: bold;
/*	-webkit-box-shadow: 0px 0px 1px #333;
    -moz-box-shadow: 0px 0px 1px #333;
    box-shadow: 0px 0px 1px #333;*/
	margin: 5px 0 0 -2px;
	cursor: pointer;
	margin-bottom: 5px;
}
.questino:hover{
	color: #fff;
	background:#016d9b;
}
.subject{
	color:#666;
	background: #f5f5f5;
	padding:1% 2%;
	margin: 5px 0 0 -2px;
	display:inline-block;
	min-width: 20%;
	max-width:100%;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 1px #f5f5f5;
    -moz-box-shadow: 0px 0px 1px #f5f5f5;
    box-shadow: 0px 0px 1px #f5f5f5;*/
}
.subject:hover{
	color: #fff;
	background: #016d9b;
}
.active{
	color: #fff;
	background: #f36523;
}

.radio{
  color:#333;
  font-size:16px;
  position:relative; 
}
.radio span{
   position:relative;
   padding-left:20px;
}
.radio span:after{
  content:'';
  width:15px;
  height:15px;
  border:3px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio label{
   position:relative;
   padding-left:30px;
}
.radio label:after{
  content:'';
  width:15px;
  height:15px;
  border:3px solid;
  position:absolute;
  left:0;
  top:4px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
   cursor: pointer; 
   position:absolute;   
   width:100%;
   height:100%;
   z-index: 1;
   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.radio input[type="radio"]:checked + span{
  color:#0B8;  
}
.radio input[type="radio"]:checked + span:before{
    content:'';
    width:5px;
    height:5px;
    position:absolute;
    background:#0B8;
    left:5px;
    top:9px;
    border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.radio input[type="radio"]:checked + label{
  color:#f36523;  
}
.radio input[type="radio"]:checked + label:before{
    content:'';
    width:5px;
    height:5px;
    position:absolute;
    background:#f36523;
    left:5px;
    top:9px;
    border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.qdisplay{	
	-webkit-box-shadow: 0px 0px 1px #333;
    -moz-box-shadow: 0px 0px 1px #333;
    box-shadow: 0px 0px 1px #333;
	font-size: 16px;
}
.questdisplay{
	padding:10px 20px 10px 20px;
	position: relative;
	width: 100%;
	float: left;
}
.questionn{
	width: 90%;
	float: left;
	text-align: justify;
}
.questionopt{
	width: 85%;
	float: left;
}
.traverse{
	position: absolute;
	right: 0;   
    top: 40%;
	width:10%;
	font-size: 16px;
}
.next{
	padding:7px;
	border-radius: 5px 0 0 5px;
	background: #f36523;
	margin:4px 0;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}
.prevs{
    padding:7px;
	border-radius: 5px 0 0 5px;
	background: #f36523;	
	color:#fff;
	font-weight: bold;
	cursor:pointer;
	text-align: center;
}
.disable{
	display: none;	
}
.next:hover{
	color: #fff;
	background:#016d9b;
}
.prevs:hover{
	color: #fff;
	background:#016d9b;
}
.nexdisplay{
	margin: 0 -16px -7px 0;
	color: #014a7f;
	float:right;
}
.predisplay{
	margin: 0 -16px -7px 0;
	color:#014a7f;
	float:right;
}
@media only screen and (max-width: 800px){	
	.next{
		margin:10px 0;
	}
	.time{
	width: 20%;
	}
	.subject{
	min-width: 23%;
	font-size:14px;
	}
	.questino{
	font-size:14px;	
	}
	.timetxttime{
	width: 20%;
	font-size:14px;	
	}
	.subbtn{
		padding: 10px 5px;
	}
	.questionn{
	    width: 85%;
	}
	.questionopt{
	    width: 85%;	   
    }
   .traverse{	   
	    width:15%;	    
    }
}

@media only screen and (max-width:576px){
	.examcontainer{
        width:100%;
		float: left;
	}
	.containerexam{
		padding: 0;
	}	
	.imgdiv{
		width:100%;
		padding:2%;
	}
	.exlogoimg{
		width:85%;
		height:100px;
	}
	.subject{
	    min-width: 32%;		
	}
	.examhead{
		text-align: center;		
	}	
	.examhead2{
		/*margin:25% 0 0 0;*/
	}
	.orangeheading{
		margin:1% 0;
		text-align: center;
	}
	.qudisplay{
		text-align: center;
	}
	.sudisplay{
		text-align: center;
	}
	/*.nexdisplay{
		margin-right: -16%;
	}
	.predisplay{
		margin-right: -16%;
	}*/
	.studentname{
		text-align: center;
	}
	.examname{
		text-align: center;		
	}
	.time{
		text-align: center;
		/*float: unset;*/
		margin:2% 1% 0 1%;
		width:16%;
		font-size: 22px;
	}
	.timetxttime{
		text-align: center;
		/*float: unset;*/
		width: 16%;
		font-size: 12px;
	}
	/*.questdisplay{
		width:80%;
	}*/
	.questdisplay{
		width:100%;
	}
	.questionn{
	    width: 100%;
	}
	.questionopt{
	    width: 90%;	   
    }
  /* .traverse{	   
	    width:18%;
		font-size: 14px;
		position:unset;
    }*/
    .traverse{
	width:100%;
	float:left;
	font-size: 14px;
	top:unset;
	right:unset;
	bottom:-60px;
    }
	.prevs{
		border-radius:unset;
		width:100px;
		float:left;
	}
	.next{
		border-radius:unset;
		width:100px;
		float:right;
		margin:unset;
	}
	.timedisplay{
		text-align: center;
        width: 70%;
	}
	.subbtn{
		width:100%;
		margin:0 auto;
		/*background:#fff;*/
		/*display:none;*/
	}
	
	.belowsubmit{
		width:100%;
		float:left;
		margin: 0 auto;
		display:block;
	}
	.subbtn2{
		width: 34%;
        display: block;
        margin: 20% 0 10px 0;
        font-size: 21px;
        padding: 8px 10px;
	}
	.qdisplay{
		font-size: 14px;
	}
	.predisplay{
	margin: 0 0 -7px -16px ;
	float:left;
    }
	
}
@media only screen and (max-width:450px){
	.examhead2{
		margin:30% 0 0 0;
	}
}