body {
    background-image: url('images/bg/bg.jpg');
    background-size: cover;
}

.roquette-login-overlay {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(rgba(150,150,150,0.6), rgba(100,100,100,0.6));*/
    background-color: rgba(107,132,162,0.8);
}

.roquette-login-client-logo {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 20px;
    height: 75px;
}

.roquette-login-idl-logo {
    z-index: 100;
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 75px;
}

.roquette-login-langs {
    /*z-index: 100;*/
    /*position: absolute;*/
    /*top: 10px;
    right: 20px;*/
}

.roquette-login-langs ul {
    list-style: none;
    padding: 0px;
    margin: 3px 0px 0px 0px;
}

.roquette-login-langs ul li {
    display: inline;
}

.roquette-login-langs ul li a {
    text-decoration: none;
}

.roquette-login-form {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.5);
    padding: 10px 20px;
    border-radius: 10px;
}

.roquette-login-form img.logo {
    height: 100px;
}