.flex-full{flex:1}body,html{height:100%}body{background-color:#fff;color:#2f3337;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;font-weight:400;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,#login{height:100%}#login{display:flex;flex:1 1 auto}#login #login-panel{display:flex;flex:0 0 auto;flex-direction:column;width:500px;z-index:1}#login #login-panel.kroqi-panel{flex:0 1 100%;padding-left:15px;padding-right:15px;padding-top:20px}#login #login-panel.kroqi-panel #banner{margin-left:-15px;margin-right:15px;padding-left:15px;padding-right:15px}#login #login-panel.kroqi-panel #banner .logo{margin-bottom:20px;padding-left:15px;padding-right:15px}#login #login-panel #gouv-banner{padding-left:16px;padding-top:1vh}#login #login-panel #gouv-banner .logo{height:20vh;max-height:160px;padding-right:59px}#login #login-panel #gouv-banner #gouv-url{font-size:20px;padding-bottom:20px}#login #login-panel #gouv-banner #gouv-url span{font-weight:800}#login #login-panel #banner .logo{height:10vh;max-height:60px;max-width:100%}#login #login-panel #login-box{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;padding:1vh 32px}#login #login-panel #login-box.plano-login{justify-content:inherit;margin-top:5vh}#login #login-panel #login-box #login-account{margin-bottom:2vh;text-align:center}#login #login-panel #login-box #login-account .account-image{border-radius:3px;box-shadow:0 0 30px 0 rgba(0,0,0,.2);margin-bottom:12px;max-height:96px;max-width:96px}#login #login-panel #login-box #login-account .avatar{background-color:#fff;background-repeat:no-repeat;box-shadow:0 0 30px 0 rgba(0,0,0,.2);font-size:24px;height:10vh;line-height:96px;margin-bottom:12px;max-height:96px;max-width:96px;width:10vh}#login #login-panel #login-box .login-qrcode{padding:24px 32px;text-align:center}#login #login-panel #login-box .login-qrcode .qrlogin-text{color:#5e666e;font-size:22px;margin-bottom:24px}#login #login-panel #login-box .login-qrcode .qrcode{height:300px;position:relative}#login #login-panel #login-box .login-qrcode .qrcode-loading{left:50%;position:sticky;top:50%}#login #login-panel #login-box .forgotten-password{color:#c7cacd}#login #login-panel #welcome-text{align-items:center;background-color:#f3f5f8;border-radius:3px;display:flex;flex-direction:column;font-weight:500;justify-content:center;margin:24px 32px;padding:24px 32px;white-space:pre-line}#login #login-panel #welcome-text-gouv{font-weight:700;justify-content:center;padding:24px 32px;white-space:pre-line}@media (min-width:768px){#login #login-background{display:flex!important}#login #login-panel.kroqi-panel{flex:1 1 50%}#login #login-panel #banner .logo{height:10vw}#login #login-panel #banner .logo-2{height:7vw}}#login #login-background{background-color:#fff;background-position:50%;background-size:cover;display:none;flex:1 1 auto;flex-direction:column}#login #login-background.login-background-default{background-blend-mode:multiply;background-color:#f3f5f8;background-position:100% 100%;background-repeat:no-repeat;background-size:auto 95%;filter:saturate(1.2)}#login #login-background #login-headline{display:flex;flex:1 1 auto}#login #login-background #login-tagline{align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:800;height:300px;justify-content:flex-end;padding:24px 32px;text-shadow:0 0 50px rgba(0,0,0,.3)}#login #login-background #login-tagline .logo{filter:drop-shadow(0 0 50px rgba(0,0,0,.3));height:20px}#login #login-background #login-tagline span{display:flex;flex:1 1 auto;justify-content:flex-end}#login #login-background.kroqi-background{align-items:center;background-color:#21aae1;flex:1 0 50%;justify-content:center}#login #login-background .logo-kroqi{height:15vw}#login .font-bold{font-size:20px;font-weight:500}#login .company-name{font-size:18px}#login input:-webkit-autofill{border-width:0;-webkit-box-shadow:inset 0 0 0 1000px #f3f5f8}#login input:-webkit-autofill:hover:not(:focus):not(.focus){-webkit-box-shadow:inset 0 0 0 1000px #ebedf1}#login input:-webkit-autofill.focus,#login input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 3px rgba(3,169,244,.2),inset 0 0 0 1000px #f3f5f8}#login input:-webkit-autofill:first-line{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:15px}#login .section-title{color:#b9bdc1;font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase}