/***
Login page
***/
body{height:auto;background-color: #fff;}
a:link,a:visited {color:#333;}
a:hover {color:#c9302c;}

.login{background: url(../../images/b/bg-login.jpg) no-repeat center center; background-size: cover; padding: 0; min-height: 500px; overflow: hidden;}

/* logo */
.logo {padding: 15px; margin-left:50px; }
.logo img{height:60px;}

/* slogan */
.login .jumbotron{ background: none; color:white;  margin-top:80px;}
.login .jumbotron h1{ font-size: 60px; }
.login .jumbotron h2 { font-size: 40px; font-weight: 400;}

/* form */
.login-content {
  position: relative;
  background: #fff;
  margin:0 auto;  
  margin-top:100px;
  width: 360px;
  padding:20px 30px 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; 
  color:#333;
}

.login-content .login-form, .login-content .forget-form {padding: 0px;margin: 0px; }
.login-content .form-control {background-color: #fff; }
.login-content .form-title {margin-bottom: 25px; }
.login-content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px; 
}
.ct-checkbox > span:after {border-color: #d9534f; }
.forgetpw a:link,.forgetpw a:visited{color:#999;}

/* qrcode */
.app{list-style: none;}
.qrcode-cor{position: absolute; top:5px; right:5px; cursor:pointer;}
.qrcode{display:none; background:white; text-align:center; position:absolute; top:30px; left:25px; width:310px;height:270px; z-index: 1; }
.qrcode img {width:240px;height:240px; }
.qrcode p {font-size: 12px; }
.app li.on .qrcode{ display:block;}

/* footer copyright */
.copyright {  color: #333; font-size: 12px; padding: 0 60px;}
.copyright a:link, .copyright a:visited {color:#333;font-size: 12px;}
.copyright a:hover {color:#c9302c;}
.copyright .nav{margin-top:10px;}

/* responsive */
@media (max-width: 992px) {
  .logo{margin:0; text-align: center;}
  .login-content{margin-top: 0; margin-bottom:50px;}
  .login .jumbotron { text-align: center; }
  .copyright{text-align: center;}
  .copyright .nav{width:260px; margin:0 auto;margin-top:10px;}
  .copyright p.pull-left{float:none !important;text-align:center;}
  .copyright p.pull-right{float:none !important;text-align:center;}
}