body.login{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media (max-width: 1023px){body.login{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}body.login .form-wrapper,body.login .welcome-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:50%;padding:120px 0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@media (max-width: 1023px){body.login .form-wrapper,body.login .welcome-wrapper{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}body.login .form-wrapper{background-color:#d9d9d9;background-image:url("img/plante.png");background-repeat:no-repeat;background-position:right;background-size:contain}body.login .welcome-wrapper{background-color:#293241}body.login #login{padding-top:0}body.login #loginform{border-radius:16px}body.login .absolute-bottom{position:absolute;bottom:20px;left:50%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.login .bee{z-index:2;position:absolute;top:25%;left:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 1023px){body.login .bee{top:0;left:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}body.login .welcome-block{position:relative;width:60%;max-width:500px;padding:50px;line-height:1.5;border-radius:0 16px 16px;background-color:#f8f9f9}body.login .welcome-block::before{content:"";display:block;position:absolute;top:0;left:0;width:30px;height:30px;background-image:url("img/dimple-grey.png");-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 1023px){body.login .welcome-block::before{-webkit-transform:translateY(-50%) rotate(450deg) scaleY(-1);transform:translateY(-50%) rotate(450deg) scaleY(-1)}}body.login .welcome-block p{margin:1em 0}body.login .link{color:#fff}body.login .link:hover{opacity:0.7}body.login #user_pass,body.login #user_login{width:100%;height:36px;padding:0.2rem 0.5rem;font-size:16px;border:0;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(128,128,128,0.16);box-shadow:0 2px 8px 0 rgba(128,128,128,0.16)}body.interim-login .welcome-wrapper{display:none}body.interim-login .form-wrapper{padding-top:60px}