@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1100px) {
  .container {
    width: 1050px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1150px;
  }
}

@media (min-width: 1300px) {
  .container {
    width: 1250px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}
 html{height: 100%;}

/* Login Page */
#login{ background-color: #283545; height: 100%; position: relative;}
#login #login-container{ position: relative;  z-index: 9;}
#login #login-background{  opacity: 0.4;   background: url(../images/login-bg.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; position: fixed; top: 0; z-index: 0; }

#loggingIn{  position: fixed; width: 100%; height: 100%; background: #fff; z-index: 99999; }
#loggingIn .inner{color:#666; position: absolute; font-size: 15px; width: 270px; height: 60px; background: #fff; text-align: center; line-height: 60px; top: 50%; left: 0; right: 0; margin: 0 auto;     margin-top: -40px; border-radius: 8px}
#loggingIn .inner img{margin-right: 6px; max-width:60px;}

#login-container #copyrights{ color: #ffffff; }
#login-container #copyrights p a{ color: #ffffff; }
form a {font-size: 13px;}
#login-wrap {position: relative;}

#login-wrap #login-left {height: 533px;padding:37px;background-color: #ffffff; }
#login-wrap #login-right {padding:0px 50px;}
#login-wrap #login-right .login-right-heading{margin-bottom: 25px;}
#login-wrap #login-right .login-right-heading h1{color: #444;margin-bottom: 5px;margin-top: 0px;}
#login-wrap #login-right .login-right-heading h2{color: #999999;}
 
#login-wrap #login-right .card-v-center,
#login-wrap #login-left .card-v-center{display: table-cell;vertical-align: middle;}
#login-wrap #login-right p {font-size: 17px;color: #aaaaaa;}


  #companylogo.left-logo-wrap {max-height: 150px;min-height: 100px;display: table;width: 300px;margin-left: auto;margin-right: auto; margin-bottom: 25px;}
  #companylogo.left-logo-wrap a{display: table-cell;vertical-align: middle;}
  #companylogo.left-logo-wrap img{ max-height: 140px;max-width: 80%;}


#register { background-color: #fff;  padding: 37px 50px;}
#success,#forget-password{background-color: #fff;padding: 37px;}

.img-center{margin:auto;}

.sperator {text-align: center; }
.sperator .or-sperator {background-color: #D7D7D7; height: 43px; display: inline-block;width: 43px;border-radius: 20px;line-height: 45px;
    position: relative;font-size: 17px;font-weight: 500;color: #fff;
}
.sperator.line:before {content: 's';color: transparent;display: block;border-bottom: 1px solid #999999;
    position: relative;top: 22px;line-height: 0;width: 100%; margin: auto; opacity: 0.41;
}






 

/* For ipad view */
.visible-xss {display: none!important;}
.btn.visible-xss{display: none!important;}

.footer-wrap small {font-size: 13px;color: #aaaaaa;}




@media (min-width: 768px){
	#login-wrap,#register,#success,#forget-password{margin-top: 37px;}
	#login-left,#register,#success,#forget-password{border-radius: 5px; }        
}


@media (max-width: 992px){
    #login-wrap #login-left{
      height: auto;
    }

.login-right { text-align: center;  margin-top: 60px; margin-bottom: 60px;}
.login-right .form-title lable {  font-size: 36px;  }
.login-right p {  font-size: 17px; color: #aaaaaa; width: 60%; margin: 25px auto;}

    .footer-wrap span{display: block;}
}


.redirectToNetsheet{
  background-color: #0478FF !important;
}

@media (max-width: 768px){

  #companylogo.left-logo-wrap{width: 250px;}

 
 
#login-wrap #login-right .login-right-heading{text-align: center;}
#login-wrap #login-right .login-right-heading h1{font-size: 18px;}
#login-wrap #login-right .login-right-heading h2{font-size: 13px;}
.register-success{text-align: center;}

#register ,#login-wrap #login-left,#login-right,#success,#forget-password{padding:37px;}
#login-wrap #login-right {padding:0px 37px;}
 



}
@media (max-width: 767px){
  body{background-color: #fff;}
.validation-group.email-checking{    padding: 13px 0px 0px 0px;}

#login-wrap #login-right .login-right-heading{text-align: left;}

.footer-wrap{background-color: #fff;margin-bottom: 0px;padding: 15px 37px;}

.login-right { text-align: left; margin-top: 0px; margin-bottom: 0px;}
.login-right .form-title lable { font-size: 24px;}
.login-right  p{ width: 80%;  margin-left: 0px;font-size: 13px;}
#login-wrap #login-right p{font-size: 13px;}
 
.sperator {  text-align: center;  margin: 0px -37px;  margin-bottom: 25px;}
 
.footer-wrap center{text-align: left;}

}
@media (max-width: 350px){
.sperator {  text-align: center;  margin: 0px -25px;  margin-bottom: 25px;}
#register, #login-wrap #login-left, #login-right, #success, #forget-password{padding: 25px}
#login-wrap #login-right { padding: 0px 25px;}
 
.footer-wrap{ padding: 15px 25px;}
#forget-password .login-right{padding: 0 25px}
 
}