br.clear { clear: both; }
html { height: 100%; }
body.login { background: url('../image/background-inlog-tile.png'); font-family: Montserrat,Helvetica,sans-serif !important; color: #546278; }
body.login #wrapper { width: 786px; margin: 20px auto; text-align: center; }
body.login #company-logo { max-width: 100%; margin: 20px 0; }
body.login #page-slogan { font-size: 28px; color: #ffffff; margin-bottom: 20px; }
body.login #picture-block { background: url('../image/login-woman.jpg') no-repeat; width: 393px; height: 464px; float: left; text-align: left; }
body.login #login-block { background: #ffffff; width: 393px; height: 464px; float: left; padding: 30px; text-align: left; }
body.login #login-block .page-title { color: #016AAB; font-size: 24px; text-align: center; margin: 40px 0; }
body.login #login-block .form-control { height: 36px; background: rgba(255, 255, 255, 0.8); font-size: 16px; }
body.login #login-block .form-control-feedback { display: none; }
body.login #login-block .has-error .form-control-feedback { display: block; }
body.login #login-block label { font-weight: normal; font-size: 16px; }
body.login #login-block .text-line { background-color: transparent; color: #546278; outline: none; outline-style: none; border-top: none; border-left: none; border-right: none; border-bottom: solid #546278 1px; padding: 3px 0 1px; width: 100%; }
body.login #login-block input { color: #546278; }
body.login #login-block  input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
body.login #login-block p.login-submit { text-align: center; }
body.login #login-block button#wp-submit { background: #39A448; color: #FFFFFF; font-size: 16px; padding: 8px 50px; border: 0; }
body.login #login-block button#wp-submit:hover { background: #3cbf4c; }
body.login #login-footer { position: fixed; lefT: 0; bottom: 0; color: #546278; background: #ECECEC; width: 100%; padding: 6px 0; text-align: center; font-size: 14px; }
body.login #login-footer .entermobile { display: none; }
body.login #login-footer .glyphicon { margin: -2px 3px 0 30px; color: #000000; background: url(../image/footer-circle.png) no-repeat; width: 23px; height: 23px; padding-top: 4px; font-size: 13px; }

@media (max-width: 1135px) {
    body.login #login-footer .entermobile:first-child { display: block; }
}

@media (max-width: 786px) {
    body.login #wrapper { width: 100%; }
    body.login #picture-block, body.login #login-block { margin: 0 auto; float: none; max-width: 93%; }
    body.login #picture-block { height: 220px; }
    body.login #login-block { margin-bottom: 66px; height: auto; }
    body.login #login-block .page-title { margin-top: 0; }
}

@media (max-width: 725px) and (min-height: 630px) {
    body.login #login-footer .entermobile {display: block; }
}

@media (max-height: 910px) and (max-width: 786px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-height: 927px) and (max-width: 539px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-height: 775px) {
    body.login #login-block { margin-bottom: 20px; }
    body.login #login-footer { position: relative; }
}

@media (max-width: 472px) {
    body.login .form-control { height: 37px; }
    body.login #login-footer .entermobile {display: block; }
    body.login #login-footer { padding: 0 5px; font-size: 15px; }
    body.login #login-footer .glyphicon { margin-left: 0; }
}