@import url(https://fonts.googleapis.com/css2?family=IM+Fell+English&family=Open+Sans:wght@400;600;700&display=swap);#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bascoLoginContainer{padding-left:40px;padding-right:40px}.bascoLoginContainer input[type=email],.bascoLoginContainer input[type=password]{border:2px solid var(--commerceLightGrey)!important;padding:15px!important}.bascoLoginContainer input[type=email]:focus,.bascoLoginContainer input[type=password]:focus{border:2px solid var(--bascoGreen)!important}.bascoLoginContainer button[type=submit]{width:100%}td{padding:10px}td.labelMain{text-transform:uppercase;background:#3fa582;color:#fff;font-weight:600;font-family:Arial,sans-serif!important}td.label{background:#c6e0d8}td.label,td.labelLight{text-transform:uppercase;font-weight:600;font-size:10px;font-family:Arial,sans-serif!important}td.labelLight{background:#eef6f4}td.label span{font-family:Arial,sans-serif!important}table{border:1px solid}:root{--bascoGreen:#258c37;--bascoRed:#d52216;--bascoYellow:#ffc600;--bascoGreyCopy:#212529;--commerceOrange:#f95700;--commerceBlue:#0077c5;--commerceRed:red;--commercePink:#c9007a;--commerceDarkGrey:#393a3d;--commerceLightGrey:#f4f5f8}body{font-size:14px;font-family:Open Sans,sans-serif;padding:0;margin:0}input[type=submit]{-webkit-appearance:none}.container{max-width:1300px!important;width:100%!important}.bgPage{background:#f4f5f8}h1{font-size:34px;text-align:center;margin:40px 0}h1,h2{width:100%;font-weight:600;color:#000}h2{font-size:22px;margin:15px 0 15px 0}h3{width:100%;font-weight:600;color:#000;font-size:18px;margin:0 0 15px 0}h3.red{color:var(--bascoRed)}h4{width:100%;font-weight:600;font-size:22px;margin:0 0 5px 0}h4,h4 a{color:#000}h4 a{text-decoration:none}h4 a:focus,h4 a:hover{color:#000;text-decoration:underline}h4.reference{font-family:Open Sans,sans-serif}h5{color:#fff;font-size:18px}h6{color:#000;font-size:16px;font-weight:600}p{margin:0 0 15px 0;line-height:1.35}a.bascoLink{color:var(--commerceDarkGrey);text-decoration:none}a.btnYellow{background:var(--bascoYellow)}a.btnGreen,a.btnYellow{color:#fff;text-align:center;padding:12px 14px 12px 14px;text-decoration:none;text-transform:uppercase;font-size:14px;border:0;cursor:pointer}a.btnGreen{background:var(--bascoGreen);font-weight:600}a.btnGreenHeader{color:#fff;padding:11px 14px 11px 14px;background:var(--bascoGreen);border:0;border-radius:3px}a.btnGreenHeader,a.btnRedHeader{text-align:center;text-decoration:none;text-transform:uppercase;font-weight:600;font-size:14px;cursor:pointer;display:inline-block}a.btnRedHeader{color:var(--bascoRed);border:2px solid var(--bascoRed);padding:10px 14px 10px 14px;background:transparent;border-radius:3px}a.btnGreenLineHeader{color:var(--bascoGreen);border:2px solid var(--bascoGreen);padding:10px 14px 10px 14px;background:transparent;font-size:14px;cursor:pointer;display:inline-block;border-radius:3px}a.btnGreenFull,a.btnGreenLineHeader{text-align:center;text-decoration:none;text-transform:uppercase;font-weight:600}a.btnGreenFull{width:100%;color:#fff;padding:15px 15px 15px 15px;background:#228c22;margin-top:0;margin-bottom:15px;display:block;font-size:20px}a.btnRedText{color:var(--bascoRed);text-decoration:none;cursor:pointer}a.btnOrderAction{width:100%;padding:5px;color:#fff;background:var(--bascoGreen);display:block}a.btnGreenLineSmall,a.btnOrderAction{text-align:center;text-decoration:none;cursor:pointer}a.btnGreenLineSmall{color:var(--bascoGreen);border:2px solid var(--bascoGreen);padding:5px 10px 5px 10px;background:transparent;text-transform:uppercase;font-size:14px;display:inline-block;border-radius:3px}a.btnGreenLine{color:var(--bascoGreen);border:2px solid var(--bascoGreen);border-radius:3px;width:100%}a.btnGreenLine,a.btnRedLineSmall{text-align:center;padding:5px 10px 5px 10px;background:transparent;text-decoration:none;font-size:14px;cursor:pointer;display:inline-block}a.btnRedLineSmall{color:var(--bascoRed);border:2px solid var(--bascoRed);text-transform:uppercase;border-radius:3px}a.btnGreyLineSmall{color:var(--commerceDarkGrey);border:2px solid var(--commerceDarkGrey);text-align:center;padding:5px 10px 5px 10px;background:transparent;text-decoration:none;text-transform:uppercase;font-size:14px;cursor:pointer;display:inline-block;border-radius:3px}hr{border:0;height:1px;background:#9d9d9c;margin-top:15px;margin-bottom:25px}hr,label{width:100%}label{font-size:14px;text-transform:none;color:#393a3d;font-weight:400;margin-bottom:10px;padding-top:6px;text-align:right}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{border:1px solid #c6c6c6;padding:5px 10px;color:#000;width:100%;font-size:16px;margin-bottom:6px;height:auto!important;outline:none;border-radius:3px!important}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border:1px solid var(--bascoGreen)}button[type=submit],input[type=submit]{color:#fff;text-align:center;padding:12px 30px 12px 30px;background:var(--bascoGreen);text-decoration:none;margin-top:15px;margin-bottom:30px;display:block;text-transform:uppercase;font-weight:600;font-size:16px;border:0;border-radius:3px!important}.inputTypeForUnit,.inputTypeForUnitLeft,.inputTypeForUnitLeftOrder,.inputTypeForUnitOrder,.inputUnitLeftOrder,.inputUnitOrder{position:relative}.inputTypeForUnitLeft input[type=text]{padding-left:49px!important}.inputTypeForUnitLeftOrder input[type=text]{padding-left:29px!important}.inputUnit{width:39px}.inputUnit,.inputUnitOrder{position:absolute;right:0;top:0;border-left:1px solid #c6c6c6;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;text-align:center;z-index:99;padding-top:7px;padding-bottom:7px}.inputUnitOrder{width:20px;color:#d4d7dc}.inputUnitLeft{width:39px}.inputUnitLeft,.inputUnitLeftOrder{position:absolute;left:0;top:0;border-right:1px solid #c6c6c6;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;text-align:center;z-index:99;padding-top:7px;padding-bottom:7px}.inputUnitLeftOrder{width:20px;color:#d4d7dc}.commerceSelect{background:url(/img/select.33e2ade0.svg) 100% no-repeat;background-size:15px;background-position-x:7px;background-position:right 11px top 13px;overflow:hidden;border:1px solid #c6c6c6;padding:5px 10px;color:#000;width:100%;font-size:16px;margin-bottom:6px;height:auto!important;outline:none;border-radius:3px!important}.commerceSelect select{border:0;padding:0;margin:0;width:140%;background:none;outline:none}.checkboxContainer{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkboxContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:3px!important}.contaicheckboxContainerner:hover input~.checkmark{background-color:#ccc}.checkboxContainer input:checked~.checkmark{background-color:var(--bascoGreen)}.checkmark:after{content:"";position:absolute;display:none}.checkboxContainer input:checked~.checkmark:after{display:block}.checkboxContainer .checkmark:after{left:9px;top:5px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.mx-datepicker{width:100%!important}.mx-input{line-height:1.6!important}.mx-icon-calendar,.mx-icon-clear{top:44%!important}#leftNavMain{width:210px;display:block;position:relative;background:#27272a;flex-direction:column;height:100vh;float:left;overflow:hidden}#leftNavMain .topNav{visibility:visible;flex-basis:0;flex-grow:1;width:210px}#leftNavMain nav{padding:12px 0;position:relative}#leftNavMain nav.top{padding:12px 12px}#leftNavMain h5{display:inline-block;margin-top:7px;margin-left:10px}nav.firstNav ul{list-style:none;width:100%;margin:0;padding:0}nav.firstNav ul li{background:#27272a;width:100%;transition:background .2s,color .2s;padding:10px 12px;color:hsla(0,0%,100%,.7)}nav.firstNav ul li:hover{background:#000;color:#fff}nav.firstNav ul a,nav.firstNav ul a:focus,nav.firstNav ul a:hover{text-decoration:none!important}nav.firstNav ul a.router-link-active li{background:var(--bascoGreen);color:#fff;text-decoration:none!important}nav.firstNav ul li span{width:30px;text-align:center;display:inline-block;margin-right:5px}#leftNavSecond{visibility:visible;transform:translateX(210px);transition:transform .2s ease-in-out;width:160px;background-color:#393a3d;z-index:10;position:absolute;height:100%;left:50px;top:0;color:#fff}#leftNavSecond.active{transform:translateX(0)}nav.secondNav ul{list-style:none;margin:0;padding:0}nav.secondNav ul li{width:100%;display:inline-block;padding:10px 12px}nav.secondNav ul li.active,nav.secondNav ul li:hover{background:#000;color:#fff}nav.secondNav a{color:#fff;text-decoration:none}nav.secondNav a:focus,nav.secondNav a:hover{color:#fff}#appContainer{width:calc(100% - 210px);min-height:100vh;display:inline-block;float:left;height:100vh;overflow-y:scroll}.pageContainer{padding:15px 25px;max-height:calc(100vh - 60px);overflow-y:scroll}.pageSubContainer{padding:15px 0}header{background:#f4f5f8;padding:20px 20px 0 20px}header.titleRow{padding:20px 20px 10px 20px}header input[type=text]{width:100%;padding:3px 10px 3px 30px!important;line-height:26px;margin-bottom:0!important;border:1px solid #c6c6c6!important;font-size:14px!important;background:url(/img/tb-search.43689436.svg) 0 no-repeat;background-size:15px;background-position-x:7px}header input[type=text]:focus{border:1px solid var(--bascoGreen)!important}ul.filterNav{width:100%;margin:15px 0 0 0;list-style:none;padding:0}.filterNavBottom{margin:15px 0 -10px 0!important}ul.filterNav li{display:inline-block;border-bottom:3px solid #f4f5f8;padding:8px 15px}ul.filterNav a.router-link-exact-active,ul.filterNav li.active{border-bottom:3px solid var(--bascoGreen);font-weight:700}ul.filterNav a.router-link-exact-active{padding-bottom:6px}ul.filterNav a:hover{padding-bottom:6px;border-bottom:3px solid var(--bascoGreen)}ul.filterNav a,ul.filterNav a:focus,ul.filterNav a:hover{color:var(--bascoGreyCopy)!important;text-decoration:none!important}#resultsHeader{width:100%;padding-top:15px;padding-bottom:15px;font-weight:700;text-transform:uppercase;text-align:left;border-bottom:1px solid #eceef1}#resultsBody .checkboxCol,#resultsBody .iconCol,#resultsHeader .checkboxCol,#resultsHeader .iconCol{width:50px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody .smallCol,#resultsHeader .smallCol{width:100px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody .normalCol,#resultsHeader .normalCol{width:180px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody .doubleCol,#resultsHeader .doubleCol{width:360px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody .trippleCol,#resultsHeader .trippleCol{width:540px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody .quadCol,#resultsHeader .quadCol{width:720px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#resultsBody{padding-top:15px;padding-bottom:15px;width:100%;border-bottom:1px solid #eceef1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-color:#fff;transition:all .2s;color:var(--bascoGreyCopy)}#resultsBody:hover{background-color:#f4f5f8}#resultsBody.Addition{background-color:rgba(37,140,55,.2)!important}#resultsBody.Removal{background-color:rgba(213,34,22,.2)!important}#resultsBody a,#resultsBody a:focus,#resultsBody a:hover{color:var(--bascoGreyCopy)!important;text-decoration:none!important}#resultsFooterLink{padding-top:15px;padding-bottom:15px;background:#f4f5f8}#resultsFooterLink a{text-decoration:none;color:var(--bascoGreyCopy);transition:all .2s;cursor:pointer}#resultsFooterLink a:focus,#resultsFooterLink a:hover{text-decoration:underline;color:var(--bascoGreen)}.itemsGroup,.itemsList{margin:0 0 0 0;width:100%}.itemsList{display:flex;justify-content:space-between}.itemsList dt.item{width:40%;font-weight:600}.itemsList dd.item,.itemsList dt.item{text-align:left;padding:2px 8px;display:inline-block;min-height:25px}.itemsList dd.item{width:60%}#modalOverlay{width:100%;height:100vh;position:fixed;z-index:1200;background:rgba(0,0,0,.4);transition:all .3s;text-align:center}#modalWindow{width:800px;margin:120px auto 0;position:relative;z-index:1201;background:#fff;padding:20px 40px;text-align:left}#modalWindow .modalClose{transform:rotate(45deg);position:absolute;right:-30px;top:-15px;font-size:20px;color:#fff}#modalWindow input[type=submit]{margin-bottom:0}.pageCard{background:#fff;padding:20px;border-radius:3px;border:1px solid #d4d7dc;margin-bottom:20px}.pageCard.greenTop{border-top:3px solid var(--bascoGreen)}table.orderItem{width:100%;margin-bottom:50px}table.orderItem tr{border-bottom:1px solid #e7e7e7;display:table-row;transition:all .2s}table.orderItem th{text-transform:uppercase;font-weight:600;font-size:10px;padding:5px 5px 5px 0;text-overflow:ellipsis;white-space:nowrap;line-height:21px}table.orderItem td{padding:5px 5px 5px 0;font-size:14px}table.orderItem tbody tr:hover{background:#f4f5f8}table.orderItem input[type=text]{margin-bottom:0}.orderItem .inputResults{position:absolute;width:50vw;border:1px solid #d4d7dc;z-index:500;background:#fff;max-height:400px;overflow-y:scroll}.orderItem .inputResults ul{width:100%;margin:0;padding:0;list-style:none}.orderItem .inputResults ul li{width:100%;padding:15px}.orderItem .inputResults ul li:hover{background:#f4f5f8}.orderItem .inputResults ul li span{font-size:12px}.addNewItemLink{text-decoration:none;color:var(--bascoGreyCopy);transition:all .2s;cursor:pointer;padding-top:6px;padding-bottom:6px}.addNewItemLink:focus,.addNewItemLink:hover{text-decoration:underline;color:var(--bascoGreen)}.itemStatus{padding:3px 20px;border-radius:15px;text-transform:uppercase;display:inline-block;font-weight:700;font-size:12px}.itemStatus.processing{border:1px solid var(--commerceOrange);background:var(--commerceOrange);color:#fff}.itemStatus.further{border:1px solid var(--commercePink);background:var(--commercePink);color:#fff}.itemStatus.complete{border:1px solid var(--bascoGreen);background:var(--bascoGreen);color:#fff}.emptyPoint{border-radius:20px;border:1px solid var(--bascoGreyCopy);width:15px;height:15px;display:inline-block}.emptyPoint.invoiced,.emptyPoint.packed,.emptyPoint.paid,.emptyPoint.shipped,.emptyPoint.yes{background:var(--bascoGreyCopy)}.paginationContainer{bottom:0;background:#fff;z-index:100;box-shadow:0 0 10px 0 rgba(0,0,0,.4);padding-top:15px;padding-bottom:15px;padding-right:20px;position:fixed;width:calc(100% - 210px)}.btnPaginate{display:inline-block;padding:4px;border:1px solid #000;margin-left:10px;color:#000;text-decoration:none;line-height:1;font-size:12px;transition:all .2s;background:#fff;cursor:pointer}.btnPaginate:hover{background:var(--bascoGreen);color:#fff}.paginationSpacer{height:60px;width:100%}.commerceNotes{background:var(--commerceLightGrey);width:100%;padding:20px;border-radius:5px}@media only screen and (min-device-width:320px) and (max-device-width:1024px){#leftNavMain{width:55px}#appContainer{width:calc(100% - 55px)}nav.firstNav ul li span.text{display:none}#resultsBody .checkboxCol,#resultsBody .iconCol,#resultsHeader .checkboxCol,#resultsHeader .iconCol{width:30px}#resultsBody .smallCol,#resultsHeader .smallCol{width:80px}#resultsBody .normalCol,#resultsHeader .normalCol{width:120px}#resultsBody .doubleCol,#resultsHeader .doubleCol{width:240px}#resultsBody .trippleCol,#resultsHeader .trippleCol{width:360px}#resultsBody .quadCol,#resultsHeader .quadCol{width:480px}}