.btn-yellow{background:transparent linear-gradient(270deg,#d9bc1d,#d58529) 0 0 no-repeat padding-box;color:#fff}.btn-facebook,.btn-yellow{font-size:14px;padding:17px;border:1px solid #fff;border-radius:12px;text-align:center}.btn-facebook{background:#39579b 0 0 no-repeat padding-box}.btn-google{background:#4285f4 0 0 no-repeat padding-box}.btn-google,.btn-transparent{font-size:14px;padding:17px;border:1px solid #fff;border-radius:12px;text-align:center;margin-top:15px}.btn-transparent{background:transparent 0 0 no-repeat padding-box}a{color:#fff;text-decoration:none}.container{min-height:100vh;display:flex;flex-direction:column-reverse;place-content:flex-end;background:transparent url(https://app.solusse.com/build/images/login.0982887d.jpg) 0 no-repeat;background-size:cover}@media screen and (min-width:750px){.container{flex-direction:row}}.container.student{background:transparent url(https://app.solusse.com/build/images/login-offre2.fda1a7c3.jpg) 0 no-repeat;background-size:cover}section:first-child{display:flex;flex:auto;justify-content:center;flex-direction:column;align-items:center;width:100%;color:#fff}section:first-child h2{font-weight:700;font-size:30px;letter-spacing:0;color:#fff;margin:0}section:first-child .btn-yellow{min-width:150px}section:nth-child(2){display:flex;justify-content:center;width:100%;height:100%;min-height:100vh;box-sizing:border-box;padding:50px 25px;background:transparent linear-gradient(213deg,#4a00e0,#8e2de2) 0 0 no-repeat padding-box;color:#fff}@media screen and (min-width:750px){section:nth-child(2){height:auto;border-radius:32px 0 0 32px;width:calc(100% - 50px)}}section:nth-child(2) .loginlogo{max-width:70%}section:nth-child(2)>div{display:flex;flex-direction:column;justify-content:center;max-width:350px;padding:0 20px}section:nth-child(2)>div img{align-self:start}section:nth-child(2)>div h1{font-size:22px;margin-bottom:0}section:nth-child(2)>div h2{font-weight:400;font-size:14px;margin-bottom:30px}section:nth-child(2)>div label{display:block;font-size:12px;margin-bottom:15px}section:nth-child(2)>div input,section:nth-child(2)>div select{color:#fff;background:#874ce6 0 0 no-repeat padding-box;border:2px solid #874ce6;border-radius:4px;height:40px;width:96%;margin-bottom:15px;padding:0 0 0 3%}section:nth-child(2)>div select{width:100%;height:44px}section:nth-child(2)>div a{font-size:14px;display:block}section:nth-child(2)>div a:hover{text-decoration:underline}section:nth-child(2)>div button{margin-top:25px;width:100%;cursor:pointer}section:nth-child(2)>div p{text-align:left;font-size:1rem}section:nth-child(2)>div p a{font-size:1rem;display:inline;text-decoration:underline}section:nth-child(2)>div form .alert,section:nth-child(2)>div form ul{background:hsla(0,0%,100%,.9);border-radius:10px;padding:10px;list-style:none;color:#8b0000}section:nth-child(2)>div form .alert{margin-bottom:20px}section:nth-child(2)>div #role_selection_role input[type=radio],section:nth-child(2)>div form[name=role_selection] button[type=submit]{display:none}section:nth-child(2)>div #role_selection_role label{font-size:24px;padding:17px 0;background:transparent 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:12px;text-align:center;margin-top:15px;width:100%;cursor:pointer}section:nth-child(2)>div #role_selection_role label.clicked,section:nth-child(2)>div #role_selection_role label:hover{background:hsla(0,0%,100%,.3) 0 0 no-repeat padding-box}section:nth-child(2)>div form[name=teacher_proof] button[type=submit]{display:none}section:nth-child(2)>div form[name=teacher_proof] .prooffile span{width:90%;display:block;margin:20px 0;cursor:pointer}section:nth-child(2)>div form[name=teacher_proof] .prooffile span:hover{background:hsla(0,0%,100%,.3) 0 0 no-repeat padding-box}section:nth-child(2)>div form[name=teacher_proof] .prooffile .vich-file{display:none}section:nth-child(2) .field-icon{float:right;margin-left:-25px;margin-top:-52px;position:relative;z-index:2;cursor:pointer;padding:7px}.messageflash{position:fixed;z-index:10000000;width:100%;left:0;top:0;background:#7939e6;color:#fff;width:100vw;padding:5px 0;text-align:center;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700}