body{overflow:hidden}main{background-size:cover;align-items:flex-start;justify-content:center}#veolia-logo{width:160vw;height:160vh;position:absolute;top:-40vh;left:-25vh;z-index:2}#signin-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.3);z-index:1;transition:1s}#signin-background + svg path#path1-4{fill:#e30613;stroke-width:4.77854px}#signin-form{width:350px;padding:2em 1em;padding-top:1em;right:5vw;position:absolute;background:var(--white);border-radius:10px;box-shadow:0px 0px 24px 0px var(--black);color:var(--text-dark);z-index:10;animation:show-signin 1s ease-in-out}#signin-form form{width:100%}#password-reset-done{padding:1em}#password-reset-done span{color:var(--text-dark)}#send-new-code-button{background:var(--grey)!important}#signin-form .f-fl{width:100%}#signin-form .f-fl label{color:var(--text-dark);font-weight:bold}#signin-form label[for="remember_me"]{color:var(--text-dark);font-weight:bold;font-size:0.8em;opacity:0.6}#signin-form label[for="remember_me"] + a{color:var(--text-dark);font-weight:bold;font-size:0.8em;text-decoration:underline;opacity:0.6}#signin-form form input{background:var(--white);color:var(--text-dark);border:1px solid rgba(0,0,0,0.2)}#signin-form form input:focus{border:1px solid var(--main)}#signin-form #saml-signin{width:100%;padding:0.5em;display:flex;flex-direction:row;align-items:center;background:#4747f2;border-radius:3em;color:#fff;font-weight:bold;font-size:0.83em}#signin-form #saml-signin img{width:2em}#signin-form #saml-signin span{width:calc(100% - 4em);display:block;text-align:center}#signin-form #remember_me{width:1em;height:1em;padding:0;margin:0;margin-left:10px;border-radius:2em;background:var(--white);vertical-align:middle;border:3px solid var(--grey);appearance:none;outline:none;cursor:pointer;transition:0.2s}#signin-form #remember_me:checked{background:var(--white);border:7px solid var(--grey);transition:0.2s}#signin-form input[type="submit"]{width:100%;padding:1em;margin:0;margin-top:2em;font-weight:bold;color:var(--white);background:var(--red);border-radius:3em;border:none;outline:none;cursor:pointer;transition:0.3s}#signin-form input[type="submit"]:hover{background:var(--red-light)}#oauth>h4{margin:0.8em 0;font-weight:normal;font-size:0.8em}#oauth-google{width:100%;background:#1a73e8;border-radius:3em}#signin-form .helptext{display:none}#signin-form .form-errors{padding:0;margin:0;margin-bottom:2em;font-size:0.8em;color:var(--text-dark)}#signin-form .form-errors i{margin-right:10px}#messages{width:auto;margin-top:50px}#messages>div{width:400px;margin:10px 0;overflow-x:hidden;font-weight:bold;color:var(--black);line-height:1.5em;background:var(--white);box-shadow:0px 0px 24px 0px var(--black);border-radius:100px;z-index:1;animation:show-message 1.2s ease-in-out}#messages>div>i.fa-exclamation-circle{width:15%;font-size:2em;color:var(--red);text-align:center}#messages>div>i.fa-info-circle{width:15%;font-size:2em;color:var(--second);text-align:center}#messages>div>i.fa-check-circle{width:15%;font-size:2em;color:var(--green);text-align:center}#messages>div>p{width:70%;padding:0 20px;text-align:center}#messages>div>button{width:15%;height:100%;right:-150px;position:absolute;background:var(--grey-lighter);transition:0.3s}#messages>div:hover>button{right:0}#messages>div>button>i{font-size:2em;color:var(--grey-light)}@keyframes show-signin{0%{transform:scale(0)}50%{transform:scale(0)}100%{transform:scale(1)}}@keyframes show-message{0%{transform:scaleX(0)}80%{transform:scaleX(0)}100%{transform:scaleX(1)}}@media only screen and (max-width:600px){#signin-title{left:auto;text-align:center;animation:none}#signin-form{width:350px;left:0;right:0;margin:0 auto}.message{width:350px}}@media only screen and (max-width:480px){#signin-form{width:250px}.message{width:250px}}