@charset "utf-8";

#kc-locale {
    position: absolute;
    top: 8px;
    right: 20px;
    text-align: left;
    z-index: 5;
}
#kc-header-wrapper {
    padding: 0 16px 24px;
}

.login-pf-page {
    position: relative;
}
.login-pf-page {
    max-width: 760px;
    margin: 0 auto;
    padding-top: 40px;
}

.login-pf-page .card-pf {
    max-width: 760px;
    padding: 0 0 32px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.login-pf-page .card-pf p.form-help-text.error {
    color: var(--color-red)
}

@media screen and (max-width: 767px) {
    #kc-locale {
        top: 8px;
        right: 16px;
    }
    .login-pf-page .card-pf {
        padding: 8px 16px 30px 16px;
    }
}