.pf-v5-c-login {
    --pf-v5-global--primary-color--100: #353b50;
    --pf-v5-global--primary-color--200: #2a2f40;
    /*--pf-v5-global--link--Color: #353b50;*/
    /*--pf-v5-global--link--Color--hover: #2a2f40;*/
    /*--pf-v5-global--link--TextDecoration: underline;*/
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--hover--after--BorderBottomColor: #353b50;
    --pf-v5-c-form-control--active--after--BorderBottomColor: #353b50;
    --pf-v5-c-form-control--focus--after--BorderBottomColor: #353b50;
    --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: #353b50;
}

.pf-v5-c-button {
    --pf-v5-c-button--m-control--hover--Color: #353b50;
    --pf-v5-c-button--m-control--active--after--BorderBottomColor: #353b50;
    --pf-v5-c-button--m-control--focus--after--BorderBottomColor: #353b50;
    --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: #353b50;
    --pf-v5-c-button--m-control--hover--after--BorderBottomColor: #353b50;
}

div.pf-v5-c-login__main-header {
    grid-template-columns: 1fr auto;
    border-top: 0;
}

input, button, select, textarea {
    outline: none;
}

.login-pf body {
    background: #353b50;
    background-size: cover;
}

.kc-logo-text {
    display: none;
}

#kc-header-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/giata-logo-white.svg);
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    margin: 0 0 30px 0;
}

.pf-v5-c-login__main {
    border-radius: 10px;
}

.kc-registration {
    margin-top: 10px;
}

#kc-info {
    margin-top: 15px;
}

#kc-update-email-form {
    #kc-form-buttons {
        margin-top: 20px;
    }
}

.terms-text-container {
    padding: 16px 0 0 0;
}

.terms-text-container-actions {
    display: flex;
    gap: 8px;
}

.terms-text-container-actions input {
    margin-top: 2px;
}

.terms-container-errors {
    margin-top: 10px;
    font-size: 14px;
}

.terms-container-errors #input-error-terms-accepted {
    color: var(--pf-v5-global--danger-color--200)
}

.recaptcha-message {
    color: var(--pf-v5-global--danger-color--200);
}