/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */
.login-pf {
    background: none;
}

.login-pf body {
    background: url(../img/xxl-login-bg-test.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}

div.kc-logo-text {
    background-image: url(../img/xxl-login-page-logo.png);
    background-repeat: no-repeat;
    height: 156px;
    width: 300px;
    margin: 0 auto;
    margin-top: 50px;
}

div.kc-logo-text span {
    display: none;
}

.card-pf {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 500px;
    border-top: 4px solid;
    border-color: #000000;
}


.pf-c-button.pf-m-primary {
    color: #fff;
    background-color: #363636;
}

.pf-c-button.pf-m-primary:hover {
    color: #fff;
    background-color: #99f500;
}