.login{background-color:#364150}.login .logo{margin:60px auto 0;padding:15px;text-align:center}.login .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin:40px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative}.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}.login .content h4{color:#555}.login .content .hint{color:#999;padding:0;margin:15px 0 7px}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#8290a3}.login .content .form-control::-webkit-input-placeholder{color:#8290a3}.login .content select.form-control{padding-left:9px;padding-right:9px}.login .content .forget-form,.login .content .register-form{display:none}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}.login .content .form-actions>.btn{margin-top:-2px}.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}.login-options .social-icons{float:right;padding-top:3px}.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}.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:0}.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}.login .content .forget-password{font-size:14px;float:right;display:inline-block;margin-top:10px}.login .content .check{color:#8290a3}.login .content .rememberme{margin-left:8px}.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account>p{margin:0}.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account a{display:inline-block;margin-top:5px}.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}@media (max-width:440px){.login .content,.login .logo{margin-top:10px}.login .content{width:280px}.login .content h3{font-size:22px}.forget-password{display:inline-block;margin-top:20px}.login-options .social-icons{float:left;padding-top:3px}.login .checkbox{font-size:13px}}

body.login.login-back-bg .logo{display:none;}
body.login.login-back-bg{background:no-repeat!important; background-size:cover;}
body.login.login-back-bg:before{content:""; display:block; position:fixed; top:0; bottom:0; left:0; width:100%; height:100%;  z-index:0; background: -moz-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(8,80,120,1)), color-stop(100%, rgba(133,216,206,1)));
    background: -webkit-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* ie10+ */
    background: linear-gradient(305deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085078', endColorstr='#85d8ce',GradientType=1 ); /* ie6-9 */ ;}
body.login .content{z-index:1; position:absolute; top:50%; left:0; right:0; margin:-210px auto 0; max-width:400px; width:100%; padding:40px 30px 60px; background:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px!important;}
body.login.login-back-bg .login-form .form-group:last-child{margin-bottom:0;}
body.login.login-back-bg .main-logo{margin-bottom:35px;}
.form-group #btnLogin.btn{padding:11px 40px; font-size:15px;  border:0px solid #2ca3f9; width:100%;  -moz-border-radius:3px!important; -webkit-border-radius:3px!important; border-radius:3px!important; background: -moz-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(8,80,120,1)), color-stop(100%, rgba(133,216,206,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(145deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* ie10+ */
    background: linear-gradient(305deg, rgba(133,216,206,1) 0%, rgba(8,80,120,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085078', endColorstr='#85d8ce',GradientType=1 ); /* ie6-9 */ ;}
.form-group #btnLogin.btn:hover{background:rgba(8,80,120,1);}
body.login .content .form-group{margin-bottom:25px; position:relative;}
body.login .content .form-group label{position:absolute; font-size:22px;}
body.login .content .form-control{background:#FFF; border:1px solid #FFF; border-bottom:2px solid #dedede; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; border-radius:0px!important; padding:6px 2px;}
.login .content .form-control:active, .login .content .form-control:focus{border:1px solid #FFF; border-bottom:2px solid #CCC;}
body.login .content .form-group .bottom-line{content:""; display:block; width:0%; height:2px; background:#67b7b9; margin:-2px 0 0 0; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; position:absolute; top:43px;}
body.login .content .form-group .form-control:focus ~ .bottom-line{width:100%;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition:background-color 5000s ease-in-out 0s;
}

@media screen and (min-width:100px) and (max-width:767px) {
body.login.login-back-bg .content{width:90%;}
body.login.login-back-bg .main-logo img{max-width:100%;}
}