:root {
    --black: #000;
    --white: #fff;
    --primary-color: #00a897;
    --primary-color-hover: #00a897;
    --pf-global--primary-color--100: var(--primary-color);
    --pf-global--primary-color--200: var(--primary-color-hover);
    --pf-v5-global--link--Color: var(--primary-color);
    --pf-v5-global--link--Color--hover: var(--primary-color-hover);
}

.login-pf body {
    background: var(--white);
    background-size: cover;
}

#kc-header > #kc-header-wrapper {
    display: none;
}

.login-pf-page { margin: 0 15px; }
.login-pf-page { padding-bottom: 40px; }

div.login-pf-page-header {
    background: url(../img/logoMops.png) no-repeat center;
    background-size: contain;
    height: 80px;
    width: 320px;
    margin: 0 auto;
}

footer {
    background: url(../img/logoAescologic.png) no-repeat center;
    background-size: contain;
    height: 80px;
    width: 320px;
    margin: 20px auto 0;
}

#kc-info {
    display: none;
}