body {
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
    padding: 15px;
    margin: 0 auto;
    /*background:#FFF;*/
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin .row {
	margin-bottom: 10px;
}

.form-signin #alert_row{
	width:100%;
	margin: 0 auto 15px;
}

.login {position: relative;width:100%;}
.login .bg-holder{overflow: hidden;height: 450px;width:100%;position: absolute;top: 0;left: 0;}
.login .bg-holder .bg{position: absolute; top:0;left:0;width:100%;}

.login .title{text-align: center;color:#FFF;position: relative;padding-top:40px;}
.login .title h1{font-size: 50px;margin:0;font-weight: bold;}
.login .title span{font-size:16px;position: relative;padding-bottom: 25px;margin-bottom: 20px;display: inline-block;}
.login .title span:after{content:'';width:80px;height:1px;background:#FFF;position: absolute; left:50%; bottom:0; margin-left:-40px;}
.login .title p{font-size:20px;}


.login .login-grid{position: relative;width:100%;margin:0 auto;max-width:480px;}

.login .login-holder{background:#FFF;padding: 40px;width: 100%;margin: 0 auto;}
.login .login-holder .form-signin-heading{margin:20px 0;font-size:20px;color:#ee4b00;text-transform: uppercase;position: relative;width:100%;font-weight: bold;}
.login .login-holder .form-signin-heading:after{content:url(/images/login-icon.png); position: absolute; right:0;top: 50%;margin-top: -19px;}
.login .login-holder .form-control {background:#f1f1f1;border-radius: 3px;border-color:none;margin-bottom: 10px;}
.login .login-holder .captcha-img-holder img{padding-left:0;}
.login .login-holder .captcha-holder{padding-left:0;}
.login .login-holder .btn-login{
/*background:#484750;border-color:#484750;*/
    background: #13d075;
    border-color: #13d075;
}

.login .login-holder .btn-group{width:100%;}
.login .login-holder .btn-group .btn{width: 100%;padding: 10px;margin-bottom: 10px;background:#f1f1f1;border-radius: 3px;text-align: left;font-size: 16px;}
.login .login-holder .btn-group.open .dropdown-toggle {border-color: #66AFE9;outline: 0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);}
.login .login-holder .btn-group .btn .caret {position: absolute;right: 17px;top: 17px;border-width: 8px;}

.system-info{
	padding-top:10px;
}
.fs-copyright{
    font-size:14px;
    color:#999;
}

@media screen and (max-width: 1600px){
  .login .bg-holder .bg{left:50%;width:1600px;margin-left:-800px;}
} 
@media screen and (max-width: 540px){
    .login .login-holder .captcha-img-holder{width:40%;}
    .login .login-holder .captcha-holder{width:60%;}
}
@media screen and (max-width: 480px) {
    .login .title h1 {
        font-size: 30px;
    }

    .login .login-holder {
        width: 100%;
        padding: 20px 30px 30px;
    }

    .form-signin #alert_row {
        width: 100%;
    }
}
@media screen and (max-width: 380px){
    .login .login-holder .captcha-holder{
        width:50%;
    }
    .login .login-holder .captcha-img-holder{
        width:50%;
        position:relative;
        line-height: 40px;
    }
    .login .login-holder .captcha-img-holder img{
        width:100%;
    }
} 