#login,body,header,html,main{height:100%}img{max-width:100%}#login{background:url(/build/images/roc-eclerc.89d03cd1.jpg) no-repeat 50% fixed;display:flex;justify-content:center}#login .feature-panel,#login .main-panel{align-self:center}#login .feature-panel{background:url(/build/images/roc-eclerc.89d03cd1.jpg) no-repeat 50% scroll;background-size:cover;height:100%;position:relative}#login .feature-panel .mask{background-color:hsla(0,0%,100%,.1);height:100%;left:0;position:absolute;top:0;width:100%}#login .main-panel{background:hsla(0,0%,100%,.9);max-height:100%;overflow-y:auto}#login .main-panel .connection-btn{background:linear-gradient(60deg,#ff77a3,#d81b60);border:none;box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4);color:#fff;margin-left:15px;text-transform:uppercase;transition:.5s}#login .main-panel .connection-btn:hover{background:linear-gradient(60deg,#ff5e92,#ab154c);box-shadow:0 4px 30px 0 rgba(0,0,0,.14),0 7px 30px -5px rgba(233,30,99,.4)}#login .main-panel .forgotten-pwd-btn{background:linear-gradient(60deg,#66bb6a,#2c8c60);box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4);color:#fff;text-transform:uppercase;transition:.5s}#login .main-panel .forgotten-pwd-btn:hover{background:linear-gradient(60deg,#54b359,#206545);box-shadow:0 4px 30px 0 rgba(0,0,0,.14),0 7px 30px -5px rgba(76,175,80,.4)}#login .forms-container{overflow:hidden}#login .forms-container form.connection,#login .forms-container form.forgotten-pwd{max-height:900px;opacity:1;padding:5px 0;transition:.3s .3s}#login .forms-container form.connection.disabled,#login .forms-container form.forgotten-pwd.disabled{max-height:0;opacity:0;overflow:hidden}.form-switch{cursor:pointer}.input-group-text{background:#fff}.input-group>.form-control:not(:first-child){border-left-style:dashed}.input-group>.input-group-prepend>.input-group-text{border-right:none}.form-control{transition:.5s}.form-control:focus{border-color:#bbb;border-style:dashed;box-shadow:inset 600px 0 0 0 #fafafa,inset 600px 0 0 0 #ddd}.input-group.is-invalid>.input-group-prepend>.input-group-text{border-color:#d02626;color:#d02626}.input-group.is-invalid .form-control{border-color:#d02626}.input-group.is-invalid .invalid-feedback,.input-group.is-invalid .invalid-tooltip{display:block}.input-group.is-valid>.input-group-prepend>.input-group-text{color:#2c8c60}.input-group.is-valid .valid-feedback,.input-group.is-valid .valid-tooltip{display:block}@media (min-width:768px){#login{background:none}}