/*** Login page ***/
/* logo page */
.login { background-color: #444 !important; }
.login .logo { margin: 0 auto; margin-top: 50px; padding: 15px; text-align: center; }
.login .content { background-color: #fff; width: 360px; 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 { text-align: center; margin: 0 auto; padding: 10px; color: #999; font-size: 11px; }
.login .copyright a { color: #ccc; }
.login .captcha-group { height: 47px; border: 1px solid #EEE; border-left: 2px solid #35aa47 !important; }
.login .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; }
.login .captcha-grid { position: absolute; width: 181px; z-index: 2; top: 26px; margin-left: 119px; }
.login .captcha-grid input[type=radio] { display: none; }
.login .captcha-grid input[type=radio] + label { cursor: pointer; display: block; height: 100%; line-height: 25px; color: #999; margin: 0px; }
.login .captcha-grid input[type=radio] + label:before { display: block; font-family: FontAwesome; font-size: 20px; }
.login .captcha-grid input[type=radio] + label:before { content: "\f00c"; color: #FFF; background: #FFF; }
.login .captcha-grid input[type=radio] + label:hover:before { background: #F5F5F5; }
.login .captcha-grid input[type=radio]:checked + label:before,.login .captcha-grid input[type=radio]:checked + label:hover:before { content: "\f00c"; color: #888; }
.login .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;}

.login2 { background: #2f353b!important}
.user-login-5{min-height:100vh}.user-login-5 .bs-reset{margin:0;padding:0}.user-login-5 .text-right{text-align:right}.user-login-5 .login-bg{background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh}.user-login-5 .login-logo{position:absolute;top:2.5em;left:2.5em}.user-login-5 .login-logo.login-6{top:80px;left:80px}.user-login-5 .login-container{position:relative;min-height:100vh;display: flex;flex-direction: column;align-items: stretch;justify-content: space-evenly;align-content: space-between;}.user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content{padding:0 80px}.user-login-5 .login-container>.login-content>h1{font-size:30px;font-weight:300;color:#d6d6d6}.user-login-5 .login-container>.login-content p{color:#a0a9b4;font-size:15px;line-height:22px}.user-login-5 .login-container>.login-content>.login-form{margin-top:30px;color:#a4aab2;font-size:13px}.user-login-5 .login-container>.login-content>.login-form input{width:100%;padding:10px;border:none #a0a9b4;border-bottom:1px solid;color:#868e97;font-size:14px}.user-login-5 .login-container>.login-content>.login-form input:focus{outline:0}.user-login-5 .login-container>.login-content>.login-form .forgot-password,.user-login-5 .login-container>.login-content>.login-form .login-button{display:inline-block}.user-login-5 .login-container>.login-content>.login-form .rem-password{margin-top:10px}.user-login-5 .login-container>.login-content>.login-form .rem-password>p{margin:0}.user-login-5 .login-container>.login-content>.login-form .rem-password>.rem-checkbox{border-color:#a4aab2}.user-login-5 .login-container>.login-content>.login-form .forgot-password{margin-right:1em}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a{color:#a4aab2}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:hover{color:#337ab7;text-decoration:none}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:focus{color:#a4aab2;text-decoration:none}.user-login-5 .login-container>.login-footer, .user-login-5 .login-container>.login-header{width:100%;padding:10px 0}.user-login-5 .login-container>.login-footer .login-social{padding-right:0}.user-login-5 .login-container>.login-footer .login-social li{display:inline-block;list-style:none;margin-right:1em}.user-login-5 .login-container>.login-footer .login-social a{color:#a9b5be;font-size:18px}.user-login-5 .login-container>.login-footer .login-social a:hover{color:#337ab7;text-decoration:none}.user-login-5 .login-container>.login-footer .login-social a:focus{color:#a9b5be}.user-login-5 .login-container>.login-footer .login-copyright{padding-left:0;margin-top:6px}.user-login-5 .login-container>.login-footer .login-copyright>p{margin:0;font-size:13px;color:#a9b5be}.user-login-5 .alert{margin-top:-60px}.user-login-5 .form-group.has-error{border-bottom:2px solid #ed6b75!important}.user-login-5 .form-group.valid{border-bottom:1px solid #a0a9b4!important}@media (max-width:1365px){.user-login-5 .login-logo.login-6{top:40px;left:40px}.user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content{padding:0 40px}.user-login-5 .login-container .login-social{padding-right:0}.user-login-5 .login-container .login-copyright{padding-left:0}}@media (max-width:1023px){.user-login-5,.user-login-5 .login-bg,.user-login-5 .login-container{min-height:50vh}.user-login-5 .login-logo.login-6{position:relative;margin:0 0 40px}.user-login-5 .login-container>.login-content{margin-top:60px}.user-login-5 .login-container>.login-content .login-form{margin-top:40px}.user-login-5 .login-container .rem-password{margin-bottom:1em}.user-login-5 .login-container>.login-footer{position:relative;}.user-login-5 .login-container>.login-footer .login-social li{margin-right:.5em}.user-login-5 .alert{margin-top:-20px}}@media (max-width:640px){.user-login-5 .login-container>.login-content .text-right{text-align:left}}
.user-login-5 .login-content { flex-grow:2; }
.user-login-5 .login-header { flex-grow:1; }
.user-login-5 .login-footer { flex-grow:0; }
.user-login-5 .login-logo { height:8vh;padding:4px;background:rgba(255,255,255,0.9);border-radius:1vh; }
.login2 a {color: #00fcff}
.font-green {color: #32c5d2!important;}
.login2 .form-control { border-radius:4px !important;}
.btn { border-radius:4px !important}
.btn.blue:not(.btn-outline) { color: #FFF; background-color: #3598dc; border-color: #3598dc; }
.btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open>.btn.blue:not(.btn-outline).dropdown-toggle {color: #FFF;background-color: #217ebd;border-color: #1f78b5;}
.rem-label { font-size:15px !important; cursor:pointer;}
.rem-checkbox { width:20px !important;margin:0 !important;}
.help-block { color: #a4aab2}
.version { color: #EEE !important; }
.login2 .captcha-grid { position: absolute; width: 181px; z-index: 2; top: 26px; margin-left: 119px; }
.login2 .captcha-grid input[type=radio] { display: none; }
.login2 .captcha-grid input[type=radio] + label { cursor: pointer; display: block; height: 100%; line-height: 25px; color: #999; margin: 0px; }
.login2 .captcha-grid input[type=radio] + label:before { display: block; font-family: FontAwesome; font-size: 20px; content: "\f00c"; color: #2f353b; background: #2f353b; }
.login2 .captcha-grid input[type=radio] + label:hover:before { background: #3f4f62; color:#779292; }
.login2 .captcha-grid input[type=radio]:checked + label:before,.login2 .captcha-grid input[type=radio]:checked + label:hover:before { content: "\f00c"; color: #00fcff; }
.login2 .form-group { margin-bottom: 5px; }
.user-login-5 .form-group.has-error + span { color: #ed6b75!important; }
.captcha-error-msg { color:#ed6b75!important;font-size: 13px;}
.forget-form { margin-top: 50px;}
.seal-wrapper { position: absolute; bottom: 0; margin: 0; padding: 1%; background: rgba(255, 255, 255, 0.2); display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; }
.seals { display: flex; flex-direction: row; justify-content: space-around; flex-grow: 1; margin: 0.75% 0; }

#btnLogin.loading:after { font-family: 'FontAwesome'; content: "\f110"; margin-left: 10px; animation: fa-spin 1s infinite steps(8); display: inline-block; }
.eye{-webkit-appearance:none;-moz-appearance:none;appearance: none; outline: none !important;position: absolute;right: 4px;top: -4px;cursor: pointer;border: none !important;}
.eye:after{content: "\f070";display:block;font:normal normal normal 19px/1 FontAwesome;right:0;position:absolute;color: #AAA;outline:none;}
.eye:checked:after{content: "\f06e";}
#policyContent a { color:blue;font-weight:600}