html, body{
    height: 100%;
}
body{
    background: url("/javax.faces.resource/images/blue-abstract-bg.jpg.xhtml") no-repeat center center fixed;
    /** background: url("/ondanesia/javax.faces.resource/images/blue-abstract-bg.jpg.xhtml") no-repeat center center fixed; **/
    /**background: url("../images/blue-abstract-bg.jpg") no-repeat center center fixed; **/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 80vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}
.card{
    height: 300px;
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0,0,0,0.5) !important;
}
.card-header h3{
    color: white;
}
.input-group-prepend span{
    width: 50px;
    background-color: #FFC312;
    color: black;
    border:0 !important;
}

input:focus{
    outline: 0 0 0 0  !important;
    box-shadow: 0 0 0 0 !important;

}
.login_btn{
    color: black;
    background-color: #FFC312;
    width: 100px;
}

.login_btn:hover{
    color: black;
    background-color: white;
}
.navbar-nav .nav-link{
    color: white !important;
}

.red-background{
    background-color:red;
    color: white;
}

.fit-ondanesia-banner {
    max-width: 100%;
    max-height: 96vh;
    margin: auto;
}

.ui-datatable.blue-datatable-header th{
    color: white !important;
    background-color: #0872af !important;
    line-height: 0.9; 
}
.text-font-black{
    font-weight: 300;
    color: black;
    font-size: 18px !important; 
}
.text-font-white{
    
    font-weight: 300;
    color: white;
    font-size: 18px !important; 
}