:root {
    --pf-global--primary-color--100: #003f58 ;
    --pf-global--primary-color--200: #003f58 ; 
    --default-background-color: #003f58;
    --link-hover-color: #02679a;
}
 /*
.login-pf body {
    background-image: url('../img/logo.jpg'), 
    linear-gradient(135deg, var(--default-background-color) 0%, #5295c8  100%);
	background: linear-gradient(#0000, #5295c8);
}
*/
.login-pf a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
}
 
.pf-c-form-control {
    --pf-global--primary-color--100: unset;
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

.login-pf body {
    background: linear-gradient(#0000, #5295c8); 
	background-size: cover;
    background-image: url('../img/background.jpg');
    -webkit-animation: fadein 2s ;
    -moz-animation: fadein 2s ;
    animation: fadein 2s;
}

#kc-header-wrapper {
    font-size: 29px;
	color:black;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2em;
    padding: 62px 10px 20px;
    white-space: normal;
}