html{ height: 100%;}
.login{background:url("../../img/login-bg-1600.jpg") #fff no-repeat;height: 100%;margin:0;background-position: 20% 85%;}
@media (min-width:200px) {
.login{background-image:url("../../img/login-bg-2400.jpg") ;}
}

.login .logo{width:100%;text-align:center;background-color: #101c29;padding: 15px 0;}
.login .logo-bright{padding:40px 0 30px;}
.login .content h3{color:#000;}
.login .content h4{color:#555;}
.login .content p{color:#222;}
.login .content .login-form, .login .content .forget-form{padding:0px;margin:0px;}
.login .content .input-icon{border-left:2px solid #35aa47 !important;}
.login .content .control-group{margin-bottom:20px !important;}
.login .content .input-icon .m-wrap{margin:0px !important;}
.login .content .forget-form{display:none;}
.login .content .register-form{display:none;}
.login .content .form-title{font-weight:300;margin-bottom:25px;}
.login .content .form-actions{background-color:#fff;clear:both;border:0px;border-bottom:1px solid #eee;padding:0px 30px 25px 30px;margin-left:-30px;margin-right:-30px;}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px;}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0px;}
.login .content .form-actions .checkbox{margin-top:8px;display:inline-block;}
.login .content .form-actions .btn{margin-top:1px;}
.login .content .forget-password{margin-top:25px;}
.login .content .create-account{border-top:1px dotted #eee;padding-top:10px;margin-top:15px;}
.login .content .create-account a{display:inline-block;margin-top:5px;}
.login .copyright{text-align:center;width:450px;margin:0 auto;padding:10px 10px 0 10px;color:#999;font-size:11px;}
.login .input-group-addon{background-color: #101c29;width: 39px;}
.login .btn{background-color: #101c29;color:white;}
.login .btn i{    font-size: 26px;
    margin-top: 21px;
    vertical-align: middle;
    padding: 0 0 0 5px;}
.login .input-group-addon i{color:white;font-size:18px;}

*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.login .content{background:rgba(255,255,255,0.8);width:400px;height: 100%;margin-left: 5%;margin-bottom:0px;}
h1,h2,h3,h4{font-family:'Open Sans', sans-serif;font-weight:300 !important;}
.login .content h3{color:#101c29;}
.login .content h4{color:#101c29;}
.login .content p,
.login .content label{color:#101c29;}
.login .content .login-form,
.login .content .forget-form{padding:20px;margin:0px;}
.login .content .form-control{background-color:#fff;}
.login .content .forget-form{display:none;}
.login .content .register-form{display:none;}
.login .content .form-title{font-weight:300;margin-bottom:10px;}
.login .content .form-actions{background-color:transparent;clear:both;border:0px;padding:0px 30px 25px 30px;margin-left:-30px;margin-right:-30px;}
.login .content .form-actions .checkbox{margin-left:0;padding-left:0;}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px;}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0px;}
.login .content .form-actions .checkbox{margin-top:8px;display:inline-block;}
.login .content .form-actions .btn{margin-top:1px;}
.login .content .forget-password{margin-top:25px;}
.login .content .forget-password p{margin-bottom:0;}
.login .content .create-account{border-top:1px dotted #eee;padding-top:10px;margin-top:15px;}
.login .content .create-account a{display:inline-block;margin-top:5px;}
.login .content .select2-container i{display:inline-block;position:relative;color:#ccc;z-index:1;top:1px;margin:4px 4px 0px 3px;width:16px;height:16px;font-size:16px;text-align:center;}
.login .content .has-error .select2-container i{color:#b94a48;}
.login .content .select2-container a span{font-size:13px;}
.login .content .select2-container a span img{margin-left:4px;}
.login .copyright{text-align:center;padding:10px;color:#fff;font-size:12px;width:100%;background-color:#101c2a; }
.text-align-center{text-align: center;}
.hide{display: none;}
@media (max-width:480px){.login .logo{margin-top:10px;}
.login .content{width:80%;margin: 0 auto;}
.login .content h3{font-size:22px;}
.login .content .m-wrap{width:180px;}
.login .checkbox{font-size:13px;}
.login .logo-bright{padding: 20px 0 15px}
.login .logo-bright img{width:150px;height:auto;}
.login .logo img{  width:150px;height:auto;}
}