html{background:#d4d0c8;color:#000;font-family:Tahoma,sans-serif;font-size:13px}body{margin:8px}main{width:420px;max-width:calc(100vw - 24px);margin:40px auto;background:#f0f0f0;border:2px outset #fff;padding:8px}h1{margin:0 0 8px;background:#000080;color:white;padding:5px;font-size:16px}form{position:relative;width:400px;max-width:100%;height:240px}label{position:absolute;right:8px;width:105px;text-align:right;line-height:27px}input{position:absolute;left:124px;width:161px;height:27px;box-sizing:border-box;border:2px inset #fff;background:white;font:inherit;text-align:right;padding:1px 2px}label:nth-of-type(1),#login_user{top:6px}label:nth-of-type(2),#login_branch{top:38px}label:nth-of-type(3),#login_proof{top:70px}label:nth-of-type(4),#login_till{top:102px}label:nth-of-type(5),#login_store{top:134px}#login_user,#login_branch,#login_till,#login_store{left:216px;width:69px}input:disabled{background:#d4d0c8;color:#808080}button{position:absolute;left:216px;top:170px;width:69px;height:30px;font:inherit;background:#d4d0c8;border:2px outset #fff}button:active{border-style:inset}#login_error{position:absolute;top:202px;right:0;margin:0;color:#800000;font-size:12px}.scope{font-size:12px;margin:0;line-height:1.7}