body {
    background: #F5F5F5 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

h1 {
    color: #333333 !important;
    font-size: 1.75rem;
    font-weight: 400 !important;
    text-align: center !important;
}

a {
    color: #486DE8 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

input[aria-invalid="true"] {
    border: 2px solid #E62320 !important;
}

input:focus {
    border: 2px solid #238662 !important;
    border-color: #238662 !important;
}

input:focus-visible {
    border: 2px solid #238662 !important;
    border-color: #238662 !important;
}

#kc-header-wrapper {
    font-size: 1.75rem !important;
    margin: 5.5rem 0 !important;
    color: transparent !important;
    text-align: left !important;
}

#kc-header-wrapper::before {
    content: "Esteira Digital" !important;
    color: #333333 !important;
}



#kc-info-wrapper {
    display: none !important;
}

#kc-form-options {
    font-size: 1rem !important;
}

.card-pf {
    background-color: white !important;
    width: 30vw !important;
    min-width: 600px;
    border-top: 4px solid #238662 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.pf-c-form-control {
    border-radius: 4px !important;
    border: 1px solid #ced4da !important;
}

.pf-m-primary {
    background-color: #238662 !important;
    color: white !important;
    padding: 0.75rem 1rem !important;
    font-weight: bold !important;
    margin-top: 1rem !important;
}

.pf-m-secondary {
    background-color: #E9F3EF !important;
    background-image: none !important;
    color: #136C4C !important;
    padding: 0.75rem 1rem !important;
    font-weight: bold !important;
    margin-top: 1rem !important;
    margin-left: 0.5rem !important;
}

.login-pf-page .login-pf-header {
    margin-bottom: 40px !important;
}

.alert-warning {
    margin-bottom: 40px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    --pf-c-alert__title--Color: #333333 !important;
}

.alert-error {
    margin-bottom: 40px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    --pf-c-alert__title--Color: #333333 !important;
}

.pf-c-form__label {
    font-size: 1rem !important;
}

.col-sm-12 {
    padding: 0 !important;
}

.custom-title {
    color: #333333 !important;
    font-size: 1.75rem;
    font-weight: 400 !important;
    text-align: center !important;
    margin-bottom: 1.5rem !important;
}