/*
@font-face {
	font-family: 'My Font';
	src: url('my_font.eot');	
	src: url('my_font.eot?#iefix') format('embedded-opentype'),
		 url('my_font.woff2') format('woff2'),
		 url('my_font.woff') format('woff'),
		 url('my_font.ttf') format('truetype'),
		 url('my_font.svg#svgFontName') format('svg');
}
*/

body {
    font-family: 'Arial', Times, serif, sans-serif;
}

.login-pf body {
    background: #fff;
}

.logo{
    width: 15%;
    height: auto;
    float: left;
}

.card-pf{
    border-color: rgba(193, 5, 37, 1);
}

.pf-c-form-control:hover{
    border-bottom-color: rgba(177, 178, 179,1);
}


/*
*==========================================================================
*LoginButton
*==========================================================================
*/
.pf-c-button.pf-m-primary{
    color: black;
    border-color: grey;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
}
.pf-c-button.pf-m-primary:hover {
    background-color: rgba(177, 178, 179,1);
    color:#fff;
}
/*
*==========================================================================
*/
.footer_class{

    font-size: 1.2em;

    text-align: center;

}
ul {

    flex-direction: row;

    display: inline-flex;

    padding-left: 1%;

    padding-right: 1%;

}
ul li {

    margin-right: 1%;

    white-space: nowrap;

}

/*
*==========================================================================
*WelcomeMessage
*==========================================================================
*/
#kc-header {
    color: black;   
}

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


/*
*==========================================================================
*/