:root{--color--black: #000000;--color--white: #ffffff;--color--normal-fg: var(--color--brand-charcoal);--color--normal-bg: #ffffff;--color--warning-fg: var(--color--brand-charcoal);--color--warning-bg: #ffe599;--color--alert-fg: #ffffff;--color--alert-bg: #ff9999;--color--success: #48bb78;--color--canvas: #f0f0f0;--color--canvas--darker: #e3e3e3;--color--canvas--xdarker: #cbcbcb;--color--tile: #fff;--color--brand-red--lighter: #f27067;--color--brand-red: #ed3426;--color--brand-charcoal-lighter: #717171;--color--brand-charcoal: #4e4e4e;--color--brand-charcoal-darker: #3a3a3a;--color--brand-charcoal-xdark: #2e2e2e;--color--brand-mid-blue: #bfcaea;--color--brand-vlight-blue: #e8ecf9}.theme--pdi{color:var(--color--brand-charcoal-darker) !important;background-color:var(--color--brand-vlight-blue) !important}:root{--font: Roboto,Arial,sans-serif;--font-size--xs: .625rem;--font-size--sm: .75rem;--font-size: 1rem;--font-size-lh: 1.25rem;--font-size--md: 1.125rem;--font-size--lg: 1.5rem;--font-size--lg-lh: 1.875rem;--font-size--xl: 1.875rem;--font-size--xl-lh: 2.34375rem;--font-size--xxl: 2.5rem;--font-size--xxl-lh: 3.125rem;--font-size--xxxl: 3.125rem;--font-weight--light: 200;--font-weight: 400;--font-weight--bold: 700;--font-icon: 2rem}b,strong,.bold{font-weight:var(--font-weight--bold)}italic{font-style:italic}body,p,a,button{font-family:var(--font)}.dull{opacity:0.75}html,body{font-size:16px;font-size:80%;width:100%;height:100%;padding:0;margin:0}@media (min-width: 768px){html,body{font-size:90%}}@media (min-width: 1024px){html,body{font-size:100%}}div{box-sizing:border-box}.hide{display:none}.tb,.dt,.dt-l,.dt-xl{display:none}.mb{display:inline-block}@media (min-width: 768px){.mb{display:none}.tb{display:inline-block}}@media (min-width: 1024px){.mb,.tb{display:none}.dt{display:inline-block}}@media (min-width: 1200px){.mb,.tb,.dt{display:none}.dt-l{display:inline-block}}@media (min-width: 1441px){.mb,.tb,.dt,.dt-l{display:none}.dt-xl{display:inline-block}}.app{width:100%;height:100%;background-color:var(--color--canvas);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.icon{display:inline-block;width:2rem;height:2rem;cursor:pointer;background-position:center center;background-size:cover}.icon--pending-actions--charcoal{background-image:url("images/icons/pending-actions--charcoal.svg")}.icon--service-red{background-image:url("images/icons/service--red.svg")}.icon--transport-red{background-image:url("images/icons/transport--red.svg")}.icon--refresh--charcoal{background-image:url("images/icons/refresh--charcoal.svg")}.icon--error-white{background-image:url("images/icons/warning--white.svg")}.icon--logout-red{background-image:url("images/icons/logout--red.svg")}.icon--login-red{background-image:url("images/icons/login--red.svg")}.btn{cursor:pointer}.btn-icon{border:none;outline:none;background-color:transparent;display:inline-block;width:2rem;height:2rem;cursor:pointer;background-position:center center;background-size:cover}.btn--error,.btn--link{font-size:var(--font-size--md);transition:opacity 0.2s ease-in-out}.btn--error:hover,.btn--link:hover{opacity:0.75}.btn--error{padding:.3125rem .9375rem;border:none;outline:none;border-radius:.3125rem;color:var(--color--brand-red)}.btn--link{padding:.3125rem .9375rem;border:none;outline:none;background-color:transparent;color:var(--color--white);font-weight:var(--font-weight);text-decoration:underline}.input--date{border:none;outline:none;padding:.3125rem .625rem;border-radius:.625rem;color:var(--color--charcoal--darker)}.input--date:not(:focus){-webkit-user-select:none;-ms-user-select:none;user-select:none}.input--select{border:none;outline:none;padding:.625rem;border-bottom:solid 2px #cad5e2;color:var(--color--charcoal--darker)}.blades{display:flex;flex-direction:column;height:100%}@media (min-width: 768px){.blades{flex-direction:row}}.blades .blade{padding:.625rem .3125rem}@media (min-width: 768px){.blades .blade{padding:.625rem 0;height:100%}}@media (min-width: 1024px){.blades .blade{padding:.625rem}}.blades .blade--1{display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.blades .blade--1{padding-right:.625rem}}.blades .blade--1 .tile{margin-bottom:5%}@media (min-width: 768px){.blades .blade--1{width:25%}}@media (min-width: 1200px){.blades .blade--1{width:20%}}@media (min-width: 1441px){.blades .blade--1{width:18%}}.blades .blade--2{position:relative;width:100%}@media (min-width: 768px){.blades .blade--2{width:75%}}@media (min-width: 1200px){.blades .blade--2{width:80%}}@media (min-width: 1441px){.blades .blade--2{width:82%}}.blades .blade--2 .blade__sub{display:flex;flex-direction:column;height:100%;border:solid #fff .625rem}.blades .blade--2 .blade__sub .head{padding:0 .3125rem;padding-bottom:.625rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color--white);background-color:var(--color--brand-charcoal-darker);box-shadow:0px 4px 5px -1px rgba(0,0,0,0.25)}@media (min-width: 768px){.blades .blade--2 .blade__sub .head{flex-direction:row;padding-bottom:0}}.blades .blade--2 .blade__sub .head .title{padding:.625rem;text-align:center;flex-grow:2;font-weight:var(--font-weight--bold)}.blades .blade--2 .blade__sub .head .title .dull{font-weight:var(--font-weight--light)}.blades .blade--2 .blade__sub .head .controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blades .blade--2 .blade__sub .head .controls .toggle{height:100%;padding:.3125rem 0;margin-right:.625rem}.blades .blade--2 .blade__sub .head .controls .refresh{width:3.75rem}.blades .blade--2 .blade__sub .data{flex-grow:2}.blades .blade--2 .blade__sub .data .tiles{position:relative;display:flex;flex-direction:row;flex-grow:2;flex-wrap:wrap;align-content:flex-start;height:100%}.blades .blade--2 .blade__sub .data .tiles .tile{margin-bottom:.625rem;flex-basis:49%;margin:0.4%}@media (max-width: 670px) and (orientation: landscape){.blades .blade--2 .blade__sub .data .tiles .tile{flex-basis:24.5%;margin:0.2%}}.blades .blade--2 .blade__sub .data .tiles .tile:last-child{margin-bottom:0}@media (min-width: 768px){.blades .blade--2 .blade__sub .data .tiles{flex-direction:row;flex-grow:2;flex-wrap:wrap;align-content:flex-start}.blades .blade--2 .blade__sub .data .tiles .tile{flex-basis:32.5%;margin:0.4%}}@media (min-width: 1024px){.blades .blade--2 .blade__sub .data .tiles .tile{flex-basis:32.5%;margin:0.4%}}@media (min-width: 1200px){.blades .blade--2 .blade__sub .data .tiles .tile{flex-basis:19.5%;margin:0.2%}}.blades .blade--2 .blade__sub .data .tiles .no-data{position:absolute;display:none;top:0;left:0;bottom:0;right:0;background-color:var(--color--canvas);background-image:url("images/icons/pending-actions--charcoal.svg");background-position:center center;background-size:contain;background-repeat:no-repeat}.blades .blade--2 .blade__sub .data .tiles .no-data.active{display:block}@media (min-width: 768px){.blades .blade__sub .tile:last-child{margin-bottom:0}}.tile{position:relative;color:var(--color--brand-charcoal);background-color:var(--color--tile);min-height:2.5rem;border-radius:.3125rem;border:solid 3px var(--color--canvas--darker);box-shadow:0px 0px 5px 0px #e8e8e8;display:flex;flex-direction:column}.tile--center{justify-content:center;text-align:center}.tile--pad{padding:1.875rem 1.25rem}.tile--transparent{background-color:transparent;border:0;outline:0}.tile__head{text-align:center;color:var(--color--white);background-color:var(--color--brand-charcoal-darker);padding:.625rem 0}.tile__data{display:flex;flex-direction:row;font-size:var(--font-size--lg);line-height:var(--font-size--lg)}.tile__data .data__option{text-align:center;cursor:pointer;margin-right:5px;flex-basis:50%;padding:.25rem;font-size:var(--font-size);line-height:var(--font-size)}.tile__data .data__option:last-child{margin-right:0}.tile__data .data__option .title,.tile__data .data__option .option{display:block}.tile__data .data__option .title{margin:0;padding:0;text-transform:uppercase;font-size:var(--font-size--sm);line-height:var(--font-size--sm);margin-bottom:.3125rem}.tile__data .data__option .data{font-size:var(--font-size--xxl);line-height:var(--font-size--xxl)}.tile__data .data__option .data.alert{color:var(--color--brand-red)}.nav{background-color:var(--color--brand-charcoal);display:flex;flex-direction:row;box-shadow:0px 0px 5px 0px var(--color--brand-charcoal-darker)}.nav__logo{background-color:var(--color--brand-charcoal-darker);padding:.625rem .3125rem 0 .3125rem}.nav__options{padding:.625rem;display:flex;flex-direction:row;justify-content:space-between;flex-grow:2}@media (min-width: 768px){.nav__options{justify-content:flex-start}}.nav .option{display:inline-block;cursor:pointer;border:none;outline:0;background-color:var(--color--white);color:var(--color--brand-red);text-transform:uppercase;font-size:var(--font-size);line-height:var(--font-size-lh);font-weight:var(--font-weight--bold);padding:.3125rem 1.25rem;border-radius:1.25rem;border-bottom:solid 1px var(--color--brand-charcoal-darker);box-shadow:0px 0px 5px 0px var(--color--brand-charcoal-darker);transition:opacity 0.2s ease-in-out;opacity:0.5}.nav .option.active,.nav .option:hover{opacity:1;transition:opacity 0.2s ease-in-out}.nav .option .text{display:none}@media (min-width: 768px){.nav .option{margin:0 .3125rem}.nav .option .text{display:inline-block}}.nav .option .icon,.nav .option .text{vertical-align:middle}.nav .option .icon{margin-right:.3125rem}.dash{flex-grow:2}.splash{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;height:100vh;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.3);backdrop-filter:blur(2px)}.splash--error{z-index:3}.splash--error .error{margin-top:-25vh;background-color:var(--color--brand-charcoal);color:var(--color--white);border-radius:.9375rem;box-shadow:0px 4px 5px -1px rgba(0,0,0,0.25);padding:1.25rem;text-align:center;border:solid 2px var(--color--brand-charcoal-darker)}@media (min-width: 1024px){.splash--error .error{padding:1.25rem 2.5rem}}.splash--error .error .error__title{font-size:var(--font-size--md);line-height:var(--font-size--md);font-weight:var(--font-weight);margin-bottom:.625rem}.splash--error .error .error__text{font-size:var(--font-size);line-height:var(--font-size-lh);font-weight:var(--font-weight--light);margin-bottom:1.25rem}.splash--error .error .error__btns{display:flex;flex-direction:row;justify-content:center;align-items:center}.splash--updating{z-index:2}.splash--updating .loader{width:40px;aspect-ratio:1;animation:l3-1 2s infinite linear,l3-2 3s infinite steps(1) -0.5s}@keyframes l3-1{0%{transform:perspective(150px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(150px) rotateX(180deg) rotateY(0deg)}100%{transform:perspective(150px) rotateX(180deg) rotateY(180deg)}}@keyframes l3-2{0%{background:var(--color--brand-red)}33%{background:var(--color--brand-charcoal)}66%{background:var(--color--brand-mid-blue)}}.calendar{display:flex;flex-direction:column;position:relative;margin-top:.625rem;border:solid .625rem var(--color--canvas--darker);color:var(--color--brand-charcoal);background-color:var(--color--white);text-align:center;box-shadow:0px 0px 5px 0px #e8e8e8}.calendar .hanger{width:.625rem;height:1.875rem;position:absolute;top:-1.25rem;left:1.25rem;background-color:var(--color--canvas--xdarker)}.calendar .hanger--r{left:initial;right:1.25rem}.calendar__date-time{font-weight:var(--font-weight--bold);text-align:center;padding:1.25rem 0}.calendar__date-time .date,.calendar__date-time .time{display:block}.calendar__date-time .date{margin-bottom:.625rem}.calendar__date-time .time{font-size:var(--font-size--xl);line-height:var(--font-size--xl)}.calendar .hr{background-color:var(--color--canvas--darker);height:.375rem;border-radius:.1875rem;width:60%;margin:0 auto 0 auto}.calendar .look-ahead,.calendar__days{padding:.3125rem}.calendar .look-ahead{text-align:center}.calendar .look-ahead .input--date{background-color:whitesmoke}.calendar__days{display:flex;flex-direction:row;justify-content:space-evenly}.calendar__days .days__day{text-align:center;cursor:pointer;color:var(--color--white);background-color:var(--color--brand-charcoal);margin-right:2px;flex-basis:25%;font-size:var(--font-size--sm);line-height:var(--font-size--sm);padding:.125rem;opacity:0.5;transition:opacity 0.3 ease-in-out}.calendar__days .days__day.active,.calendar__days .days__day:hover{opacity:1;cursor:pointer}.calendar__days .days__day.active{border-bottom:solid 4px var(--color--brand-red--lighter);padding-bottom:.3125rem;margin-top:-.3125rem}.calendar__days .days__day:last-child{margin-right:0}.calendar__days .days__day .name,.calendar__days .days__day .date{display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.calendar__days .days__day .name{margin:0;padding:0;text-transform:uppercase;margin-bottom:.3125rem}.machine{opacity:0.5}.machine.active{opacity:1}.machine__head{display:flex;flex-direction:row;justify-content:center;align-items:end;padding:3.125rem 0}.machine__head .name{text-transform:uppercase;font-size:var(--font-size--xl);font-weight:var(--font-weight--bold);margin-right:1.25rem}@media (min-width: 768px){.machine__head .name{font-size:var(--font-size--xxl)}}@media (min-width: 1024px){.machine__head .name{font-size:var(--font-size--xxl)}}.machine__head .data,.machine__head .text{display:block;text-align:center}.machine__head .data{font-size:var(--font-size--xxl);line-height:var(--font-size--xxl)}@media (min-width: 768px){.machine__head .data{font-size:var(--font-size--xxxl);line-height:var(--font-size--xxxl)}}@media (min-width: 1024px){.machine__head .data{font-size:var(--font-size--xxxl);line-height:var(--font-size--xxxl)}}.machine__head .data.active{color:var(--color--brand-red)}.machine__head .text{font-size:var(--font-size--xs)}.machine__status{position:relative;display:flex;flex-direction:row;justify-content:space-evenly;padding:.3125rem}.machine__status:hover .status__nav{opacity:1;height:3.125rem;transition:all 0.3s ease-in-out;margin-top:-3.125rem}.machine__status .status__nav{position:absolute;top:3px;left:0;right:0;bottom:0;margin-top:0;height:1px;width:100%;padding:0 .3125rem;opacity:0;transition:all 0.3s ease-in-out}.machine__status .status__nav .nav__sub{width:100%;height:100%;background:rgba(58,58,58,0.75);color:var(--color--white)}.machine__status .status__nav .nav__sub span{vertical-align:middle;display:block;text-align:center}.machine__status .status__option{position:relative;text-align:center;cursor:pointer;color:var(--color--white);background-color:var(--color--brand-charcoal);margin-right:5px;flex-basis:25%;padding:.25rem;font-size:var(--font-size);line-height:var(--font-size)}.machine__status .status__option:hover{background:rgba(58,58,58,0.75);margin-top:-.125rem}.machine__status .status__option:last-child{margin-right:0}.machine__status .status__option .title{display:block}.machine__status .status__option .title{margin:0;padding:0;text-transform:uppercase;font-size:var(--font-size--sm);line-height:var(--font-size--sm);margin-bottom:.3125rem}.machine__status .status__option .data{font-size:var(--font-size--md);line-height:var(--font-size--md)}.refresh{position:relative;height:2.125rem;background-color:var(--color--canvas--darker);text-align:center;cursor:pointer}.refresh:hover .refresh__bar{background-color:var(--color--canvas--darker);transition:background-color 0.3s ease-in-out}.refresh .icon,.refresh__bar{position:absolute;display:block;height:100%;text-align:center;top:0;left:0;background-size:contain;background-repeat:no-repeat}.refresh .icon{width:100%;bottom:0;right:0;z-index:3}.refresh__bar{height:100%;width:0%;background-color:var(--color--brand-red--lighter);transition:background-color 0.3s ease-in-out}.switch{position:relative;display:inline-block;width:5rem;height:2.125rem}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--color--brand-red)}.switch input:checked+.slider:before{opacity:0.9}.switch input:focus+.slider{box-shadow:0 0 1px var(--color--brand-red)}.switch input:checked+.slider:before{transform:translateX(2.875rem)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color--canvas--darker);-webkit-transition:.4s;transition:.4s;text-align:center;font-size:var(--font-size--sm);line-height:2rem;color:var(--color--brand-charcoal-darker)}.slider:before{position:absolute;content:"";height:1.625rem;width:1.625rem;left:.25rem;bottom:.25rem;background-color:var(--color--white);-webkit-transition:.4s;transition:.4s;opacity:0.5}.slider:hover:before{opacity:1}.slider.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}.switch{position:relative;display:inline-block;width:5rem;height:2.125rem}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--color--brand-red)}.switch input:checked+.slider:before{opacity:0.9}.switch input:focus+.slider{box-shadow:0 0 1px var(--color--brand-red)}.switch input:checked+.slider:before{transform:translateX(2.875rem)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color--canvas--darker);-webkit-transition:.4s;transition:.4s;text-align:center;font-size:var(--font-size--sm);line-height:2rem;color:var(--color--brand-charcoal-darker)}.slider:before{position:absolute;content:"";height:1.625rem;width:1.625rem;left:.25rem;bottom:.25rem;background-color:var(--color--white);-webkit-transition:.4s;transition:.4s;opacity:0.5}.slider:hover:before{opacity:1}.slider.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}.state--normal{color:var(--color--normal-fg);background-color:var(--color--normal-bg)}.state--warning{color:var(--color--warning-fg);background-color:var(--color--warning-bg)}.state--alert{color:var(--color--alert-fg);background-color:var(--color--alert-bg)}.state-info{position:absolute;top:0;right:0;width:1.25rem;height:1.25rem;overflow:hidden;cursor:pointer}.state-info__desc{display:none}.state-info .arrow{position:absolute;top:0;right:0;display:block;width:0;height:0;cursor:pointer;border-style:solid;border-width:.625rem;border-color:var(--color--brand-red) var(--color--brand-red) transparent transparent}.state-info:hover{background:rgba(255,255,255,0.8);color:var(--color--black);padding:0 .625rem;font-size:var(--font-size--sm);line-height:var(--font-size-lh--sm);box-shadow:0px 4px 5px -1px rgba(0,0,0,0.25);overflow:visible;width:80%;height:auto}.state-info:hover .state-info__desc{display:block}.selected-depot{margin-bottom:.625rem}.selected-depot .input{display:block;width:100%}.selected-depot .label{display:inline-block;font-size:1rem;font-weight:var(--font-weight);margin-bottom:.3125rem;color:var(--color--brand-charcoal-darker)}


/*# sourceMappingURL=index.35f025b3cdd5be39c24f.css.map*/