:root{--main-bg-color:#243D76;--hover-bg-color:#2980B9}html{height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background:#262626;min-width:1024px}body{margin:0;padding:0;font-family:Century Gothic}.container{width:94vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#FAFAFA;margin:auto;position:relative;min-width:1024px}.box-center{width:45vw;height:28vw;min-width:635px;min-height:374px;max-width:847px;max-height:498px;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.box-code{width:40%;height:100%;position:relative;background-color:var(--main-bg-color);border-top-left-radius:35px;border-top-right-radius:35px;border-bottom-left-radius:35px;border-bottom-right-radius:35px;display:flow-root}#div-logo{height:35%;position:relative;display:flex;flex-direction:column}#img-logo{height:70%;padding-top:10px;position:relative;margin:auto}#div-logo span{font-size:1.5em;font-style:normal;color:white;text-align:center}#div-code{height:65%;position:relative;display:flex;flex-direction:column}#qrcode{width:160px;height:160px;margin:auto}.box-login{width:60%;height:80%;position:relative;background-color:rgba(255,255,255,1);border-top-right-radius:35px;border-bottom-right-radius:35px;box-shadow:0 4px 100px rgba(0,0,0,0.25);display:flex;flex-direction:column}#div-login{position:relative;width:70%;height:210px;margin:auto;display:grid;max-width:270px}#label-login{font-size:1.5em;font-style:normal;color:var(--main-bg-color);position:absolute;font-family:Montserrat;text-align:left;font-size:24px;letter-spacing:0;line-height:undefined}.login-form{text-align:center;position:absolute;bottom:0;width:100%}.control-group{margin-bottom:10px}input[type="text"],input[type="password"]{border:none;background:#f1f1f1;outline:none;font-size:1.2em;background-color:#ECF0F1;border:2px solid transparent;border-radius:3px;font-weight:200;padding:10px 0;width:calc(100% - 40px);padding-left:5px}input:focus{border:1px solid var(--main-bg-color);box-shadow:none}.btn{border:2px solid transparent;background:var(--main-bg-color);color:#fff;width:100%;font-size:16px;line-height:25px;padding:10px 0;text-decoration:none;text-shadow:none;border-radius:3px;box-shadow:none;transition:.25s;display:block;margin:0 auto}.btn:hover{background-color:var(--hover-bg-color)}.inputWithIcon input[type="text"],input[type="password"]{padding-left:40px}.inputWithIcon{position:relative}.inputWithIcon i{position:absolute;left:0;top:.2em;padding:9px 8px;color:var(--main-bg-color);transition:.3s}