.validation-error-label:before, .validation-valid-label:before {
    top: 1px;
    font-size: 14px
}

.validation-error-label, .validation-valid-label {
    margin-top: -5px;
    margin-bottom: 5px;
    padding-left: 18px;
    line-height: 16px;
}

.radio-inline, .checkbox-inline {
    position: relative;
    padding-left: 22px;
    line-height: 18px;
}

.checker, .checker span, .checker input {
    width: 16px;
    height: 16px;
}

#captchaError {
    width: 100%;
    padding: 10px;
}

.alert {
    margin-bottom: 5px;
}

.panel-flat > .panel-heading img {
    margin-left: 5px;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.panel-body.login-form .text-center {
    background: #157ac9;
    margin-bottom: 10px;
}

.form-group.login-options {
    margin-bottom: 10px;
}

.form-group #btn-login {
    background-color: #277bc3;
    border-color: #277bc3;
}

.page-container.login-container {
    padding: 0 0 200px 0;
}

.page-container .panel.panel-flat {
    margin-bottom: 0;
}

.page-container.login-container .footer a {
    color: #222 !important;
}

.login-bg {
    background-image: url("/images/vnpt-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #02518a;
}

.g-recaptcha {
    margin-bottom: 5px;
}

.g-recaptcha iframe {
    width: 282px;
    border-right: 1px solid #d3d3d3;
    border-radius: 4px;
}

.login-container .login-form {
    width: 550px;
    border: 0 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.panel-flat > .panel-heading {
    padding: 0;
    background-color: #0065a1;
}

.btn-primary {
    color: #fff;
    /*background-color: #0065a1;*/
    /*border-color: #0065a1;*/
    background-color: #0c6cb3;
    border-color: #0c6cb3;
}

.absolute-center {
    margin: auto;
    position: absolute;
    top: 4px;
    left: 5px;
    bottom: 0;
    right: 0;
}

.panel.login-form {
    border-radius: 0;
    /*background-color: #02518a;*/
    background-color: #096cb3;
}

.right-panel {
    width: 55%;
    float: left;
    padding: 10px;
    background: #fff;
}

.left-panel {
    position: relative;
    width: 45%;
    float: left;
    padding: 10px;
}

.login-form > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
}

@media only screen and (max-width: 992px) {

    .page-container.login-container {
        padding: 0;
    }

    .login-container .login-form {
        width: 322px;
    }

    .right-panel, .left-panel {
        width: 100%;
        float:none;
    }

    .login-form > .row {
        display: block;
    }

    .company-website, .login-label {
        display: none;
    }

    .system-info {
        margin: 10px 0 5px 0 !important;
    }

    .g-recaptcha {
        text-align: center;
    }

    .g-recaptcha iframe {
        width: auto;
    }

    .g-recaptcha > div {
        width: auto !important;
        height: auto !important;
    }

}

.form-group {
    margin-bottom: 12px;
}

.system-info {
    color: #fff;
    width: 100%;
    margin: 15px 0;
    letter-spacing: 4px;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.company-website {
    position: absolute;
    bottom: 10px;
    left: 0px;
    color: #fff;
    width: 100%;
    margin-top: 25px;
    font-size: 10px;
    letter-spacing: 2px;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.company-website a {
    color: #fff;
}

.system-version {
    color: #fff;
    width: 100%;
    margin: 10px 0;
    font-style: italic;
    letter-spacing: 2px;
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.login-label {
    margin-bottom: 10px;
}

/*.login-sso{
    margin-top: 7px;
}*/

a {
    color: #f9f9f9;
}

.system-info {
    margin: 0;
}

img {
    max-height: 58px;
}

.action-verify {
    display: flex;
    float: right;
}