*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0px;padding:0px;width:100%;height:100%;background:white;overflow:hidden}body button,body input,html button,html input{outline:0}body{background:white;margin:0;padding:0;line-height:1;width:100%;height:100%;font-family:arial,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#offline{position:fixed;top:0px;left:0px;right:0px;bottom:0px;text-align:center;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;background:rgba(0,0,0,0.9);color:white;display:none}#offline.shown{display:-ms-grid;display:grid}.app-wrapper-login{display:-ms-grid;display:grid;height:100%;grid-template-areas:"logo logo" "cntent cntent";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:50px auto;grid-template-rows:50px auto}.app-wrapper-login .logoset{background:black;text-align:center;padding:15px 0px;grid-column:logo}.app-wrapper-login .logoset .logo img{max-height:30px}.app-wrapper-login .content{background:#f9e500;grid-column:cntent;position:relative}.app-wrapper-login .content .cnt{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-y:auto}.app-wrapper-login .content .cnt .users{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(4,1fr);grid-gap:15px;margin-bottom:30px}.app-wrapper-login .content .cnt .users .user{width:100%;height:100%;border:1px solid black;border-radius:10px;padding:10px;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;text-align:center}.app-wrapper-login .content .cnt .users .user>:first-child{-ms-grid-row:1;-ms-grid-column:1}.app-wrapper-login .content .cnt .users .user>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.app-wrapper-login .content .cnt .users .user .icon svg{width:40px}.app-wrapper-login .content .cnt .users .user .name{margin-top:15px}.app-wrapper-login .content .cnt .users .user.active{border-color:#27ae60;color:#27ae60}.app-wrapper-login .content .cnt .users .user.active .icon svg{fill:#27ae60}.app-wrapper-login .content .cnt .frm{margin:50px auto;width:500px}.app-wrapper-login .content .cnt .frm input{width:100%;padding:15px;text-align:center;font-size:30px;outline:0;border:none}.app-wrapper-login .content .cnt .frm a{width:100%;display:block;text-align:center;text-transform:uppercase;background:black;color:white;text-decoration:none;padding:20px;margin-top:10px;font-size:20px}.app-wrapper-login .content .cnt .frm a:active{background:rgba(0,0,0,0.6)}.app-wrapper-spooler{display:-ms-grid;display:grid;height:100%;grid-template-areas:"logo logo" "cntent cntent";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:50px auto;grid-template-rows:50px auto}.app-wrapper-spooler .logoset{background:black;text-align:center;padding:15px 0px;grid-column:logo}.app-wrapper-spooler .logoset .logo img{max-height:30px}.app-wrapper-spooler .logoset .logout{position:absolute;top:0px;right:0px;width:100px;height:50px}.app-wrapper-spooler .content{background:#f9e500;grid-column:cntent;position:relative}.app-wrapper-spooler .content .cnt{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-y:auto;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper-spooler .content .cnt .label{text-align:center;font-size:300%;letter-spacing:-3px;opacity:0.1;color:white;color:rgba(0,0,0,0.5)}.app-wrapper-spooler .content .cnt .users{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(4,1fr);grid-gap:15px;margin-bottom:30px}.app-wrapper-spooler .content .cnt .users .user{width:100%;height:100%;border:1px solid black;border-radius:10px;padding:10px;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;text-align:center}.app-wrapper-spooler .content .cnt .users .user>:first-child{-ms-grid-row:1;-ms-grid-column:1}.app-wrapper-spooler .content .cnt .users .user>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.app-wrapper-spooler .content .cnt .users .user .icon svg{width:40px}.app-wrapper-spooler .content .cnt .users .user .name{margin-top:15px}.app-wrapper-spooler .content .cnt .users .user.active{border-color:#27ae60;color:#27ae60}.app-wrapper-spooler .content .cnt .users .user.active .icon svg{fill:#27ae60}.app-wrapper-update{display:-ms-grid;display:grid;height:100%;grid-template-areas:"logo logo" "cntent cntent" "back back";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:50px auto 100px;grid-template-rows:50px auto 100px}.app-wrapper-update .logoset{background:black;text-align:center;padding:15px 0px;grid-column:logo}.app-wrapper-update .logoset .logo img{max-height:30px}.app-wrapper-update .back{background:black}.app-wrapper-update .back button{width:100%;height:100%;background:#000;color:white;border:none;text-transform:uppercase;font-size:20px}.app-wrapper-update .content{background:#f9e500;grid-column:cntent;position:relative}.app-wrapper-update .content .cnt{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-y:auto}.app-wrapper-update .content .cnt #numpadindicator{width:100%;text-align:center;border:none;font-size:30px;background:transparent;outline:0;margin-top:50px}.app-wrapper-update .content .cnt .numpad{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(3,1fr);-ms-grid-rows:auto;grid-template-rows:auto;margin:auto;max-width:300px;grid-gap:15px;margin-top:50px}.app-wrapper-update .content .cnt .numpad>:first-child{-ms-grid-row:1;-ms-grid-column:1}.app-wrapper-update .content .cnt .numpad>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.app-wrapper-update .content .cnt .numpad>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}.app-wrapper-update .content .cnt .numpad .num{text-align:center;width:100%;height:0;padding-bottom:100%;position:relative;border-radius:50%}.app-wrapper-update .content .cnt .numpad .num>span{position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;display:-ms-grid;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper-update .content .cnt .numpad .num>span button{position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;border-radius:50%;border:none;background:transparent;font-size:25px;border:1px solid black}.app-wrapper-update .content .cnt .numpad .num>span button:active{background:black;color:white}.app-wrapper-sign{display:-ms-grid;display:grid;height:100%;grid-template-areas:"logo logo" "cntent cntent" "signature signature" "cancel submit";-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr;-ms-grid-rows:50px auto 400px 100px;grid-template-rows:50px auto 400px 100px}.app-wrapper-sign .logoset{background:black;text-align:center;padding:15px 0px;grid-column:logo}.app-wrapper-sign .logoset .logo img{max-height:30px}.app-wrapper-sign .logoset .logout{position:absolute;top:0px;right:0px;width:100px;height:50px}.app-wrapper-sign .content{background:#f9e500;grid-column:cntent;position:relative}.app-wrapper-sign .content .cnt{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-y:auto}.app-wrapper-sign .content .cnt table{margin:5px;width:calc(100% - 10px);border-collapse:collapse}.app-wrapper-sign .content .cnt table caption{font-size:25px;padding:15px}.app-wrapper-sign .content .cnt table tr td{background:rgba(255,255,255,0.5);padding:5px;border:5px solid #f9e500;font-size:18px}.app-wrapper-sign .content .cnt table tr td.code{text-align:left;padding-left:10px}.app-wrapper-sign .content .cnt table tr td.name{text-align:left}.app-wrapper-sign .content .cnt table tr td.qty{text-align:center}.app-wrapper-sign .content .cnt table tr td.price{text-align:right;padding-right:10px}.app-wrapper-sign .totals{background:black;grid-column:totals;position:relative}.app-wrapper-sign .totals .box{background:black;color:white;text-align:center;width:100%;border:20px solid black;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;font-weight:bold}.app-wrapper-sign .signature{background:black;grid-column:signature}.app-wrapper-sign .signature canvas{margin:20px}.app-wrapper-sign .signature #signaturecleanup{position:absolute;bottom:444px;right:20px;background:rgba(0,0,0,0.1);border:none;padding:10px 15px}.app-wrapper-sign .signature #signaturecleanup:active{background:#FF5733}.app-wrapper-sign .cancel{background:black;grid-column:cancel;position:relative}.app-wrapper-sign .cancel .box{background:#FF5733;width:100%;height:100%;border:20px solid black;text-align:center;font-size:20px;color:white;line-height:60px;position:relative;display:none}.app-wrapper-sign .cancel .box.shown{display:block}.app-wrapper-sign .cancel .box button{text-decoration:none;color:inherit;position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;line-height:60px;background:transparent;border:none;font-size:20px}.app-wrapper-sign .cancel .box button:active{background:silver;background:#f9e500}.app-wrapper-sign .submit{background:black;grid-column:submit;position:relative}.app-wrapper-sign .submit .box{background:#27ae60;width:100%;height:100%;border:20px solid black;text-align:center;font-size:20px;color:white;line-height:60px;display:none}.app-wrapper-sign .submit .box.shown{display:block}