
.lggradient{
background: linear-gradient(to bottom, rgba(16,63,101,1) 0%, rgba(16,63,101,1) 49%, rgba(110,179,207,1) 100%);
height: 100vh;
width:100%;
height: 100vh;
width: 100%;
background-image: url(bg.jpg);
background-repeat: repeat;
background-size: contain;

}
.loginBackground{
width:100%;
background-image: url(loginbg.png);
background-size: cover;
background-position: center;
height: 100vh;
}
.loginBackground .imageContainer{
text-align: right;
padding-right:100px;
}
.imageContainer img {
margin-top: calc(50vh - 300px);
max-height: 600px;
max-width: 600px;
width: 100%;
}
.LoginContainer {
width: 320px;
height: 360px;
padding: 44px;
margin: 0 auto;
text-align: center;
margin-top: calc(50vh - 164px);
background: white;
border-radius: 10px;
}
.LoginContainer .loginUser{
border:0px;
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
border-radius:0px;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
width: 100%;
}
.LoginContainer .loginPassword{
border:0px;
border-bottom:1px solid #D8D8D8;
border-radius:0px;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
width: 100%;
}
.LoginContainer #vKEEPMELOGGEDIN{
    margin-right:20px;
}
.LoginContainer img{
margin-top: -120px;
}
.loginBackground .floatingMessage{
color:white;
font-size:20pt;
text-align: left;
position: absolute;
left:calc(50% - 200px);
width: 400px;;
top:10%;
font-weight: 300;
}
.buttonLogin{
	background: #2970B0;
    border: 1px solid white;
    border-radius: 5px;
    height: 52px;
    color: white;
    width: 237px;
}