@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');

html, body { height: 100% !important; }

body.login-template { background: #6e17e5 url('/assets/images/bg-login.jpg') no-repeat; background-size: cover; font-family: 'Montserrat', sans-serif; }
p, a, label { font-family: 'roboto', sans-serif; }

h1 { line-height: 91px; margin-bottom: 40px; background: url('/assets/images/picto.png') no-repeat center center; border: none; color: #4c5261; text-align: center; }

.login-template > .clearfix { height: 100%; }
.header{ text-align: center; }
.header img { width: 460px; max-with: 50%; }

.bloc-login { min-height: 100%; padding: 120px 4%; background: #edf0f8; color: #fff; }
.logo-client { text-align: center; }
.lost-password, .lost-password:hover, .lost-password:focus, .lost-password:active { display: block; margin: 30px 0 0px; text-align: center; text-decoration: underline; }

.login-form { margin: 55px auto 0; padding: 65px 45px 80px; max-width: 390px; background: #fff; }
.bloc-logo { position: relative; height: 100%; padding-top: 130px; padding-bottom: 160px; }
.footer { position: absolute; bottom: 60px; left: -webkit-calc(50% - 50px); left: calc(50% - 50px); max-width: 100px; }