.login-pf body {
    color: #191919;
    background-color: #fff;
    background-image: none !important;
}

input#kc-login {
    background-color: #91ac3e;
}

input#kc-login:hover, input#kc-login:active, input.pf-c-button.pf-m-primary.pf-m-block.btn-lg:hover {
    background-color: #91ac3e;
}

input.pf-c-button.pf-m-primary.pf-m-block.btn-lg,
a.pf-c-button.pf-m-primary.pf-m-block.btn-lg{
    background-color: #91ac3e;
    font-size: 15px;
    color: #fff;
    border-radius: 30px;
    padding: 10px 0;
}


div.card-pf {
    font-size: .875rem;
    border: 0;
    background-color: rgba(0, 0, 0, 0.03) !important;
    box-shadow: none !important;
    max-width: 500px;
    align-self: center;
    position: relative;
    overflow: hidden;
}

div.card-pf::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: url("../img/ppz-background.png") no-repeat top right;
    background-size: 150px;

    opacity: 0.25;

    z-index: -1;
}

div#kc-info-wrapper {
    font-size: .875rem;
    color: #191919;
    background-color: inherit;
}

span {
    color: #191919;
}

span.pf-c-form__helper-text.pf-m-error.required.kc-feedback-text {
    color: #191919;
}

a, a:visited, a:link {
    color: #91ac3e !important;
    text-decoration: underline;
    text-decoration-color: #91ac3e !important;
}

a:active, a:focus, a:hover {
    color: #91ac3e !important;
    text-decoration: underline;
    text-decoration-color: #91ac3e !important;
}

label {
    color: rgb(0, 0, 0);
    cursor: pointer;
}

input.pf-c-form-control, select.pf-c-form-control {
    border-width: 0 0 1px 0;
    border-radius: 2px;
    border-color: rgb(217, 217, 217);
    color: #191919;
    outline: none;
    background: #fbfbfb no-repeat;
}

input.pf-c-form-control:focus, input.pf-c-form-control:hover, select.pf-c-form-control:focus, select.pf-c-form-control:hover {
    border-width: 0 0 1px 0;
    border-radius: 2px;
    border-bottom-color: #91ac3e;
    outline: none;
}

input.pf-c-form-control:focus[aria-invalid="true"] {
    border-width: 0 0 1px 0;
    border-radius: 2px;
    border-bottom-color: #91ac3e;
    outline: none;
}

input.pf-c-form-control[aria-invalid="true"], input.pf-c-form-control:hover[aria-invalid="true"] {
    border-width: 0 0 1px 0;
    border-radius: 2px;
    outline: none;
}

p.instruction {
    color: rgb(0, 0, 0) !important;
}

#tooltip {
    height: 24px !important;
    width: 24px !important;
    margin: 5px;
    border-radius: 50%;
    filter: invert(100%);
}

#tooltip-text {
    color: black;
    background: #fff;
    border: 0 solid transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 16px;
    width: 400px;
    left: 150px;
    position: relative;
    text-transform: none;
    top: -40px;
    word-wrap: break-word;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    #tooltip-text {
        width: 255px;
        left: 0;
        top: 0;
    }
}