:root {
    --pf-v5-global--primary-color--100: #36634E;
    --pf-v5-global--primary-color--200: #D0E0C8;
    --pf-v5-gloabl--active-color--100: #36634E;
    --pf-v5-global--active-color--200: #D0E0C8;
    --pf-v5-global--primary-color--light-100: #36634E;
    --pf-v5-global--primary-color--dark-100: #D0E0C8;
    --pf-v5-global--link--Color: #36634E;
    --pf-v5-global--link--Color--hover: #D0E0C8;
    --pf-v5-global--BoxShadow--lg: none;
    --pf-v5-global--BorderWidth--sm: 1px;
    --pf-v5-global--BorderColor--300: #dadada;
    --pf-v5-global--BackgroundColor--100: white;
    --pf-v5-global--FontSize--md: 16px;
    --pf-v5-global--spacer--form-element: 14px;
    --pf-v5-global--LineHeight--md: 23px;
}

:where(:root) {
    --pf-v5-global--FontFamily--text: HCo Gotham SSm, Verdana, sans-serif;
    --pf-v5-global--FontFamily--heading: HCo Gotham SSm, Verdana, sans-serif;
}

#keycloak-bg.vcheck-whitelabel {
    --pf-v5-global--primary-color--100: #535353;
    --pf-v5-global--primary-color--200: #A6A6A6;
    --pf-v5-gloabl--active-color--100: #535353;
    --pf-v5-global--active-color--200: #A6A6A6;
    --pf-v5-global--primary-color--light-100: #535353;
    --pf-v5-global--primary-color--dark-100: #A6A6A6;
    --pf-v5-global--link--Color: #535353;
    --pf-v5-global--link--Color--hover: #A6A6A6;
}

#keycloak-bg .pf-v5-c-form {
    --pf-v5-c-form__label--FontSize: 16px;
    --pf-v5-c-form__label--LineHeight: 1.6666;
}

#keycloak-bg .pf-v5-c-form-control {
    --pf-v5-c-form-control--BackgroundColor: white;
    --pf-v5-c-form-control--Height: 45px;
    --pf-v5-c-form-control--inset--base: 20px;
    --pf-v5-c-form-control--OutlineOffset: -1px;
    --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
    --pf-v5-c-form-control--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
}

#keycloak-bg .pf-v5-c-button.pf-m-control {
    --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--BorderColor--300);
}

.pf-v5-c-form__helper-text.pf-m-error {
    --pf-v5-c-form__helper-text--Color: #B41919;
}

.pf-v5-c-alert {
    --pf-v5-c-alert--m-warning--BorderTopColor: white;
    --pf-v5-c-alert--m-warning__title--Color: white;
    --pf-v5-c-alert--m-danger--BorderTopColor: white;
    --pf-v5-c-alert--m-danger__title--Color: white;
    margin-top: 16px;
    margin-bottom: 16px;
}

input[type=text].pf-v5-c-form-control {
    background: white !important;
    height: 45px;
    border: 1px solid var(--pf-v5-global--BorderColor--300);
}

input[type=password].pf-v5-c-form-control {
    background: white !important;
}

input[id=password] + button.pf-v5-c-button.pf-m-control {
    height: 45px;
}

input[id=otp], input[id=totp], input[id=userLabel] {
    &.pf-v5-c-form-control {
        padding-left: 16px;
    }
}

#keycloak-bg .pf-v5-c-button {
    --pf-v5-c-button--m-primary--BackgroundColor: #C45F18;
    --pf-v5-c-button--disabled--BackgroundColor: #D0E0C8;
    --pf-v5-c-button--disabled--Color: white;
    --pf-v5-c-button--m-control--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
    &.pf-m-primary:hover {
        --pf-v5-c-button--m-primary--BackgroundColor: #36634E;
    }
}

#keycloak-bg.vcheck-whitelabel .pf-v5-c-button {
    --pf-v5-c-button--disabled--BackgroundColor: #A6A6A6;
    &.pf-m-primary:hover {
        --pf-v5-c-button--m-primary--BackgroundColor: #535353;
    }
}

.btn-lg {
    padding: 10px 10px;
    font-size: 16px;
    line-height: 23px;
    border-radius: 1px;
    cursor: pointer;
}

.pf-v5-c-alert {
    --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: #004266;
    --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: #B41919;
    --pf-v5-c-alert--m-info__title--Color: white;
}

.pf-v5-c-alert__icon {
    display: none;
}

.pf-v5-c-alert__title {
    font-size: var(--pf-global--FontSize--md)
}

@font-face {
    font-family: 'HCo Gotham SSm';
    src: url('../img/GothamSSm-Book_Web.woff2') format('woff2'),
    url('../img/GothamSSm-Book_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HCo Gotham SSm';
    src: url('../img/GothamSSm-Medium_Web.woff2') format('woff2'),
    url('../img/GothamSSm-Medium_Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HCo Gotham SSm';
    src: url('../img/GothamSSm-Bold_Web.woff2') format('woff2'),
    url('../img/GothamSSm-Bold_Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: HCo Gotham SSm, Verdana, sans-serif;
    color: black;
    font-size: 16px;
}

.login-pf body {
    background: none;
}

.pf-v5-c-login__main {
    --pf-v5-c-login__main--BoxShadow: none;
    --pf-v5-c-login__main--BackgroundColor: white;
    --pf-v5-c-login__main--MarginBottom: 0;
}

.pf-v5-c-login__main-body > #kc-username {
    text-align: center;
    margin-bottom: 32px;
}

h1.pf-v5-c-title {
   margin-right: 20px;
   margin-left: 20px;
}

#kc-header-wrapper {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 100px;
    font-size: 0;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#kc-header-wrapper #back_from_logo img {
    height: 100px;
    max-width: 250px;
}

@media (max-width: 767px) {
    #kc-header {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .pf-v5-c-login__header {
        margin-block-start: 10px;
    }
}

#kc-info {
    margin-right: -10px;
    margin-left: -30px;
}

#kc-info-wrapper {
    background: white;
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
}

#kc-totp-secret-key, #kc-totp-supported-apps, #kc-totp-type, #kc-totp-algorithm, #kc-totp-digits, #kc-totp-period {
    color: #36634E;
    font-size: 14px;
}

#keycloak-bg.vcheck-whitelabel #kc-totp-secret-key, #kc-totp-supported-apps, #kc-totp-type, #kc-totp-algorithm, #kc-totp-digits, #kc-totp-period {
    color: #535353;
}

#kc-registration {
    text-align: left;
}

#kc-totp-settings > li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pf-v5-c-login__main-header {
    border-top: none;
}

a {
    color: #36634E;
}

#keycloak-bg.vcheck-whitelabel a {
    color: #535353;
}

.login-pf a:hover {
    color: #36634E;
}

#keycloak-bg.vcheck-whitelabel .login-pf a:hover {
    color: #535353;
}

.login-pf a:focus {
    color: #36634E;
}

#keycloak-bg.vcheck-whitelabel .login-pf a:focus {
    color: #535353;
}

#keycloak-bg .pf-v5-c-login p {
    color: black;
}

#keycloak-bg .pf-v5-c-login {
    --pf-v5-c-login__main-footer-band--BorderTopWidth: none;
    --pf-v5-c-login__container--xl--MaxWidth: none;
    --pf-v5-c-login__container--xl--GridColumnGap: none;
    --pf-v5-c-login__container--xl--GridTemplateColumns: 36rem auto;
}

#keycloak-bg .pf-v5-c-login__main-header h1 {
    font-size: 42px;
    font-weight: 600;
    color: #36634E;
    text-align: center;
}

#keycloak-bg.vcheck-whitelabel .pf-v5-c-login__main-header h1 {
    color: #535353;
}

#keycloak-bg .login-pf-page-header {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#keycloak-bg .login-pf-signup a {
    margin-left: 0;
}

#keycloak-bg .login-pf-signup {
    color: black;
}

@media (min-width: 768px) {
    #keycloak-bg .pf-v5-c-login__main-header h1 {
        font-size: 42px;
    }
}

@media (min-width: 576px) {
    #keycloak-bg .pf-v5-c-login {
        align-items: start;
    }
}

@media (min-width: 1200px) {
    .pf-v5-c-login__container {
        grid-template-areas:
                "header"
                "main"
                "footer";
    }
}

.alert-warning {
    background-color: #004266;
    border-color: white;
    margin-bottom: 20px;
}

.alert-error {
    background-color: #B41919;
    border-color: white;
    margin-bottom: 20px;
}

.required:not(.kc-feedback-text) {
    color: black;
}

#keycloak-bg .pf-v5-c-form__label-text {
    font-weight: 400;
}

#kc-otp-login-form {
    margin-top: 10px;
}