@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[class*=badge-]{border-radius:6px;margin:3px;padding:2px 4px}.badge-awaiting-payment{background:#000;color:#fff}.badge-awaiting-shipment{background:#933d9a;color:#fff}.badge-on-hold{background:#65100b;color:#fff}.badge-needs-artwork{background:red;color:#fff}.badge-awaiting-approval{background:#f90;color:#fff}.badge-rework-requested{background:#c7ada1;color:#fff}.badge-approved{background:#060;color:#fff}.badge-ready-to-print{background:lime;color:#000}.badge-production-ready{background:aqua;color:#000}.badge-refund-requested{background:#666;color:#fff}.badge-cancelled{background:#000;color:#fff}.badge-shipped{background:#fc0;color:#fff}.badge-pick-up{background:pink;color:#fff}.badge-awaiting-pick-up{background:#f0c;color:#fff}.badge-in-production{background-color:#3995c3;color:#fff}.badge-pre-production-ready{background:#c8a2c8;color:#fff}:root{--p900:#37636b;--p800:#448697;--p700:#4b9ab0;--p600:#54afca;--p500:#5bbfde;--p400:#5ec9e5;--p300:#6fd3ed;--p200:#92e0f4;--s900:#790089;--s800:#970094;--s700:#a7009a;--s600:#ba00a0;--s500:#c800a4;--s400:#d529b2;--s300:#de5bbf;--s200:#e98ed2}.dark{--bg:#0a0a0a;--card-bg:#202124;--bg-alt-1:#212529;--bg-alt-2:#161616;--border:none;--text:#fff;--text-50:hsla(0,0%,100%,.5)}.light{--bg:#fff;--card-bg:#fff;--bg-alt-1:#d9d9d9;--bg-alt-2:#00000060;--border:1px solid #777;--text:#000;--text-50:rgba(0,0,0,.5)}body{background-color:var(--bg);color:var(--text)}#root>div:not(.notification-container){display:flex;flex-direction:column;min-height:100vh}#root>div:not(.notification-container) .header{flex:0 1 auto}#root>div:not(.notification-container) .container{flex:1 1 auto}.container{display:flex;flex-direction:row!important}.sideNav a{color:var(--text)}.sideNav a,.sideNav a:hover{text-decoration:none}a{color:#448697;color:var(--p800)}a:hover{color:#37636b;color:var(--p900);text-decoration:underline}.main{align-items:stretch;display:flex;flex-flow:row wrap;overflow-y:auto;width:100%}.main .card:first-child{margin-top:20px}.card{background-color:var(--card-bg);border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.24);flex:1 1;margin:0 15px 10px;padding:15px;transition:all .3s;width:90%}.card:hover{box-shadow:0 2px 15px rgba(29,29,29,.5)}.hamburger{background-color:transparent;border:0;color:inherit;cursor:pointer;display:none;font:inherit;margin:0;overflow:visible;padding:15px;scale:.8;text-transform:none;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-timing-function:linear}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:var(--text-50)}.hamburger-box{display:inline-block;height:24px;position:relative;width:40px}.hamburger-inner{display:block;margin-top:-2px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:var(--text-50);border-radius:4px;height:4px;position:absolute;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:40px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s}.positive{color:green}.negative{color:red}.warning{color:orange}.chips{display:flex}.chips>*{margin:auto 5px!important}td a{color:#448697}td a:hover{color:#37636b}.dangerBtn{color:#c62828!important}.dangerBtn.MuiButton-outlined{border:1px solid #c62828}.dangerBtn:hover{background-color:#c6282814!important}table .no-wrap{white-space:nowrap}.header{align-items:center;background-color:var(--card-bg);border-bottom:var(--border);display:flex;flex-direction:row;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dropDown{border-radius:6px 6px 0 0;position:relative;transition:height .1s}.dropDown:hover{background-color:var(--bg-alt-1);cursor:pointer}.dropDown:hover:before{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);content:"";height:100%;position:absolute;width:100%;z-index:-1}.dropDown:hover .dropdown-content{display:flex;height:100%}.dropDown:hover>div>span{-webkit-transform:translateY(0);transform:translateY(0)}.dropDown>div{display:flex;justify-content:center;padding:10px}.dropDown>div>span{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:all .1s}.dropDown .dropdown-content{background-color:var(--bg-alt-1);border-radius:0 0 6px 6px;display:none;flex-direction:column;height:0%;padding:10px;position:absolute;width:100%;z-index:1}.pageCover{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.sidebar{background-color:var(--card-bg);flex-basis:20%;overflow:hidden;position:-webkit-sticky;position:sticky;top:78px;transition:all .3s;z-index:1}.sidebar.collapsed{flex-basis:0;width:0}.sideNav{border-right:var(--border);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.sideNav .navFooter{bottom:0;padding:15px;position:fixed}.sideNav .navFooter:hover{cursor:pointer}@media(max-width:768px){.hamburger{display:inline-block}.sidebar{height:100%;position:fixed;top:unset;width:100%}}.transition,p.card-text,ul.accordion>li i.arrow:after,ul.accordion>li i.arrow:before{transition:all .25s ease-in-out}ul.dashed{list-style-type:none}ul.dashed li{padding:10px}.no-select,h2{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.infoHeader{align-items:center;cursor:pointer;display:flex;flex-basis:80%;margin:0;padding:10px}ul.accordion>li>div{background-color:var(--bg-alt-2);flex-basis:100%;opacity:1;overflow:hidden;position:relative;-webkit-transform:translate(0);transform:translate(0);transition:all .2s ease-in-out;z-index:2}ul.accordion{list-style:none;margin:0;padding:0;-webkit-perspective:900;perspective:900}ul.accordion li{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;position:relative}ul.accordion li:hover{color:var(--p800)}ul.accordion li .fa{padding-right:5px}a.navActive li{background-color:var(--s900);color:#fff}ul.accordion>li i.arrow{flex-basis:20%;margin-top:-8px;-webkit-transform:translate(-6px);transform:translate(-6px)}ul.accordion>li i.arrow:after,ul.accordion>li i.arrow:before{background-color:var(--p800);content:"";height:9px;position:absolute;width:3px}ul.accordion>li i.arrow:before{-webkit-transform:translate(-2px) rotate(45deg);transform:translate(-2px) rotate(45deg)}ul.accordion>li i.arrow:after{-webkit-transform:translate(2px) rotate(-45deg);transform:translate(2px) rotate(-45deg)}ul.accordion>li input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}ul.accordion>li input[type=checkbox]:checked~div{margin-top:0;max-height:0;opacity:0}ul.accordion>li input[type=checkbox]:checked~i:before{-webkit-transform:translate(2px) rotate(45deg);transform:translate(2px) rotate(45deg)}ul.accordion>li input[type=checkbox]:checked~i:after{-webkit-transform:translate(-2px) rotate(-45deg);transform:translate(-2px) rotate(-45deg)}.notification-container{box-sizing:border-box;font-size:14px;position:fixed;z-index:999999}.bottom-right{-webkit-animation:toast-in-right .7s;animation:toast-in-right .7s;bottom:12px;right:12px;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.notification{border-radius:3px 3px 3px 3px;color:#fff;display:flex;justify-content:center;margin:0 0 15px;overflow:hidden;padding:10px;pointer-events:auto;position:relative;transition:.3s ease}.notification>span{margin-right:15px}.notification-title{font-size:16px;font-weight:700;height:18px;margin-bottom:6px;margin-top:0;text-align:left;width:300px}.notification-message{height:18px;margin:0 0 0 -1px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.notification-container button{background:0 0;border:0;color:#fff;cursor:pointer;font-size:16px;font-weight:700;line-height:1;outline:none;padding:0}.fadeout{-webkit-animation:fadeout .2s linear forwards;animation:fadeout .2s linear forwards}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes toast-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toast-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toast-in-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toast-in-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.sk-cube-grid{height:40px;margin:100px auto;width:40px}.displayOver{align-items:center;background-color:#0000004b;bottom:0;display:flex;left:0;position:fixed;right:0;text-align:center;top:0;z-index:10}.sk-cube-grid .sk-cube{-webkit-animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;background-color:var(--text);float:left;height:33%;width:33%}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.loginCard{align-items:center;display:flex;flex-direction:column;max-width:400px;min-width:40%}.loginCard form{width:100%}.loginCard .MuiFormControl-root{margin-bottom:15px}.loginCard button{float:right}.loginContainer{align-items:center;background-color:var(--bg);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:11}.slide-out{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideOut;animation-name:slideOut}@-webkit-keyframes slideOut{to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes slideOut{to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.itemHeader{display:flex;justify-content:space-between}.stockWarning{background-color:#ed323269}.itemForm{align-items:center;display:flex;flex-flow:row wrap}.itemForm>*{flex-basis:30%;margin:15px 5px!important}td a{color:var(--p800)}td a:hover{color:var(--p900);text-decoration:underline}.detailTableBody{margin-bottom:40px}.progressBox{border:1px solid var(--text-50);border-radius:2px;height:26px;overflow:hidden;position:relative;width:100%}.progressBox .boxText{display:flex;justify-content:center;line-height:24px;position:relative;width:100%;z-index:1}.progressBox .boxBack{background-color:green;height:100%;position:absolute;top:0}hr{margin:10px 0}.newItem{align-items:center;display:flex}.newItem>:not(:last-child){margin-right:10px}.detailForm{display:flex;flex-direction:column;flex-wrap:wrap}.detailForm>*{margin:5px}.detailForm div:first-of-type>:not(:last-child){margin-right:10px}.detailForm .orderItem{align-items:center;display:flex}.detailForm .orderItem>:not(:last-child){margin-right:10px}table.pTable td,table.pTable th{border:1px solid #000;padding:2px;text-align:center}table.pTable{border-collapse:collapse}.orderHidden{position:absolute;top:0;visibility:hidden;z-index:-10}#purchaseOrderPdf{display:block;margin-top:10px;min-height:500px;width:100%}.addComp{display:flex;flex-direction:row;flex-wrap:wrap}.addComp>:not(:last-child){margin-right:10px}.components{display:flex;flex-direction:row;flex-wrap:wrap}.components>div{border:1px solid var(--text-50);border-radius:4px;padding:10px;position:relative}.components>div:not(:last-child){margin-right:10px}.components>div .remove{background-color:var(--bg-alt-2);border-radius:50%;display:none;height:25px;padding:3px;position:absolute;right:-10px;text-align:center;top:-10px;width:25px}.components>div .remove:hover{cursor:pointer}.components>div:hover .remove{color:red;display:block}.items{display:flex;flex-direction:column}.items>div{display:flex;flex-direction:row;margin:10px}.items .info{margin-right:30px}.items .subItems{display:flex;flex-flow:row wrap}.items .subItems>div{margin:0 10px 10px}.items .subItems>div hr{margin:3px 0}.items .subItems>div p{padding:0 15px 0 5px}.tag{border-radius:13px;color:#fff;display:inline-block;font-size:13px;height:17px;line-height:20px;margin-bottom:-4px;margin-left:3px;margin-right:3px;padding:0;position:relative;text-decoration:none;white-space:nowrap;width:7px}.rowNegative{background-color:#ed323269}.homeStats{display:flex;flex-flow:column wrap}.homeStats>div{display:flex;flex-flow:row wrap}.homeStats>div>div{margin:20px;position:relative}.homeStats>div>div canvas{max-height:200px}.homeStats .doughnutPercent{font-size:100%;font-weight:700;left:50%;position:absolute;top:62%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.homeStats .lowStockItems>li{border-bottom:1px solid hsla(0,0%,100%,.219);display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:5px;padding:2px 0}.addWastage{display:flex;flex-flow:column nowrap}.addWastage .line{display:flex;flex-flow:row nowrap}.addWastage .line>:not(:last-child){margin-right:10px}.addWastage .submitBtn{align-self:end;margin:10px;max-width:100px}
/*# sourceMappingURL=main.be08ac22.css.map*/