:root {
    --color-primary-blue: #009dca;
    --color-primary-grey: #434f55;
    --color-primary-grey_50: rgba(67, 79, 85, 0.5);
    --color-primary-grey_10: rgb(245, 246, 246);
    --color-primary-turqoise: #379f95;
    --color-primary-blue-2: #129fb8;
    --color-primary-green: #619f31;
    --color-blue-darker: #007697;
}

html,body {
    font-family: "Trebuchet MS", helvetica, arial, sans-serif !important;
}

.login-pf body {
    background: white !important;
}

.card-pf {
    border-color: var(--color-blue-darker) !important;
}

.pf-c-button {
    --pf-c-button--m-primary--BackgroundColor: var(--color-blue-darker) !important;
    --pf-c-button--m-primary--hover--BackgroundColor: var(--color-primary-blue) !important;
    --pf-c-button--m-primary--focus--BackgroundColor: var(--color-primary-blue) !important;
    --pf-c-button--m-primary--active--BackgroundColor: var(--color-primary-blue) !important;
    --pf-c-button--m-primary--Color: white !important;
    --pf-c-button--m-primary--hover--Color: white !important;
    --pf-c-button--m-primary--focus--Color: white !important;
    --pf-c-button--m-primary--active--Color: white !important;
}

.pf-c-button.pf-m-primary {

}

#kc-header {
    color: black !important;
}

#kc-info-wrapper {
    background-color: var(--color-primary-grey_10) !important;
}

/* Locale dropdown, as all dropdowns this is primary colored */
#kc-current-locale-link {
    color: white !important;
    background-color: var(--color-blue-darker) !important;
    padding: 2px 4px !important;
}

a {
    color: var(--color-primary-grey) !important;
    text-decoration: none;
}

/* == FOR E-MAIL == */
.e-mail-code-form__buttons {
    margin-left: auto;
    margin-right: 20px;
}

#kc-form-buttons {
    display: flex;
}