/* COPY THIS TO YOUR THEME AND CHANGE COLORS */

.login-pf body {
  color: grey;
}

.login-pf a {
    color: #EE3124;
}

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

.pf-c-button.pf-m-primary {
	background-color: #EE3124;
    border: 2px solid #EE3124;
    color: var(--pf-c-button--m-primary--Color);

}

.btn-lg {
    background-color: lightgray; 
    border: 2px solid #EE3124;
}

.btn-lg:hover {
    background-color: #C6281D;
}

.login-pf-page p {
    text-align: center;
}
/* END OF CUSTOMIZATION */






/* THIS SHOULD NOT BE CHANGED - AFFECTS ALL THEMES */

.login-pf body {
    background: url("../img/bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.logo_container img {
    display: block;
    margin: auto;
}

#kc-header-wrapper {
    padding: 60px 20px 10px;
}

.pf-c-form-control {
    --pf-c-form-control--Height: 50px !important;
    --pf-c-form-control--BorderRadius: 10px;
    --pf-c-form-control--FontSize: 16px;
    --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--300)
}

.pf-c-form__label {
	--pf-c-form__label--FontSize: 12px;
	--pf-c-form__label-text--FontWeight: 600;
}

.btn-lg {
    background-image: none;
    height: 45px;
    border-radius: 10px;
}

.card-pf {
    background: none;
    padding-bottom: 0px !important;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0 0 0;
    border-top: 0px transparent;
}

.login-message {
    font-size: 16px;
    text-align: center;
}
.instruction {
    text-align: center;
}

.support-container {
    margin-top: 5px;
    text-align: center;
}

.support-forgot-password {
    font-weight: 600;
}

.support-phone-number {
    font-size: 14px;
}

.legal-container p {
    position: relative;
    margin: 75px 0;
    text-align: center;
    width: 100%;
    padding: 0 20px;
}

.privacy-container {
    margin-top: 5px;
    text-align: center;
}

.privacy-phone-number {
    font-size: 14px;
}