:root {
    --pf-global--primary-color--100: #CC21D9;
    --pf-global--primary-color--200: rgba(204, 33, 217, 0.7);
    --pf-global--primary-color--300: #f01bff;
    --pf-global--primary-color--400: #9a4e9f;

    --pf-v5-c-helper-text__item-text--Color: #ff6259;



    --pf-c-button--m-primary--padding: 10px;




    --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
    --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--300);
    --pf-c-button--m-primary--disabled--BackgroundColor: var(--pf-global--primary-color--100);

    --pf-c-button--m-primary--border-radius: 50px;
    --pf-c-button--m-primary--padding: var(--pf-c-button--m-primary--padding) --pf-c-button--m-primary--color: white;
    --pf-c-button--m-primary--hover--Color: lightgray;

}


.pf-v5-c-helper-text__item.pf-m-error {

    --pf-v5-c-helper-text__item-text--Color: #ff6259;
    --pf-v5-c-helper-text__item-text--m-error--Color: #ff6060;



    --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-error--Color);
    --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-error--Color);
    --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color);
    --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color);
}


.bg-eof {
    background-color: transparent;
    background-image: linear-gradient(165deg, #CC21D9 0%, #082236 61%) !important;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;



}



.eof-home:hover {
    opacity: 0.7;
}

.pf-c-alert {
    display: flex;
    direction: flex-start;
    border-radius: 5px;
    background-color: #ffffff79;
    padding: 10px;
    ;
    font-size: 13px;
}

.pf-c-alert>span {
    padding-left: 5px;
}

#kc-info-wrapper {
    background: transparent;
    text-align: left;
    padding: 0px;
    font-size: 13px;
}


.card-footer {
    padding: 10px 20px;
    background: rgba(250, 250, 250, 0.2);
    border-radius: 0px 0px 10px 10px;
}


.pf-v5-c-check>label {
    color: white;
    font-size: 13px;
}

div.kc-logo-text {

    background-image: none;
    background-repeat: no-repeat;
    filter: invert(100%);
    margin: 0 auto;
}


div.info-login {
    font-style: italic;
    font-size: 0.85rem !important;
    text-align: justify;
    padding: 20px 0px;
    color: white;
}

.pf-m-form__label,
.pf-m-form__label-text {
    margin-bottom: 8px;
}

input.pf-v5-c-form-control {
    border-radius: 3px;
    /* padding:5px; */
    background-color: white;
}


div.alert-error.pf-c-alert.pf-m-inline.pf-m-danger {
    display: flex;
    padding: 10px;
    justify-content: flex-start;
}


.pf-c-input-group {
    border-color: darkgrey;
    background: transparent;
}


.required {
    color: #909090;
}


button.pf-v5-c-button.pf-m-control {
    border-radius: 0px 3px 3px 0px;

}



a {
    color: lightgray;
    /* font-size:13px; */
    text-decoration: none !important;

}

a:hover {
    color: white !important;
    text-decoration: none !important;
}


.card-header {
    text-align: center;
    filter: invert(100%);
}


#kc-content {
    padding: 0px 20px 20px 20px;
}

.login-pf-header {
    text-align: center;
}



div.pf-v5-c-form__group.login-pf-settings {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 5px 0px;
}



.alert-error {
    background-color: #fff2f863;
    border-radius: 6px;
}

#kc-registration-terms-text {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 5px;
}

#kc-registration {
    margin-bottom: 0;
    font-size: 14px !important;
}

#kc-header {
    padding-top: 15px;
    padding-bottom: 15px;

}



button.pf-m-primary[type="submit"] {
    margin-left: auto;
}



.pf-c-button.pf-m-primary,
button.pf-m-primary {
    background-color: var(--pf-global--primary-color--100);
    color: white;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 50px 50px 50px 50px;
    padding: 10px;
    border-color: transparent;

}

.pf-c-button.pf-m-primary:hover,
button.pf-m-primary:hover {
    background-color: var(--pf-global--primary-color--200);
    color: lightgray;
}

.pf-c-button.pf-m-primary:active,
button.pf-m-primary:active {
    background-color: var(--pf-global--primary-color--300);
    color: white;
}

.pf-c-button.pf-m-primary:disabled,
button.pf-m-primary:disabled {
    background-color: var(--pf-global--primary-color--100);
    color: lightgray;
    cursor: not-allowed;
}

div.pf-v5-c-form__group {
    display: grid;
    padding: 5px 0px
}


.card-pf {
    margin: 0 auto;
    max-width: 500px;
    animation: fadeInCard 0.7s cubic-bezier(.77, 0, .18, 1) both;
    background: trasparent;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    padding: 0px;
    color: white;
    border: 0px;

}

/*phone*/
@media (max-width: 767px) {
    .login-pf-page .card-pf {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        border-top: 0;
        box-shadow: 0 0;
    }

    .kc-social-grid {
        grid-column-end: 12;
        --pf-l-grid__item--GridColumnEnd: span 12;
    }

    .kc-social-grid .kc-social-icon-text {
        left: -15px;
    }
}


.subtitle {
    margin: 0px;
}


#input-error-terms-accepted {
    cursor: default;
}