.login {}
.login .logo {background-color:#043a64;height:50px;padding-top:5px;padding-left:20px;}
.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: 460px; margin: 56px auto 0; padding: 20px 30px 30px; overflow: hidden; position: relative;-webkit-box-shadow: 3px 3px 3px #c0c1c4;-moz-box-shadow: 3px 3px 3px #c0c1c4;-ms-box-shadow: 3px 3px 3px #c0c1c4;-o-box-shadow: 3px 3px 3px #c0c1c4;
box-shadow: 3px 3px 3px #c0c1c4;}
.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 {height: 43px; color: #8290a3; border: 1px solid #626262;}
.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 }
}