.Loader{position:fixed;top:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;z-index:9999;background:hsla(0,0%,100%,.6)}.Loader,header{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}header{-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:12vh;max-height:88px;--topLightColor:#ebc57d;--bottomLightColor:#e8b657;background:var(--topLightColor);background:-webkit-gradient(linear,left top,left bottom,from(var(--topLightColor)),to(var(--bottomLightColor)));background:linear-gradient(180deg,var(--topLightColor) 0,var(--bottomLightColor))}header h2{color:var(--primary);font-family:var(--altFont);margin:0 16px;text-transform:uppercase;font-size:22rem;line-height:1;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}header button{width:60px;height:100%;color:var(--primary);font-size:24rem}header .spacer{width:60px}#message{position:fixed;z-index:9;top:30%;left:50%;margin-left:-150px;width:300px;padding:16px;background:var(--yellow);border-radius:8px;-webkit-box-shadow:0 2px 8px var(--dark-faded);box-shadow:0 2px 8px var(--dark-faded)}#message h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100px;--topDarkColor:#75492d;--bottomDarkColor:#58331c;background:var(--topDarkColor);background:-webkit-gradient(linear,left top,left bottom,from(var(--topDarkColor)),to(var(--bottomDarkColor)));background:linear-gradient(180deg,var(--topDarkColor) 0,var(--bottomDarkColor))}footer .wrapper{width:400px;height:100%;max-width:100%;margin:0 auto;padding:16px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:19rem;color:#fff}footer .wrapper img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}footer .wrapper img.avatar{border:1px solid var(--offwhite);border-radius:8px;margin-right:16px}footer .wrapper .co-link{margin-left:16px}footer .wrapper .co-link .logo{width:40px;height:40px;border:none}footer .wrapper .co-link p{display:block;text-align:center;font-size:11rem;margin:0;padding:0}footer .wrapper .right{-webkit-box-flex:1;-ms-flex:1;flex:1}footer .wrapper .right p{margin:4px;font-weight:400;text-shadow:0 1px 1px rgba(0,0,0,.7)}footer .wrapper .right p.name{font-weight:600}footer .wrapper .right a{font-weight:600;color:#fff}.fields{padding:6px}.fields input{display:block;width:100%;padding:12px;margin:12px auto;font-size:16rem;outline:none;border:1px solid var(--dark-faded);-webkit-box-shadow:0 4px 3px -4px var(--dark-faded);box-shadow:0 4px 3px -4px var(--dark-faded);-webkit-transition:all .3s;transition:all .3s}.fields input:active,.fields input:focus{-webkit-box-shadow:0 4px 2px -2px var(--yellow);box-shadow:0 4px 2px -2px var(--yellow);border-bottom:1px solid var(--yellow)}.fields button{display:block;margin:24px auto 12px}.submit{margin:24px auto 0;padding:12px 40px;outline:none;font-size:16rem;font-weight:600;border:1px solid var(--dark-faded);border-radius:4px;-webkit-box-shadow:0 4px 3px -4px var(--dark-faded);box-shadow:0 4px 3px -4px var(--dark-faded);-webkit-transition:all .2s;transition:all .2s;color:#000;background:var(--yellow);text-transform:uppercase}.submit:active,.submit:hover{border:1px solid var(--yellow);-webkit-box-shadow:0 2px 2px -2px var(--yellow);box-shadow:0 2px 2px -2px var(--yellow)}.submit:disabled,.submit[disabled]{color:var(--disabled);background:#ccc;border:1px solid var(--disabled)}.submit:disabled:active,.submit:disabled:hover,.submit[disabled]:active,.submit[disabled]:hover{border:1px solid var(--disabled);-webkit-box-shadow:0 4px 3px -4px var(--disabled);box-shadow:0 4px 3px -4px var(--disabled)}.switch-label{margin:12px 8px}.switch-label>span{margin:0 16px 0 0}.switch-label .switch,.switch-label>span{vertical-align:middle}.switch-label a{font-weight:600}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{display:none}.switch .slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.switch .slider,.switch .slider:before{position:absolute;border-radius:4px;-webkit-transition:.4s;transition:.4s}.switch .slider:before{content:"";height:76%;width:42%;left:8%;bottom:11%;background-color:#fff}.switch input:checked+.slider{background-color:var(--primary)}.switch input:focus+.slider{-webkit-box-shadow:0 0 1px var(--primary);box-shadow:0 0 1px var(--primary)}.switch input:checked+.slider:before{-webkit-transform:translateX(100%);transform:translateX(100%)}html{--primary:#9b3922;--primary-faded:rgba(155,57,34,0.7);--secondary:#58331c;--offwhite:#fcfcfc;--dark-faded:rgba(67,67,67,0.15);--white:#f3f3f3;--dark:#3f3f3f;--yellow:#ecc57d;--disabled:#d4d4d4;--disabled-text:#646464;--font:"Open Sans",sans-serif;--altFont:"Open Sans Condensed",sans-serif;font-size:6.25%}*{-webkit-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;word-break:keep-all}*,body{font-family:var(--font)}body{margin:0;font-weight:400;background:var(--secondary);font-size:14rem}h3,h4,h5{font-family:var(--font);font-weight:600;margin:6px 0}h3{font-size:20rem}h4{font-size:18rem}h5{font-weight:400;font-size:16rem}a{color:inherit;text-decoration:none;-webkit-transition:transform .4s;transition:transform .4s}a:active,a:hover{-webkit-transform:scale(.95);transform:scale(.95)}a.link{color:var(--primary)}button{cursor:pointer;border:none;background:none;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;outline:none}button:active{-webkit-transform:scale(.98);transform:scale(.98)}.view{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:400px;padding:12px 24px;background:var(--offwhite)}.company_title,.view{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.company_title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:12px auto 24px;border-bottom:1px solid var(--dark)}.company_title h3{font-size:20rem;margin:8px 0}.company_title a{font-size:20rem;padding:10px;line-height:1}.row{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.column,.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.column{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.btn{-webkit-appearance:initial;background-color:none;font-family:var(--font);font-size:18rem;width:100%;border:none;border-radius:.5em;padding:.8em;cursor:pointer}.btn-red{color:#fff;background:#e85151}.btn-yellow{color:#000;background:var(--yellow)}.btn-small{width:auto;margin:4px auto;padding:.6em 1.2em;font-size:16rem}.btn-tiny{width:auto;margin:2px;padding:.4em .6em;font-size:12rem}.btn-link{margin:1em auto;background:var(--offwhite);color:var(--primary);-webkit-box-shadow:0 2px 8px var(--dark-faded);box-shadow:0 2px 8px var(--dark-faded)}.btn.disabled,.btn:disabled{color:var(--disabled-text);background:var(--disabled)}.d4dropdown{position:relative;text-align:left;margin:.7em 0;padding:0 1em;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.d4dropdown-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.d4dropdown-trigger .name{-webkit-box-flex:1;-ms-flex:1;flex:1}.d4dropdown-trigger:before{content:"";display:inline-block;margin-right:20px;width:10px;height:10px;vertical-align:5px;border-right:1px solid var(--dark);border-bottom:1px solid var(--dark);-webkit-transform:rotate(45deg) rotate(0);transform:rotate(45deg) rotate(0);-webkit-transition:transform .8s,vertical-align .8s;transition:transform .8s,vertical-align .8s}.d4dropdown-menu{position:absolute;width:100%;max-height:0;overflow-y:hidden;visibility:hidden;border-radius:.5em;opacity:0;left:0;z-index:9;background:var(--offwhite);-webkit-box-shadow:0 2px 8px var(--dark-faded);box-shadow:0 2px 8px var(--dark-faded);-webkit-transition:.3s ease-in;transition:.3s ease-in}.d4dropdown-menu button{width:100%;font-size:1em;padding:.7em;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:600px){.d4dropdown-menu button:hover{background:var(--white)}}.d4dropdown-menu .cta{width:100%;font-size:1em;padding:1em;background:#f9f9f9;text-decoration:underline;color:var(--primary);border-top:1px solid var(--primary)}.d4dropdown.active .d4dropdown-trigger{color:var(--dark)}.d4dropdown.active .d4dropdown-trigger:before{vertical-align:0;-webkit-transform:rotate(45deg) rotate(180deg);transform:rotate(45deg) rotate(180deg)}.d4dropdown.active .d4dropdown-menu{max-height:200px;overflow-y:scroll;visibility:visible;opacity:1}@media only screen and (min-width:600px){.view{-webkit-box-shadow:0 2px 4px var(--dark-faded);box-shadow:0 2px 4px var(--dark-faded)}}.toasted-container .toasted .action{font-size:14rem!important;border:1px solid var(--offwhite)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .4s;transition:opacity .4s}.fade-enter,.fade-leave-to{opacity:0}.blend-enter-active,.blend-leave-active{-webkit-transition:opacity .4s;transition:opacity .4s}.blend-enter,.blend-leave-to{position:absolute;opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,-webkit-transform;transition-property:height,opacity,transform;transition-property:height,opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.55,0,.1,1);transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.slide-left-enter,.slide-right-leave-active{position:absolute;opacity:0;-webkit-transform:translate(2em);transform:translate(2em)}.slide-left-leave-active,.slide-right-enter{position:absolute;opacity:0;-webkit-transform:translate(-2em);transform:translate(-2em)}::selection{background:var(--primary-faded)}::-moz-selection{background:var(--primary-faded)}.is_error,.is_grave,.is_info,.is_success,.is_warning{margin:16px 0;padding:12px;border:1px solid;border-radius:4px}.is_info{color:#00529b;background-color:#bde5f8}.is_success{color:#4f8a10;background-color:#dff2bf}.is_warning{color:#9f6000;background-color:#feefb3}.is_error{color:#d8000c;background-color:#ffd2d2}#App{width:100vw;position:fixed;height:100%;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#App,#App .main{display:-webkit-box;display:-ms-flexbox;display:flex}#App .main{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:var(--white);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;overflow-y:scroll}.toasted.pwa{padding:10px;font-size:14rem;font-weight:400}.toasted.pwa i{font-size:30rem}.toasted.pwa a.action{font-size:8rem}#Home{width:100%;max-height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#Home>span,#Home>span>div{width:100%;max-height:100%;text-align:center}#Home .refresh{background:var(--yellow);border-radius:8px;padding:8px 16px}#Home .refresh i{vertical-align:middle;margin-left:4px}#Home .code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:8px;padding:2px 2px 2px 16px;width:100%;margin:4px 0;-webkit-box-shadow:0 2px 8px var(--dark-faded);box-shadow:0 2px 8px var(--dark-faded)}#Home .code input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:none;border-bottom:1px solid var(--dark-faded);margin-right:12px;font-size:18px;text-transform:uppercase}#Home .code button{width:48px;height:48px;padding:0;font-size:24rem;margin:2px;line-height:1}#Home .company_link{display:inline-block;margin:40px auto 20px;background:none;border:none;border-bottom:1px solid var(--dark-faded)}#Home .company_link i{vertical-align:middle}#Home .barcode{display:block;max-height:35%;margin:12px auto}#Home .barcode.boxed{-webkit-box-shadow:0 0 2px 1px var(--dark-faded);box-shadow:0 0 2px 1px var(--dark-faded)}#Home img.secureimage{width:130px;height:130px;max-height:30%;-o-object-fit:contain;object-fit:contain;display:block;margin:10px auto;border-radius:8px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-transition:.4s;transition:.4s}#Home img.secureimage:hover{-webkit-transform:scale(1.1) rotate(373deg);transform:scale(1.1) rotate(373deg)}#Home .standard{font-size:10px;padding:.2em .4em;border:1px solid #d4d4d4;color:#888;border-radius:2px}@-webkit-keyframes pulse{0%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes pulse{0%{opacity:1}60%{opacity:1}to{opacity:0}}#Login{background:var(--offwhite)}#Login input[type=password].valid{border-color:#0f0}#Login input[type=password].invalid{border-color:#ff4500}