/*** Login page ***/
/* logo page */
/*background-color: #444 !important;*/
.login { background-image:url(../../images/login_bg.jpg) }
.login .logo { margin: 0 auto; margin-top: 50px; padding: 15px; text-align: center; }
.login .content { background-color: #fff; width: 400px; margin: 0 auto; margin-bottom: 0px; padding: 30px; padding-top: 10px; padding-bottom: 15px; }
.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 .input-icon .form-control { border-left: 0; }
/*.login .content .forget-form { display: none; }*/
.login .content .register-form { display: none; }
.login .content .form-title { font-weight: 300; margin-bottom: 15px; margin-top: 15px; }
.login .content .form-actions { background-color: #fff; clear: both; border: 0px; border-bottom: 1px solid #eee; padding: 0px 30px 15px 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: 15px; }
/* footer copyright */
    .login .copyright { color: white; text-align: center; margin: 0 auto; padding: 10px;  font-size: 11px; }
.login .copyright a { color: white; }
.captcha-group { height: 47px; border: 1px solid #EEE; border-left: 2px solid #35aa47 !important; }
.captcha-group > div { float: left !important; }

@media (max-width: 480px) {
    .login .logo { margin-top: 10px; }
    .login .content { width: 280px; }
    .login .content h3 { font-size: 22px; }
    .login .checkbox { font-size: 13px; }
}

td { text-align: center; vertical-align: middle; }
.captcha-grid { position: absolute; width: 181px; z-index: 2; top: 26px; margin-left: 119px; }
.captcha-grid input[type=radio] { display: none; }
.captcha-grid input[type=radio] + label { cursor: pointer; display: block; height: 100%; line-height: 25px; color: #999; margin: 0px; }
.captcha-grid input[type=radio] + label:before { display: block; font-family: FontAwesome; font-size: 20px; }
.captcha-grid input[type=radio] + label:before { content: "\f00c"; color: #FFF; background: #FFF; }
.captcha-grid input[type=radio] + label:hover:before { background: #F5F5F5; }
.captcha-grid input[type=radio]:checked + label:before, .captcha-grid input[type=radio]:checked + label:hover:before { content: "\f00c"; color: #888; }
.captcha-error-msg { padding: 1px 4px; }
@keyframes fadeOut { 0% { opacity: 1; visibility: visible; } 90% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden;  }}.fadeOut {animation: fadeOut 8s ease-in;opacity: 0;}