
 
 

  
  
 body{ font-size: 0.9rem; color: #000; font-family:'OpenSans-Regular';   background-image:url(../images/bodybg.jpg) }
 
 /* ==================================== commen ===================================================== */
       
       a:link {text-decoration:none;}
       a:visited {text-decoration:none;}
       a:hover {text-decoration:none ;}
       a:active {text-decoration:none;}
	  .lr_nopadd{padding-left:0;padding-right:0;}
     
	  .img-responsive{max-width:100%;}
	  .btn-default{  color:#FFF;font-size: 1.20rem;
				    border-color: #000; background-color: #000;
				   }
	   .btn-danger{
				   color:#FFF;font-size: 1.20rem;
				   background-color: #d5272d;
				   border-color: #d5272d;}		   
 		 .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
		    background-color: #d14449;border-color: d14449;	  }
	    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
		background-color: #202328;border-color: 202328;	  }
	    .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
			 outline: none; outline: 0 auto -webkit-focus-ring-color; outline-offset: 0;}
        .btn{padding: 0.6rem 1.8rem;border-radius: 0.50rem;}
		
		/*.btn-group-lg > .btn, .btn-lg {  font-size: 1.25rem;border-radius: 0.6rem;}*/
		
        .form-group label {  font-family:'OpenSans-Semibold'; }
	    .form-group {position:relative; margin-bottom: 1.5rem;}
        .input-group { box-shadow: 0 0 5px 1px #999999;}
		.form-control {color: #000; line-height: 1.45; border-radius: 0; border: 1px solid transparent;}	
		.form-control:focus { color: #000;}
		
		span.error{position: absolute;left: 0;top: 106%;
                 width: 100%;padding:0px 0 0;
                 color: rgb(213, 39, 45);
                }
	    span.err_span{position:static;left:0;top:0;
				  width: 100%;display: block;
				  margin-bottom: 12px; padding: 4px;
				  text-align: center; font-family:'OpenSans-Semibold';
				}
		.text-danger {  color: #d5272d !important;}		
		
	   /*=============================================*/ 
       header{padding: 17px 0px; box-shadow: 0 0 1px 2px #CCC;}
	   header .logo-img{ text-align:center;}
	   header .logo-img img{width: 227px;}
	   
	   /*=============================pin ================================*/
	   .login_container{position:relative; width: 446px; margin: 0 auto;}
	   .rlpgbg{position: absolute;
			  width: 100%;
			  height: 100%;
			  z-index: -1;
			  background-image:url(../images/registration-login-bg.jpg);
	          background-repeat:no-repeat;
			  background-size:cover;
	       }
	   .login_container .logo-img{ padding: 36px 0 0; text-align:center;}
	   .login_container .logo-img img{width: 423px;}
	   
	   .lgpg_err{
          width: 100%;display: block;
		  padding: 4px;
           text-align: center;
        }
		 
	   .pincoderegfrm{width: 83%;margin: 0 auto;margin-top: 160px;  }
	  
	   .pincoderegfrm .form-group .pin{ display: block;}
	   .pincoderegfrm #pinnumber{position:relative;}
	   .pincoderegfrm label.error{padding: 9px 0px 0;
           position: absolute;left: 0;top: 90%;
           width: 100%;
           color: rgb(213, 39, 45);
           }
	
	.pincoderegfrm .input-group-addon {
    width: 37px;
    padding: 0; margin-bottom: 0;
	 color:#FFF;font-size: 1.4rem;
    border: 1px solid #838c93;;border-radius: 0;
	background-color: #838c93;
    }
	  .pincoderegfrm .form-sbm-button{padding: 2px 0 0; text-align: center;}
						   
	
	
	/*===================registration form===========================*/
	
	.registration-frm{margin-top: 20px;}
	.registration-frm .form-group label{}
	.registration-frm .form-group label span.required{color:#F00;}  
	.registration-frm .input-group-addon {
    width: 37px;
    padding: 0; margin-bottom: 0;
	 color:#FFF;font-size: 1.4rem;
    border: 1px solid #838c93; border-radius: 0;
	background-color: #838c93;
    }
	  
		    
	.h_devider{ position:relative; margin-top: 1rem;}
	.h_devider .line{
				position: absolute;top:50%;
				height: 3px;width: 100%;
				background-color: #999;
				z-index:-1;}
	.h_devider label{
			   margin-bottom: 0;margin-left: 81px;padding: 1px 4px;
			   text-transform: uppercase;font-size: 17px; font-family: 'OpenSans-Bold';
			   background-image:url(../images/line-bg.png);}
			   
	 .registration-frm .form-sbm-button{text-align:right;padding-top: 25px;}  
	 .registration-frm .form-sbm-button .btn{ margin-left: 10px;}
	   

	/* ========================== login form ==================================== */   
	
	    .login-frm{position:relative; 
		           width: 368px;margin: 0 auto;margin-top: 141px;  }
	    .login-frm .form-group label{}
		.login-frm .form-group label span.required{color:#F00;}  
		.login-frm .input-group-addon {
		width: 37px;
		padding: 0; margin-bottom: 0;
		 color:#FFF;font-size: 1.4rem;
		border: 1px solid #838c93;border-radius: 0;
		background-color: #838c93;
		}
		
	    
		
        .success_msg {margin-bottom: 1rem; text-align: center;font-family:'OpenSans-Semibold';}
				   
		.login-frm .form-sbm-button{text-align:center;padding-top: 2px;}  
	    .login-frm .form-sbm-button .btn{ margin-left: 15px; }
	   
	   /* ========================== successfullpassed ================================ */
	     .successpassed{padding-top: 103px;
                       text-align: center;}
	   	 .successpassed h1{margin-bottom: 1rem; font-family:'alsscrp'; color:#d5272d;font-size: 4.1rem; font-weight:bold; }
		 .successpassed h2{margin-top: 2rem; color:#d5272d;font-family:'OpenSans-Semibold';}
		 .successpassed p{margin-top:0rem;margin-bottom: 0.7rem; font-family:'OpenSans-Semibold';}
		 
		 .faildmodule{padding-top:124px; text-align: center; }
		 .faildmodule h3{margin-bottom: 1rem; color:#d5272d; font-family:'OpenSans-Semibold';}  
		 .faildmodule p{margin-bottom: 1.6rem; font-family:'OpenSans-Semibold';}  
		 .faildmodule .restart-btn{padding-top: 1.5rem;}
		 .faildmodule .restart-btn .btn{ font-size: 1.25rem;border-radius: .65rem;}
		 
		 .indcontpg{padding-top: 1.5rem; text-align:center;}
		 .comingsoontext{    
					margin-bottom: 0rem;margin-top: 4rem;
 					text-align: center; color: #d5272d;	font-size: 3.2rem;	font-weight: bold;
				   }
		 
		 
	   input:focus::-webkit-input-placeholder {color:transparent;}
	   input:focus:-moz-placeholder {	color:transparent;	}
	   input:focus::-moz-placeholder {	color:transparent;		}
	   input:focus:-ms-input-placeholder {	color:transparent;		}
		
  	 /*============================ only safari =======================================================*/ 
		 .safari .input-group {	}
		 .safari .form-control{  }
		 .ie body{font-size: 1.15rem;}
		 .ie .registration-frm .form-sbm-button .btn{  font-size: 1.55rem;}
		 .ie .btn-group-lg > .btn, .btn-lg { font-size: 1.55rem;}	 
		 .ie .login-frm .form-sbm-button .btn {font-size: 1.55rem;}
		 .ie .faildmodule .restart-btn .btn {  font-size: 1.55rem;}		 
		 .ie .h3, h3 {font-size:2rem;}
		 
	/* ============================== RESPONSIVE ======================================== */
	   
	   @media (min-width:1200px)
	    {
		  .container{ max-width:1188px;}
		}
	   @media (max-width:1200px)
	    {
			
		}
		@media (max-width:992px)
	    {
			
		}
	   @media (max-width: 767px)
	    {
          .login_container{width:100%;} 
        }			
		
		@media (max-width:544px)
	    {   
		  
		}
		@media (max-width:480px)
	    {  .login-frm {width:100%;} 
		   .successpassed h1{font-size: 3rem;}
		   .successpassed h2 { font-size: 1.5rem;}
		    .comingsoontext{ font-size:2.4rem;  }
		}
				
/* 29-08-16 */				
				
				
				.cpMainContainer {
    background: inherit !important;
}

#cpDocument > div {
    top: 0% !important;
    width: 100%;
}
.bdyclass {
    overflow: inherit !important;
}
#cpDocument > div {
    position: relative !important;
}