body{overflow:hidden}main{background-size:100% 100%;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:linear-gradient(90deg,rgba(0,0,0,0.1) 10%,rgba(0,0,0,0.8) 90%);z-index:1;transition:1s}#signin-background + svg path#path1-4{fill:#e30613;stroke-width:4.77854px}#signin-form{width:400px;padding:3em 2em;padding-top:1em;right:12vh;position:absolute;background:var(--white);border-top:8px solid var(--main-dark);border-bottom:8px solid var(--main-dark);border-radius:3px 50px 3px 50px;box-shadow:0px 0px 24px 0px var(--black);color:var(--text-dark);z-index:10;animation:show-signin 1s ease-in-out}#signin-form>h4{width:100%;text-align:center;font-size:0.8em}#signin-form form{width:100%}#password-reset-done{padding:1em}#password-reset-done span{color:var(--text-dark)}#signin-form .f-fl{width:100%;margin-bottom:1em}#signin-form .f-fl label{color:var(--text-dark);font-weight:bold}#remember_me{width:3em;height:1.3em;margin:0;margin-left:0.5em;position:relative;background:rgba(0,0,0,0.15);border:3px solid rgba(0,0,0,0);border-radius:3px;appearance:none;cursor:pointer}#remember_me::after{content:'';width:calc(1.3em - 6px);height:calc(1.3em - 6px);top:0;left:0;position:absolute;border-radius:3px;background:rgba(0,0,0,0.4);transition:0.3s}#remember_me:checked::after{left:auto;right:0;background:var(--red);transition:0.3s}#signin-form label[for="remember_me"]{color:var(--text-dark);font-weight:bold;font-size:0.8em;display:flex}#signin-form label[for="remember_me"] + a{color:var(--text-dark);font-weight:bold;font-size:0.8em;text-decoration:underline}#signin-form form input:not([type="checkbox"]){background:var(--white);color:var(--text-dark);border:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.8)}#signin-form form input:not([type="checkbox"]):focus{border:1px solid var(--main)}#signin-form #saml-signin{padding:1em;margin-bottom:0.5em;background:rgba(0,0,0,0.8);border-radius:3px;position:relative;color:#fff;font-size:0.8em;font-weight:bold;transition:0.3s}#signin-form #saml-signin:hover{background:rgba(0,0,0,0.7)}#signin-form #saml-signin>i{left:10px;position:absolute}#signin-form #saml-signin>span{font-size:0.9em}#signin-form form>button{width:100%;padding:1em;margin:0;margin-top:1em;position:relative;font-size:0.8em;font-weight:bold;color:var(--white);background:var(--main-dark);border-radius:3px;border:none;outline:none;cursor:pointer;transition:0.3s}#signin-form form>button#send-new-code-button{margin-top:2em;background:rgba(0,0,0,0.8)}#signin-form form>button:hover{background:var(--red-light)}#signin-form form>button>i{left:10px;position:absolute;font-size:1.2em}#signin-form form>button>span{font-size:0.9em}#signin-form #signin-oauth-google{padding:1em;margin-bottom:0.5em;background:rgba(0,0,0,0.8);border:0;border-radius:3px;position:relative;color:#fff;font-size:0.8em;font-weight:bold;cursor:pointer;transition:0.3s}#signin-form #signin-oauth-google:hover{background:rgba(0,0,0,0.7)}#signin-form #signin-oauth-google>i{left:10px;position:absolute;font-size:1.1em}#signin-form #signin-oauth-google>span{font-size:0.9em}#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}}