body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#008dc9;color:#6f6f6f;font-family:Poppins,sans-serif;margin:0}body>#root{height:100%}h1{font-size:1.6em}h2{font-size:1.4em}h3{font-size:1.2em}h4{font-size:1.1em}.link,a{color:#008dc9;cursor:pointer}.link.focus,.link:active,.link:hover,a.focus,a:active,a:hover{color:#30c1ff}.link:visited,a:visited{color:#008dc9}.link.confirm,a.confirm{color:#7ca81a}.link.danger,a.danger{color:#df4632}hr{border:.2em solid #ccc}hr.dashed{border-style:dashed;border-width:.1em}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.icon{transition:all .3s ease-in-out}.icon.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}form .form-control{margin-bottom:1em}form .form-control>label{display:block;font-weight:500}form .form-control>input,form .form-control>select{box-sizing:border-box;display:block;font-size:1.2em;padding:.2em .4em;width:100%}button{background-color:#008dc9;border:none;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;padding:.6em 1em;text-transform:uppercase}button:disabled{background-color:#002230;opacity:.4}button.small{font-size:1em;font-weight:100;padding:.3em .5em}button.secondary{background-color:#88badc}button.confirm{background-color:#7ca81a}button.danger{background-color:#df4632}.tabs{border-bottom:1px solid #008dc9;list-style:none;margin:0 -1em 1em;padding:0 1em;position:relative}.tabs>li{background-color:#008dc9;border:1px solid #008dc9;color:#fff;cursor:pointer;display:inline-block;margin:0 .2em 0 0;padding:.5em 1em}.tabs>li.active{background-color:#fff;border-bottom:1px solid #fff;color:#6f6f6f;cursor:default;font-weight:700;margin-bottom:-.1em;padding:.5em 1em .6em}.card{border:1px solid #bcbcbc;cursor:pointer;display:block;margin-bottom:.5em}.card.ok>div.bottom{background-color:#e9f7ca}.card.warn>div.bottom{background-color:#fbefde}.card>div{padding:1em;pointer-events:none}.card>div.bottom{background-color:#ebf3f9;padding:.5em 1em}.card>div .number{background-color:#008dc9;border-radius:100%;color:#fff;display:inline-block;font-size:.9em;line-height:1;margin-right:.5em;padding:.2em 0;text-align:center;width:1.5em}.card>div .stop-type{float:right;font-size:.8em;line-height:2;text-transform:uppercase}.card>div .postcode{float:right}.card>div .postcode>.icon{font-size:.8em;margin-right:.3em}#root{box-shadow:0 0 10px #666;height:100%;margin:auto;max-height:1000px;max-width:500px;-webkit-user-select:none;user-select:none;width:100%}#root>main{box-sizing:border-box;height:100%;padding:5.5em 0 0;touch-action:none;transition:all .3s ease-in-out}#root>main.hide{opacity:0;pointer-events:none}#root>main>div{background-color:#fff;box-sizing:border-box;height:100%;overflow-y:scroll;padding:1em 1em 5.5em}#root>main>div::-webkit-scrollbar{display:none}#dashboard{grid-gap:1em;display:grid;grid-template-columns:1fr;width:100%}#dashboard>a{background-color:#ebf3f9;box-shadow:1px 2px 3px #a2a2a2;box-sizing:border-box;color:#3c3c3c;padding:1em;text-decoration:none}#dashboard>a>h4{margin:0 0 .5em;text-transform:capitalize}#dashboard>a>div{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr;text-align:center}#dashboard>a>div .numbers{font-size:2.5em;font-weight:700;margin-top:.2em;padding:.1em 0}#dashboard>a>div .numbers.ok{background-color:#c4e972}#dashboard>a>div .numbers.warn{background-color:#efc484}#dashboard>a>div .numbers.error{background-color:#ed968a}iframe{width:100%}.accordion>h3{cursor:pointer;margin:0;padding:.5em 0;position:relative}.accordion>h3>span{pointer-events:none}.accordion>h3>span.extra{color:#fff;font-size:.8em;font-weight:100;position:absolute;right:2.2em}.accordion>h3>span.extra>span{background-color:#6f6f6f;padding:0 .4em}.accordion>h3>span.extra>.icon{padding:.3em .4em}.accordion>h3>span.extra>.icon.ok{background-color:#9dd421}.accordion>h3>.icon{position:absolute;right:0;top:.6em}.accordion>div{max-height:0;opacity:0;pointer-events:none;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.accordion>div.shown{margin-bottom:3em;max-height:1000px;opacity:1;pointer-events:all;transition:max-height .3s ease-in-out .3s,opacity .3s ease-in-out .3s}.move-button{margin-bottom:1em;width:100%}.action-message{font-size:1.2em;text-align:center;-webkit-user-select:none;user-select:none}.action-message>strong{margin-left:.2em}.location{border:1px dashed #ccc;font-size:1.5em;margin:.2em 0 .5em;padding:1em;text-align:center;-webkit-user-select:none;user-select:none}.location.scanned{background-color:#d7f09e;color:#3c3c3c;font-size:1.5em;font-weight:700}.box-list>.box{background-color:#e7e7e7;margin:.2em 0;padding:1em}.box-list>.box.scanned{background-color:#f5dab1}.box-list>.box.moved{background-color:#d7f09e}.box-list>.box>.barcode{color:#3c3c3c;font-size:2.2em;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}.box-list>.box>.barcode>strong{margin-left:.2em}.box-list>.box>.current-location{font-size:1.2em;text-align:center}.address{margin-bottom:1em}.address>.map-link,.address>.phone{margin-top:1em}.address .icon{margin-bottom:-.1em;margin-right:.5em}#signature-container{position:relative}#signature-container #signature-canvas{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 0 20px #e7e7e7;height:12em;width:100%}#signature-container button{line-height:1;position:absolute;right:.4em;top:.5em}#signature-container hr{bottom:3em;left:3em;position:absolute;right:3em}#incoming{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr;height:100%}#incoming>div{background-color:#efefef;box-sizing:border-box;height:100%;overflow-y:scroll;padding:1em}#incoming>div>h2{line-height:1;margin-top:0}#incoming>div .courier{margin-bottom:1em}#incoming>div .courier.ok{color:#8dbe1e}#incoming>div .courier>h4{margin:0}#incoming>div .store.ok{color:#8dbe1e}#incoming>div .icon{float:right}#dispatch{grid-gap:1em;display:grid;grid-template-columns:1fr 1fr;height:100%}#dispatch>div{background-color:#efefef;box-sizing:border-box;height:100%;overflow-y:scroll;padding:1em}#dispatch>div>h2{line-height:1;margin-top:0}#dispatch>div .courier{margin-bottom:1em}#dispatch>div .courier.ok{color:#8dbe1e}#dispatch>div .courier>h4{margin:0}#dispatch>div .icon{float:right}#settings>.setting{grid-gap:1em;display:grid;grid-template-columns:2fr 3fr;padding-bottom:1em}#settings>.setting>div{display:inline-block}#settings>.setting>div>.link>.icon,#settings>.setting>div>.link>span{pointer-events:none}#settings>.setting .icon{display:inline-block;margin-right:.5em;margin-top:.25em;vertical-align:top}#settings>.setting .form-control{grid-gap:.5em;display:grid;grid-template-columns:3fr 1em}#loading{height:100%;left:0;position:fixed;top:0;transition:all .2s ease-in-out;width:100%;z-index:2}#loading.hide{opacity:0;pointer-events:none}#loading>.inner{align-content:center;background-color:hsla(0,0%,44%,.5);box-sizing:border-box;color:#fff;display:grid;font-size:1em;height:100%;margin:0 auto;max-width:500px;overflow-x:hidden;padding:2em;position:relative;text-align:center;width:100%}#message{cursor:pointer;height:100%;left:0;opacity:1;position:fixed;top:0;transition:all .3s ease-in-out .3s;width:100%;z-index:2}#message.hide{opacity:0;pointer-events:none}#message.hide>.inner{display:none}#message>.inner{align-content:center;background-color:rgba(60,60,60,.7);box-sizing:border-box;display:grid;height:100%;margin:auto;max-width:500px;overflow:hidden;padding:2em;position:relative;width:100%}#message>.inner.error{color:#df4632}#message>.inner.ok{color:#9dd421}#message>.inner.warn{color:#e49929}#message>.inner>.modal{background-color:#fff;box-shadow:2px 2px 15px #333;display:grid;grid-template-columns:auto 2em;margin:-40% auto auto;padding:1em;transition:all .3s ease-in-out;width:80%}#message>.inner>.modal .icon{justify-self:end;margin-top:.2em}#dialog{height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in-out .3s;width:100%;z-index:2}#dialog.hide{opacity:0;pointer-events:none}#dialog.hide>.inner>.modal{margin-top:-200%}#dialog>.inner{align-content:center;background-color:rgba(60,60,60,.7);box-sizing:border-box;display:grid;height:100%;margin:auto;max-width:500px;overflow:hidden;padding:2em;position:relative;text-align:center;width:100%}#dialog>.inner>.modal{background-color:#fff;box-shadow:2px 2px 15px #333;margin:-40% auto auto;padding:1em;transition:all .3s ease-in-out;width:80%}#dialog>.inner>.modal button{margin:0 .2em}#menu{height:100%;left:0;position:fixed;top:0;touch-action:none;width:100%;z-index:1}#menu.hide{pointer-events:none}#menu.hide>.inner>.panel{left:-100%;transition:all .2s ease-in-out .1s}#menu.hide>.inner>.screen{background-color:hsla(0,0%,44%,0);transition:all .2s ease-in-out}#menu>.inner{height:100%;margin:0 auto;max-width:500px;overflow-x:hidden;position:relative;width:100%}#menu>.inner>.panel{background-color:#fff;box-shadow:1px 1px 20px #6f6f6f;box-sizing:border-box;height:100%;left:0;padding:1em;position:absolute;transition:all .2s ease-in-out;width:80%;z-index:1}#menu>.inner>.panel .icon{color:#008dc9;font-size:1.5em}#menu>.inner>.panel>ul{grid-gap:.5em;display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:3em 0 0;padding:0}#menu>.inner>.panel>ul>li>a{background-color:#008dc9;color:#fff;display:block;padding:2em 1em;text-align:center;text-decoration:none}#menu>.inner>.panel>ul>li>a.active{background-color:#30c1ff;font-weight:700}#menu>.inner>.screen{background-color:hsla(0,0%,44%,.5);cursor:pointer;left:0;top:0;transition:all .2s ease-in-out .1s;z-index:0}#menu>.inner>.screen,#reader{height:100%;position:absolute;width:100%}#reader{opacity:0;pointer-events:none;transition:all .3s ease-in-out;z-index:1}#reader.shown{opacity:1;pointer-events:all}#reader>.inner{background-color:#ccc;box-sizing:border-box;display:grid;grid-template-rows:240px auto 3em;height:100%;margin:0 auto;max-width:500px;overflow-x:hidden;position:relative;width:100%}#reader>.inner>#quagga{height:100%}#reader>.inner>#quagga video{height:100%;width:100%}#reader>.inner>#quagga canvas{display:none}#reader>.inner>.title{text-align:center}#reader>.inner>.title>h3{margin-bottom:.5em;margin-top:1em}#reader>.inner>.feedback{overflow-y:scroll;padding:1em;text-align:center}#reader>.inner>.feedback>.action-message{display:none}#reader>.inner>.feedback>#scannedLocation{border-color:#000}#reader>.inner>.feedback>.message.ok{color:#8dbe1e}#reader>.inner>.feedback>.message.warn{color:#e49929}#reader>.inner>.feedback>.message.error{color:#df4632}#reader>.inner>button{bottom:0;left:0;position:absolute;width:100%}#login{height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:1}#login.hide{opacity:0;pointer-events:none}#login>.inner{background-color:#d7e8f3;box-sizing:border-box;height:100%;margin:0 auto;max-width:500px;overflow-x:hidden;padding:2em;position:relative;width:100%}#login>.inner>img{margin-bottom:-1.5em}#login>.inner>h1{color:#008dc9;font-size:1.5em;margin-bottom:2em;margin-right:.2em;text-align:right}#login>.inner .show-password{float:right}#login>.inner .show-password>.icon{margin-right:.5em;vertical-align:middle}header{height:5.5em;left:0;position:fixed;top:0;width:100%}header>.inner{background-color:#e7e7e7;box-sizing:border-box;height:100%;margin:auto;max-width:500px;padding:1em;position:relative;width:100%}header>.inner>.icon{color:#008dc9;font-size:1.5em}header>.inner .training-msg{background-color:#fff;border-radius:1em;box-shadow:1px 1px 3px #b3b3b3;color:#9dd421;font-size:1em;margin-left:1em;padding:.1em .6em;text-transform:uppercase;vertical-align:top}header>.inner img{height:1.8em;position:absolute;right:1em;top:.8em}header>.inner>h1{background-color:#d5d5d5;box-sizing:border-box;color:#3c3c3c;font-size:1.1em;font-weight:400;left:0;margin:0;padding:.2em 1em;position:absolute;right:0;top:3.2em;width:100%}header>.inner>h1>.icon{font-size:.7em;padding:0 .5em}footer{bottom:0;height:auto;left:0;position:fixed;width:100%}footer>.inner{background-color:#e7e7e7;box-sizing:border-box;height:100%;margin:auto;max-width:500px;width:100%}footer>.inner h4{font-weight:100;height:1.5em;margin:0;padding:0 1em;text-align:center}footer>.inner .button-container{display:grid}footer>.inner .button-container.single{grid-template-columns:1fr}footer>.inner .button-container.double{grid-template-columns:repeat(2,1fr)}footer>.inner .button-container>button{border:1px solid #fff;height:100%}
/*# sourceMappingURL=main.f8c61fd5.css.map*/