@font-face { font-family:'Work Sans'; font-style:normal; font-weight:100 900; unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format('woff2'); }

@font-face { font-family:'Work Sans'; font-style:normal; font-weight:100 900; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; src:url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format('woff2'); }

@font-face { font-family:'Special Elite'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/specialelite/v11/XLYgIZbkc4JPUL5CVArUVL0ntnAOSFNuQsI.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html, body, * { margin:0;padding:0;box-sizing:border-box; }

* { font-family:inherit; font-size:inherit; font-weight:inherit; scrollbar-width:thin; scrollbar-color:#2e2e2e #f2b41b; }

*::-webkit-scrollbar { width:6px }

*::-webkit-scrollbar-track { border-radius:3px; background:#f2b41b }

body::-webkit-scrollbar-track { border-radius:0 }

*::-webkit-scrollbar-thumb { border-radius:3px; background-color:#2e2e2e }

a, a:hover, a:visited, a:active { text-decoration:none; color:inherit }

html, body { background:#e5e5e5;color:#242424;width:100%;height:100%;font-weight:300 }

h1 { margin:0; font-size:2.4rem }

h2 { margin:2rem 0 0 0; font-size:2rem }

h3 { margin:0; font-size:1.4rem }

p { margin:0 0 1rem 0 }

strong { font-weight:400 }

div.infobox { font-size:2rem }

div.infobox p { margin:1.4rem 0 }

@keyframes wiggle { from { transform:none; } 20% { transform:rotate(-8deg); } 50% { transform:rotate(+6deg) translateY(0.3rem); } 70% { transform:rotate(-4deg); } to { transform:none; } }

@keyframes open-slide-up { from { transform:translateY(+100%) } to { transform:translateY(0); } }

@keyframes close-slide-up { from { transform:translateY(0)     } to { transform:translateY(-100%);} }

@keyframes open-slide-down { from { transform:translateY(-100%) } to { transform:translateY(0); } }

@keyframes close-slide-down { from { transform:translateY(0)     } to { transform:translateY(+100%);} }

@keyframes open-batch-panel { from { height:0; border-bottom-width:0 } to { height:60vh; border-bottom-width:0.2rem } }

@keyframes close-batch-panel { from { height:60vh; border-bottom-width:0.2rem } to { height:0; border-bottom-width:0 } }

label.toggle-control { display:flex; align-items:center; user-select:none; cursor:pointer }

label.toggle-control input[type="checkbox"] { position:relative; width:1.2em; height:0.8em; margin-right:0.5em; border-radius:0.8em; background-color:#0b364e; outline:none; appearance:none; opacity:0.6; transition:background 200ms ease }

label.toggle-control input[type="checkbox"]:before, label.toggle-control input[type="checkbox"]:after { position:absolute; display:block; content:""; border-radius:50%; transition:background 200ms ease, transform 200ms ease }

label.toggle-control input[type="checkbox"]:before { width:0.8em; height:0.8em; background-color:#e53935 }

label.toggle-control input[type="checkbox"]:checked { opacity:1 }

label.toggle-control input[type="checkbox"]:checked:before { background-color:#1ae023; transform:translateX(50%) }

@keyframes glow-file-drop { from { filter:hue-rotate(0deg) } to { filter:hue-rotate(360deg) } }

@keyframes close-slide-down { from { transform:translateY(0); } to { transform:translateY(+100%); } }

body { display:flex;flex-direction:column; font-family: 'Work Sans', sans-serif }

.n1 { display:flex; flex:1; align-items:center; justify-content:stretch; background:url('../img/loginbg.jpg') center bottom 25% no-repeat #191714; background-size:cover; color:#e5e5e5; }

.n2 { position:relative; top:4rem; display:flex; width:100%; height:6rem; align-items:center; justify-content:center; background:linear-gradient(180deg, #d89b00 0%, #BF8A00 100%); box-shadow:0px 0px 20px 20px rgba(0, 0, 0, 0.30); }

.n3 { margin-right:3rem; padding:1.4rem 2rem; background:#793503; box-shadow:1px 1px 8px rgba(0,0,0,0.3); }

.n4 { width:12rem; height:auto; }

.n5 { display:flex; align-items:center; }

.n5>input[type="text"], .n5>input[type="password"] { display:block; width:12rem; height:2.6rem; margin:0 1rem 0 0; padding:0.4rem 1rem; font-size:1.2rem; color:#9e4804; border:1px solid #eaad13; outline:none; border-radius:0.25rem; background:#f5e233; }

.n5>input::placeholder { color:#ba860b; font-style:oblique }

.n5>input:focus { box-shadow:0 0 15px rgba(85,253,255,0.4) }

.n6 { display:block; width:6rem; height:2.6rem; font-size:1.2rem; padding:0.4rem 1rem; border:1px solid #eaad13; border-radius:0.25rem; border-bottom-right-radius:1.4rem; background:#f5e233; color:#9e4804; }

.n7 { flex:0 0 3.2rem; position:relative; z-index:3; background:#826b15 }

.n8 { position:relative; z-index:11; display:flex; align-items:center; justify-content:space-between; height:3.2rem; padding-left:1rem; overflow:visible; background:linear-gradient(180deg, #d89b00 0%, #d29700 100%); box-shadow:0px 0px 5px 1px rgb(0 0 0 / 40%) }

body.v-devnope .n8 { background:linear-gradient(180deg, #dc5b27 0%, #c35100 100%) }

.n9 { display:flex; align-items:center; height:100%; cursor:pointer }

.n10 { flex:0 0 auto; width:auto; max-width:40vw; height:80%; }

.n11 { flex:0 0 auto; width:auto; height:3.6rem; align-self:flex-start; max-width:25vw; box-shadow:0 0 4px 2px rgba(0,0,0,0.25); }

.n12 { flex:0 0 auto; display:flex; align-self:stretch; align-items:stretch; justify-content:flex-end; }

.n12 >.m-modal { display:flex; position:relative; padding:0; align-items:stretch; justify-content:stretch; cursor:pointer; user-select:none }

.n12 >.m-modal:hover svg { fill: #6b5211 }

.n12 >.m-modal.open svg { fill: #6b5211 }

.n12>div>.tgl { display:flex; position:relative; z-index:2; width:5rem; align-items:center; justify-content:center; padding:0 0.75rem }

.n12>div>.cnt { display:none; position:absolute; z-index:1; top:3rem; right:0; white-space:nowrap; background:#f9bc40; border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; overflow: hidden; }

.n12>div.open>.cnt { display:block }

.n12>div.open>.tgl { background:#f9bc40; }

.n12>div.open:hover>.tgl { background:#f9bc40; }

.n12 svg { fill:#9e750b; max-width:100%; max-height:100% }

.n12>div>.cnt>.btn { display:block; padding:1rem 2rem }

.n12>div>.cnt .btn:hover { background:#b78f28; color: #fff }

.n12>div.open>.cnt>.lst { max-height:40vh; overflow:auto }

.n13 { display:flex; align-items:center }

.n14 { flex:1 0 auto; width:2rem; height:2rem }

.n15 { display:flex; align-items:center; padding:0 1.5rem; font-size:1.4rem; cursor:pointer }

.n15 svg path { fill:#9e750b }

.n15:hover svg path { fill:#7e5504 }

body.v-devnope .n15 svg path { fill:#9a4718 }

body.v-devnope .n15:hover svg path { fill:#84390e }

.n16 { width:2rem; height:2rem }

.n17 { flex:0 0 2.4rem; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:0 2rem; background:linear-gradient(180deg, #D89B00 0%, #D29700 100%) }

.n18 { font-weight:400 }

.n19 { font-size:0.8rem }

.n20 { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:987654; background:rgba(0,0,0,0); transition:background-color 1s ease; }

.n20.open { display:flex; background:rgba(0,0,0,0.4) }

.n20.open.closing { background:rgba(0,0,0,0) }

.n21 { flex:1 1 auto }

.n22 { display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; position:relative; z-index:2; padding:0.5rem 1rem; font-size:1.2rem; background:#0a8fa7; color:#cffcff; }

.n22 >section { display:flex; align-items:stretch; height:3rem }

.n22 section>div { display:flex; align-items:center; padding:0 2rem; border-right:1px solid #245139 }

.n22 section>div.active, .n22 section>div.active:hover { background-color:#788f82; color:#fff; cursor:default }

.n22 .btn, .n22 .tgl { cursor:pointer }

.sealed .n22 [order-group-name="fresh"] { display:none }

.n23 { flex:1 1 auto; }

.n24 { flex:1 0 auto }

.n25 .bigbox { border:1px solid #e0e0e0; background:#fff; box-shadow:0 0 4px 0px rgb(0 0 0 / 20%); border-radius:0.4rem; }

.n25 .bigbox h2 { margin:0; padding:0.6rem 1rem; border-top-left-radius:0.4rem; border-top-right-radius:0.4rem; background:#d6eef3; color:#29587b }

.n26 { display:grid; grid-gap:1rem; margin:1rem; grid-template-columns:repeat(3, minmax(0, 1fr)); }

.n27 { flex:0 1 24rem; }

.n28 { display:flex; align-items:stretch; justify-content:space-between; padding:0 1rem 1rem 0; text-align:center; }

.n28 .box { display:flex; flex-direction:column }

.n28 h3 { font-size:1.2rem; padding:0.6rem 0 }

.n28 .header { line-height:3rem; padding:0 1rem }

.n28 .num { line-height:3rem; padding:0 1.5rem; font-size:2rem }

.n29 { text-align:right }

.n30 >div { padding:1rem 0 }

.n30 text.bb-chart-arcs-title tspan:first-child { font-size:2em }

.n31 { flex:0 1 24rem; }

.n32 { padding:1rem 1rem 0 1rem }

.n32 .row { display:grid; grid-template-columns:5rem 15rem; align-items:center; padding:0.25rem }

.n32 label { padding-right:1rem; text-align:right }

.n32 .m-modal { position:relative }

.n32 .m-modal>.dt { min-width:6rem; padding:0.25rem 0.5rem; text-align:center; border-radius:0.25rem; background:#ffeaaa; color:#2d250b; cursor:pointer; }

.n32 .m-modal>.dt:hover { background:#fcd355 }

.n33 { padding-bottom:0.5rem }

.n34 { margin:1rem; padding:0.25rem; text-align:center; border-radius:0.25rem; background:#ffeaaa; color:#2d250b; cursor: pointer }

.n33>.n34.btn:hover { background:#fcd355 !important }

.n35 { padding:0.5rem 0; border-top:1px solid #29587b }

.n35 h3 { padding:0 1rem; font-size:1rem; font-weight:600; color:#29587b }

.n35>div { display:flex; flex-wrap:wrap; padding:0.5rem 1rem; font-size:0.8rem; user-select:none }

.n35 .btn { margin:0.25rem; padding:0.25rem 0.5rem; background:#ffeaaa; border-radius:0.25rem; cursor:pointer }

.n35 .btn:hover { background:#ffeaaa; color: }

.n36 { margin:1rem }

.n36 >div { padding:1rem 3vw }

.n37 { margin:1rem }

.n37 .rows { display:grid; grid-template-columns:4rem 2fr 1fr; text-align:left; grid-gap:1px; padding-bottom:1px }

.n37 .rows>.head { font-weight:600 }

.n37 .rows>div { padding:0.5rem;  }

.n37 .rows.unprocessed { padding:0.5rem; background:#e5e873 }

.n37 .rows.processed { padding:0.5rem; background:#82c378 }

.n37 .rows>h2 { grid-column:1 / -1; padding:0.25rem 1rem; font-size:2rem; font-weight:400; text-align:center; background:unset }

.n37 .rows.unprocessed>h2 { color:#54520d }

.n37 .rows.processed>h2 { color:#1e5e11 }

.n37 .rows.unprocessed>div { background:#feffd2; color:#2a2810 }

.n37 .rows.processed>div { background:#eeffeb; color:#0f2e0a }

.n37 .rows>.qty { text-align:center }

.n38 { display:grid; grid-template-columns:1fr 1fr 3rem }

.n39 { text-align:right }

.n40 { text-align:center }

.n41 { display:flex; justify-content:space-between }

.n42 { display:none; position:relative; z-index:2; left:0; justify-content:center; filter:drop-shadow(0 0 4px rgba(0,0,0,0.5)); user-select:none }

.open>.n42 { display:flex }

.n43 { position:absolute; top:0; left:6rem; width:0; height:0; border-left:0.75rem solid transparent; border-right:0.75rem solid transparent; border-bottom:0.75rem solid #feebaa }

.n44 { position: absolute; top: 0.5rem; display: grid; grid-template-columns: 13rem 20rem; align-items: stretch; height: 16rem; border-radius:0.25rem; background:#83750b; }

.n45 { overflow-y: auto; overflow-x: hidden; direction: rtl; z-index: 45; padding: 1rem 0 1rem 1rem }

.n46 { margin:0 0.5rem 0.5rem 0; direction: ltl; padding:0.5rem; border-radius:0.25rem; background:#feebaa; cursor:pointer }

.mon.open .n46 { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:-2px; pointer-events:none }

.mon.selected .n46 { position:relative; z-index:2; border:2px solid #79e9aa; background:#feebaa }

.mon.selected.open .n46 { margin-right:0; border-right:none }

.n46:hover { background:#fff315 }

.n47 { display:flex; flex-direction:column; justify-content:flex-start; border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem; background:#feebaa; }

.n48 { display:none; align-items:flex-start; grid-template-columns:repeat(7, 1fr); grid-auto-rows:minmax(1.5rem, max-content); grid-gap:0.5rem; padding:0.8rem; }

.n48.open { display:grid }

.n48 .day { display:flex; align-items:center; justify-content:center; padding:0 0.25rem; cursor:pointer }

.n48 .day.selected { background:#847924; color:#f1ff00; font-weight:600; border-radius:0.25rem }

.n48 .day.future { opacity:0.4 }

.n48 .day.selected, .n48 .day.empty, .n48 .day.future { pointer-events:none }

.n48 .day:hover { background:#fff315; border-radius:0.25rem }

.n48 .day:nth-child(7n+1), .n48 .day:nth-child(7n+2) { color:#83750b }

.n48 .day.hdr { font-weight:600; color:#83750b; pointer-events:none }

.n49 { flex:0 0 3.2rem; position:relative; z-index:3; background:#826b15 }

.n50 { position:relative; z-index:11; display:flex; align-items:center; justify-content:space-between; height:3.2rem; padding-left:1rem; overflow:visible; background:linear-gradient(180deg, #d89b00 0%, #d29700 100%); box-shadow:0px 0px 5px 1px rgb(0 0 0 / 40%) }

body.v-dev .n50 { background:linear-gradient(180deg, #dc5b27 0%, #c35100 100%) }

.n51 { display:flex; align-items:center; height:100%; cursor:pointer }

.n52 { flex:0 0 auto; width:auto; max-width:40vw; height:80%; }

.n53 { flex:0 0 auto; width:auto; height:3.6rem; align-self:flex-start; max-width:25vw; box-shadow:0 0 4px 2px rgba(0,0,0,0.25); }

.n54 { flex:0 0 auto; display:flex; align-self:stretch; align-items:stretch; justify-content:flex-end; }

.n55 { display:flex; align-items:center; padding:0 1.5rem; font-size:1.4rem; cursor:pointer }

.n55 svg path { fill:#9e750b }

.n55:hover svg path { fill:#7e5504 }

body.v-dev .n55 svg path { fill:#9a4718 }

body.v-dev .n55:hover svg path { fill:#84390e }

.n56 { width:2rem; height:2rem }

.n57 { flex:0 0 2.4rem; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:0 2rem; background:linear-gradient(180deg, #D89B00 0%, #D29700 100%) }

.n58 { font-weight:400 }

.n59 { font-size:0.8rem }

.n60 { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:987654; background:rgba(0,0,0,0); transition:background-color 1s ease; }

.n60.open { display:flex; background:rgba(0,0,0,0.4) }

.n60.open.closing { background:rgba(0,0,0,0) }

.n61 { flex:1 1 auto }

.n62 { display:none; position:relative; z-index:2; left:0; justify-content:center; filter:drop-shadow(0 0 4px rgba(0,0,0,0.5)); user-select:none }

.open>.n62 { display:flex }

.n62 .opts { position:absolute; top:-3rem; left:1rem; display:flex; flex-direction:column-reverse; justify-content:flex-end; width:8rem; min-height:15rem; padding:0.5rem 0 0 0.5rem; border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem; background:#226392; }

.n63 { position:absolute; left:0.5rem; top:-0.75rem; width:0; height:0; border-top:0.75rem solid transparent; border-bottom:0.75rem solid transparent; border-right:0.75rem solid #226392 }

.n64 {  }

.n65 { margin:0 0.5rem 0.5rem 0; padding:0.5rem; border-radius:0.25rem; background:#3696d1; cursor:pointer }

.mon.open .n65 { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:-2px; pointer-events:none }

.mon.selected .n65 { position:relative; z-index:2; border:2px solid #ffd91a; background:#3696d1 }

.mon.selected.open .n65 { margin-right:0; border-right:none }

.n65:hover { background:#3696d1 }

.n66 { display:none; position:absolute; top:0; left:8rem; bottom:0; align-items:flex-start; border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem; background:#3696d1; }

.mon.open .n66 { display:flex }

.mon.open.selected .n66 { border-left:2px solid #ffd91a; margin-left:-2px }

.n66 .day { display:flex; align-items:center; justify-content:center; padding:0 0.25rem; cursor:pointer }

.n66 .day.selected { background:#16496a; font-weight:600; border-radius:0.25rem }

.n66 .day.future { opacity:0.4 }

.n66 .day.selected, .n66 .day.empty, .n66 .day.future { pointer-events:none }

.n66 .day:hover { background:#3696d1; border-radius:0.25rem }

.n66 .day:nth-child(7n+1), .n66 .day:nth-child(7n+2) { color:#226392 }

.n66 .day.hdr { font-weight:600; color:#226392; pointer-events:none }

.n67 { display:grid; grid-template-columns:repeat(7, 1fr); grid-auto-rows:minmax(1.5rem, max-content); grid-gap:0.5rem; padding:0.8rem; }

.n68 { position:relative; z-index:2; }

.n69 { padding:0.5rem 1rem; font-size:1.2rem; background:#a20d43; color:#ffcdcd; }

.n70 { display:flex; align-items:center; justify-content:space-evenly; padding:1rem 1.5rem; margin:1rem 0; font-size:1.4rem }

.n70 .m-modal { position:relative; display:flex; align-items:center; flex:1 0 30% }

.n70 .ftgl { display:flex; align-items:center; cursor:pointer; user-select:none }

.n70 .fsum { color:#2e96d1 }

.n70 .btn-more { display:flex; align-items:center; justify-content:center; width:1.2rem; height:1.2rem; margin:0 0.5rem 0 0.75rem; border-radius:0.25rem; background:#2e96d1; }

.n70 .btn-more img { filter: invert(1); width: 0.8rem }

.n70 .fbox { display:none; position:absolute; left:-2rem; max-width:34rem; top:1.8rem; border-radius:0.25rem; background:#2d96d1; color:#fff; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.4); user-select:none }

.n70 .open .fbox { display:block }

.n70 .actions { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 1rem; border-bottom:1px solid #016fad; }

.n70 .actions .btn { padding:0.5rem 1rem; font-size:1rem }

.n70 .actions .btn.rst, .actions .tgl { margin:0 2rem 0 0; padding:0.25rem 0.5rem; font-size:0.8rem }

.n70 .actions .btn, .actions .tgl { border-radius:0.25rem; cursor:pointer; background:#03324c }

.n70 .fbox.nochange .actions .btn { opacity:0.4; cursor:not-allowed; pointer-events:none }

.n71 { flex:0 1 10rem; margin:0; font-size:1rem; font-weight:800; color:#bbbbbb; }

.n72 { padding:1rem; font-size:1rem }

.n72 .row { display:grid; grid-template-columns:5rem 15rem; align-items:center; padding:0.25rem }

.n72 label { padding-right:1rem; text-align:right }

.n72 .m-modal { position:relative }

.n72 .m-modal>.dt { min-width:6rem; padding:0.25rem 0.5rem; text-align:center; border-radius:0.25rem; background:#0f6392; cursor:pointer; }

.n72 .m-modal>.dt:hover { background:#0e496a }

.n73 { padding:1rem 0; border-top:1px solid #016fad }

.n73 h3 { padding:0 1rem; font-size:1rem; font-weight:600; color:#24668c }

.n73>div { display:flex; flex-wrap:wrap; padding:1rem; font-size:0.8rem; user-select:none }

.n73 .btn { margin:0.25rem; padding:0.25rem 0.5rem; background:#0f6392; border-radius:0.25rem; cursor:pointer }

.n73 .btn:hover { background:#0e496a }

.n74 { padding:1rem }

.n75 { font-size:1rem; padding:0.2rem 2rem 0.2rem 1rem }

.n76 { padding:1rem }

.n77 { padding:1rem }

.n78 .bigbox { position:relative; z-index:0; border:1px solid #e0e0e0; background:#fff; box-shadow:0 0 6px 1px rgba(0,0,0,0.2); border-radius:0.4rem; overflow:hidden }

.n78 .bigbox h2 { margin:0; padding:0.6rem 1rem; background:#d6eef3; color:#29587b }

.n79 { display:grid; grid-gap:1rem; margin:1rem; grid-template-columns:1fr 2fr; }

.n80 { display:flex; flex-direction:column; justify-content:space-between }

.n81 { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); padding:0 1rem 1rem 1rem; text-align:center; }

.n81 div { font-size:1.4rem; line-height:3rem }

.n81 .num { font-size:2rem }

.n81 .dtm { text-align:right }

.n82 { display:contents }

.n83 { display:flex; justify-content:center; padding:2rem; user-select:none }

.n83 .btn { display:flex; padding:1rem 2rem 1rem 4rem; border-radius:0.25rem; font-size:1.4rem; color:#fff; background:no-repeat url(../img/i-csv-download.svg) left 1.5rem center #2e96d1; background-size:1.8rem 1.8rem; cursor:pointer }

.n83 .btn:hover { background-color:#3eb3f5 }

.n84 { display:flex; flex-direction:column }

.n84 >div { padding:1rem 0; flex:1 0 auto; display:flex; flex-direction:column }

.n84 >h2 { flex:0 0 auto }

.n84 >div>#chart-cases-by-channel { flex:1 0 auto }

.n84 text.bb-chart-arcs-title tspan:first-child { font-size:2em }

.n85 { margin:1rem }

.n85 >div { padding:1rem 3vw }

.n86 { display:none; margin:1rem }

.n86 .rows { display:grid; grid-template-columns:4rem 8rem 2fr 3fr 1fr; text-align:left; grid-gap:1px; padding-bottom:1px; background:#a7dcea }

.n86 h3 { padding:0.25rem 1rem; font-size:1rem; font-weight:400; text-align:center; background:#a7dcea; color:#105569 }

.n86 .rows>.head { font-weight:600 }

.n86 .rows>div { padding:0.5rem; background:#fff }

.n86 .rows>.qty { text-align:center }

.n87 { display:grid; grid-template-columns:1fr 1fr 3rem }

.n88 { text-align:right }

.n89 { text-align:center }

.n90 { display:flex; justify-content:space-between }

.n91 { flex:0 0 3.2rem; position:relative; z-index:3; background:#826b15 }

.n92 { position:relative; z-index:11; display:flex; align-items:center; justify-content:space-between; height:3.2rem; padding-left:1rem; overflow:visible; background:linear-gradient(180deg, #d89b00 0%, #d29700 100%); box-shadow:0px 0px 5px 1px rgb(0 0 0 / 40%) }

body.v-dev .n92 { background:linear-gradient(180deg, #dc5b27 0%, #c35100 100%) }

.n93 { display:flex; align-items:center; height:100%; cursor:pointer }

.n94 { flex:0 0 auto; width:auto; max-width:40vw; height:80%; }

.n95 { flex:0 0 auto; width:auto; height:3.6rem; align-self:flex-start; max-width:25vw; box-shadow:0 0 4px 2px rgba(0,0,0,0.25); }

.n96 { flex:0 0 auto; display:flex; align-self:stretch; align-items:stretch; justify-content:flex-end; }

.n97 { display:flex; align-items:center; padding:0 1.5rem; font-size:1.4rem; cursor:pointer }

.n97 svg path { fill:#9e750b }

.n97:hover svg path { fill:#7e5504 }

body.v-dev .n97 svg path { fill:#9a4718 }

body.v-dev .n97:hover svg path { fill:#84390e }

.n98 { width:2rem; height:2rem }

.n99 { flex:0 0 2.4rem; position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:0 2rem; background:linear-gradient(180deg, #D89B00 0%, #D29700 100%) }

.n100 { font-weight:400 }

.n101 { font-size:0.8rem }

.n102 { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:987654; background:rgba(0,0,0,0); transition:background-color 1s ease; }

.n102.open { display:flex; background:rgba(0,0,0,0.4) }

.n102.open.closing { background:rgba(0,0,0,0) }

.n103 { flex:1 1 auto }

.n104 { display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; position:relative; z-index:2; font-size:1.2rem; background:#485e52; color:#c1e1d1; }

.n104 >section { display:flex; align-items:stretch; height:3rem }

.n104 section>div { display:flex; align-items:center; padding:0 2rem; border-right:1px solid #245139 }

.n104 .tgl:hover { background-color:#537061 }

.n104 section>div.active, .n104 section>div.active:hover { background-color:#788f82; color:#fff; cursor:default }

.n104 .btn, .n104 .tgl { cursor:pointer }

.sealed .n104 [order-group-name="fresh"] { display:none }

.n105 { flex:0 0 auto; }

section.n105>div { display:flex; position:relative; padding:0; align-items:stretch; justify-content:stretch }

section.n105>div>.tgl { display:flex; position:relative; z-index:2; width:5rem; align-items:center; justify-content:center }

.n105>div>.cnt { display:none; position:absolute; z-index:1; top:3rem; right:0; white-space:nowrap; overflow:hidden; background:#4c735d; border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; }

.n105>div.open>.cnt { display:block }

section.n105>div.open>.tgl { background:#4c735d; }

section.n105>div.open:hover>.tgl { background:#4c735d; }

.n105 svg { fill:#103f26; max-width:100%; max-height:100% }

.n105>div>.cnt .btn { display:block; padding:1rem 2rem }

.n105>div>.cnt .btn:hover { background:#5c836d }

.n105>div.open>.cnt>.lst { max-height:40vh; overflow:auto }

.n106 { font-size:1rem; font-weight:500; padding:0.5rem 1rem; background:#4c735d }

.n107 { display:flex; align-items:center; border-top:1px solid #1b3225; border-bottom:1px solid #1b3225 }

.n107 >div { padding:0.25rem 1.5rem; cursor:pointer; background:#2f5941 }

.n107 >div.active { background:#264835 }

.n108>section { display:none; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; min-height:20rem; max-height:calc(100vh - 12rem); padding:0.5rem; overflow:auto }

.n108>section.active { display:flex }

.n108>section>div { flex:1 0 auto; margin:0.25rem; padding:0.25rem 0.5rem; text-align:center; border-radius:0.25rem; background:#264835; cursor:pointer }

.n108>section>div.full { flex:1 1 100% }

.n105 .n108 .n109 { padding:1rem; flex:1; justify-content:center; cursor:default }

.n110 { flex:1 1 auto; }

.n111 { flex:1 0 auto }

.n112 { display:flex; flex:0 1 auto; align-items:center; justify-content:flex-start; padding:0 2rem 0 1.2rem }

.open-batch .n112:hover svg { animation-name:wiggle; animation-duration:0.2s; animation-iteration-count:2 }

.n112 svg { width:1.6rem; height:1.6rem; margin-right:1rem; fill:#00ff79 }

.sealed .n112 svg { fill:#c1e1d1 }

.n113 { flex:1 1 auto }

.n114 { display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; position:relative; z-index:2; font-size:1.2rem; background:#485e52; color:#c1e1d1; }

.n114 >section { display:flex; align-items:stretch; height:3rem }

.n114 section>div { display:flex; align-items:center; padding:0 2rem; border-right:1px solid #245139 }

.n114 .tgl:hover { background-color:#537061 }

.n114 section>div.active, .n114 section>div.active:hover { background-color:#788f82; color:#fff; cursor:default }

.n114 .btn, .n114 .tgl { cursor:pointer }

.sealed .n114 [order-group-name="fresh"] { display:none }

.n115 { flex:0 0 auto; }

section.n115>div { display:flex; position:relative; padding:0; align-items:stretch; justify-content:stretch }

section.n115>div>.tgl { display:flex; position:relative; z-index:2; width:5rem; align-items:center; justify-content:center }

.n115>div>.cnt { display:none; position:absolute; z-index:1; top:3rem; right:0; white-space:nowrap; overflow:hidden; background:#4c735d; border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; }

.n115>div.open>.cnt { display:block }

section.n115>div.open>.tgl { background:#4c735d; }

section.n115>div.open:hover>.tgl { background:#4c735d; }

.n115 svg { fill:#103f26; max-width:100%; max-height:100% }

.n115>div>.cnt .btn { display:block; padding:1rem 2rem }

.n115>div>.cnt .btn:hover { background:#5c836d }

.n115>div.open>.cnt>.lst { max-height:40vh; overflow:auto }

.n116 { font-size:1rem; font-weight:500; padding:0.5rem 1rem; background:#4c735d }

.n117 { display:flex; align-items:center; border-top:1px solid #1b3225; border-bottom:1px solid #1b3225 }

.n117 >div { padding:0.25rem 1.5rem; cursor:pointer; background:#2f5941 }

.n117 >div.active { background:#264835 }

.n118>section { display:none; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; min-height:20rem; max-height:calc(100vh - 12rem); padding:0.5rem; overflow:auto }

.n118>section.active { display:flex }

.n118>section>div { flex:1 0 auto; margin:0.25rem; padding:0.25rem 0.5rem; text-align:center; border-radius:0.25rem; background:#264835; cursor:pointer }

.n118>section>div.full { flex:1 1 100% }

.n115 .n118 .n119 { padding:1rem; flex:1; justify-content:center; cursor:default }

.n120 { flex:1 1 auto; }

.n121 { flex:1 0 auto }

.n122 { display:flex; flex:0 1 auto; align-items:center; justify-content:flex-start; padding:0 2rem 0 1.2rem }

.open-batch .n122:hover svg { animation-name:wiggle; animation-duration:0.2s; animation-iteration-count:2 }

.n122 svg { width:1.6rem; height:1.6rem; margin-right:1rem; fill:#00ff79 }

.sealed .n122 svg { fill:#c1e1d1 }

.n123 { flex:1 1 auto }

.n124 { display:flex; align-items:center; flex-direction:row-reverse; flex-wrap:wrap; position:relative; z-index:2; font-size:1.2rem; background:#485e52; color:#c1e1d1; }

.n124 >section { display:flex; align-items:stretch; height:3rem }

.n124 section>div { display:flex; align-items:center; padding:0 2rem; border-right:1px solid #245139 }

.n124 .tgl:hover { background-color:#537061 }

.n124 section>div.active, .n124 section>div.active:hover { background-color:#788f82; color:#fff; cursor:default }

.n124 .btn, .n124 .tgl { cursor:pointer }

.sealed .n124 [order-group-name="fresh"] { display:none }

.n125 { flex:0 0 auto; }

section.n125>div { display:flex; position:relative; padding:0; align-items:stretch; justify-content:stretch }

section.n125>div>.tgl { display:flex; position:relative; z-index:2; width:5rem; align-items:center; justify-content:center }

.n125>div>.cnt { display:none; position:absolute; z-index:1; top:3rem; right:0; white-space:nowrap; background:#4c735d; border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; }

.n125>div.open>.cnt { display:block }

section.n125>div.open>.tgl { background:#4c735d; }

section.n125>div.open:hover>.tgl { background:#4c735d; }

.n125 svg { fill:#103f26; max-width:100%; max-height:100% }

.n125>div>.cnt>.btn { display:block; padding:1rem 2rem }

.n125>div>.cnt .btn:hover { background:#5c836d }

.n125>div.open>.cnt>.lst { max-height:40vh; overflow:auto }

.n126 { padding:1rem 1rem 0 1rem }

.n126 .row { display:grid; grid-template-columns:5rem 15rem; align-items:center; padding:0.25rem }

.n126 label { padding-right:1rem; text-align:right }

.n126 .m-modal { position:relative }

.n126 .m-modal>.dt { min-width:6rem; padding:0.25rem 0.5rem; text-align:center; border-radius:0.25rem; background:#264835; cursor:pointer; }

.n126 .m-modal>.dt:hover { background:#1f3f2d }

.n127 { padding-bottom:0.5rem }

.n128 { margin:1rem; padding:0.25rem; text-align:center; border-radius:0.25rem; background:#264835 }

.n127>.n128.btn:hover { background:#1f3f2d !important }

.n129 { margin:1rem; padding:0.25rem; text-align:center; border-radius:0.25rem; background:#264835 }

.n127>.n129.btn:hover { background:#1f3f2d !important }

.n130 { padding:0.5rem 0; border-top:1px solid #264835 }

.n130 h3 { padding:0 1rem; font-size:1rem; font-weight:600; color:#264835 }

.n130>div { display:flex; flex-wrap:wrap; padding:0.5rem 1rem; font-size:0.8rem; user-select:none }

.n130 .btn { margin:0.25rem; padding:0.25rem 0.5rem; background:#264835; border-radius:0.25rem; cursor:pointer }

.n130 .btn:hover { background:#1f3f2d }

.n131 { flex:1 1 auto; }

.n132 { flex:1 0 auto }

.n133 { display:flex; flex:0 1 auto; align-items:center; justify-content:flex-start; padding:0 2rem 0 1.2rem }

.open-batch .n133:hover svg { animation-name:wiggle; animation-duration:0.2s; animation-iteration-count:2 }

.n133 svg { width:1.6rem; height:1.6rem; margin-right:1rem; fill:#00ff79 }

.sealed .n133 svg { fill:#c1e1d1 }

.n134 { position:relative; z-index:1 }

.n135 { grid-column-start:1; grid-column-end:-1; margin:1rem; padding:0.5rem; display:flex; align-items:center; justify-content:center; border-radius:0.4rem; font-size:2rem; background:#771d52; color:#fff }

.n136 { position:relative; height:8rem; overflow:hidden; transition:height 0.4s; border-bottom:3px solid #2f493c; background:#778f82; color:#fff }

.n136.empty { height:0 }

.n136.batch-tab { position:relative; height:15rem; max-height:calc(100vh - 20rem) overflow:auto; transition:height 0.4s; border-bottom:3px solid #2f493c; background:#788f82; color:#fff }

.n137 { position:absolute; z-index:2; bottom:0; left:0; right:0; height:5rem; background:linear-gradient(180deg, transparent, #778f82); cursor:pointer; }

.sealed .batch-tab.n137 { cursor:default }

.n136.empty .n137 { display:none }

.n138 { position:absolute; bottom:0; right:4rem; padding:0.5rem 1rem; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; background:#2f493c }

.n139 { position:relative; max-height:100%; overflow:hidden; padding-bottom:3rem }

.n140 { margin:0; position:relative; z-index:1; padding:1rem; font-size:1.6rem; cursor:pointer }

.n141 { position:absolute; z-index:2; top:0; right:0; width:4rem; height:4rem; background:no-repeat url(../img/i-csv-download.svg) center center; background-size:2rem 2rem; cursor:pointer }

.n141:hover { background-size:2.3rem 2.3rem }

.sealed .n141 { display:none }

.n142 { display:none; position:absolute; font-size:5.6vh; right:4rem; bottom:0.6rem; pointer-events:none; font-family:'Special Elite'; }

@media (min-width:120vh) {
  .n142 { font-size:5.6vh }
}

@media (min-height:150vw) {
  .n142 { font-size:8.4vw }
}

.sealed .n142 { display:block }

.n143 { position:relative;transform-origin:40% center; transform:translateX(6%) rotate(-30deg); height:2.5em; text-align:center; color:#ffd457 }

.n144 { position:absolute; font-size:0.6em; top:26%; left:24%; width:33% }

.n145 { position:absolute; font-size:0.4em; top:18%; left:62%; width:36% }

.n146 { font-size:0.6em; font-variant:small-caps }

.n147 { position:absolute; display:flex; justify-items:flex-end; font-size:0.36em; bottom:0.2em; right:2em; min-width:27%; transform:rotate(15deg) }

.n148 { flex:1 1 auto; display:flex; flex-direction:column; align-items:flex-end }

.n149 { width:10em; font-size:0.4em; line-height:2em }

.n150 { min-width:4em; overflow:hidden; font-variant:small-caps }

.n151 { width:5em; height:2.5em; filter:invert(1) contrast(4) }

.n152 { display:flex; align-items:center; justify-content:center; padding:0 1rem 2rem 1rem }

.sealed .n152 { width:60vw }

.n152 .btn { display:flex; align-items:center; justify-content:center; border-radius:0.4rem; padding:1rem 2rem; overflow:hidden; font-size:1rem; background:#fbbc40; color:#441616; cursor:pointer }

.n152 .btn:hover { background:#f3a813 }

.n153 { display:none }

.sealed .n153 { display:block }

.n154 { display:flex; align-items:center; justify-content:center; border-radius:0.4rem; padding:0 0 0 1.2rem; overflow:hidden; font-size:1rem; background:#2f493c; color:#fff; }

.n154 div { padding:1rem 1.5rem; cursor:pointer }

.n154 div { background:#690a35 }

.n154 div:hover { background:#a71758 }

.n155 { width:1.2rem; height:1.2rem; margin-right:1rem; fill:currentColor; }

.n156 { display:flex; }

.sealed .n156 { display:none }

.empty .n156 { opacity:0.4; pointer-events:none }

.n156 .btn { margin:0 1rem }

.n157 div { padding:0 2rem 0 1rem; font-size:1.4rem }

.n157 svg { width:2rem; height:2rem; margin-right:3rem; fill:currentColor }

.n152 .n156 .n158 { padding:0.5rem 1rem; font-size:1rem; align-self:flex-start; background:#4d97f8; color:#fff }

.n159 { display:grid; grid-template-columns:repeat(auto-fill,minmax(28rem, 1fr)); align-items:start; grid-gap:2rem; padding:0 1rem 1rem 1rem; }

.n159>div>* { padding:0.5rem; white-space:nowrap; overflow:hidden }

.n159>div>h3 { padding:0.6rem 0.5rem; background:#485d52 }

.n159>div>.qty, .n159>div>.inv { text-align:center }

.n160 { display:grid; grid-template-columns:1fr 1fr 1fr; border:1px solid #485e52; border-radius:0.5rem; overflow:hidden }

.n160>div { cursor:pointer }

.n160 >:nth-child(6n+4):hover+div+div, .n160>:nth-child(6n+5):hover+div, .n160>:nth-child(6n+6):hover, .n160>:nth-child(6n+7):hover+div+div, .n160>:nth-child(6n+8):hover+div, .n160>:nth-child(6n+9):hover { background-image:url(../img/i-allocate.svg); background-repeat:no-repeat; background-position:center right 0.5rem; background-size:1.5rem }

.n160 >:nth-child(6n+4), .n160>:nth-child(6n+5), .n160>:nth-child(6n+6) { background-color:#788f82 }

.n160 >:nth-child(6n+7), .n160>:nth-child(6n+8), .n160>:nth-child(6n+9) { background-color:#698274 }

.n161 { text-align:center }

.n162 { text-align:center }

.n159>.n160>.n163.out-of-stock { font-weight:600; color:#7a0b0b }

.n159>.n160>.n164.out-of-stock { font-weight:600; color:#7a0b0b }

.n165 { display:grid; grid-template-columns:1fr 1fr; border:1px solid #485e52; border-radius:0.5rem; overflow:hidden }

.n165 >:nth-child(4n+3), .n165>:nth-child(4n+4) { background-color:#788f82 }

.n165 >:nth-child(4n+5), .n165>:nth-child(4n+6) { background-color:#698274 }

.n166 { text-align:center }

.n167 { display:grid; grid-template-columns:1fr 1fr; border:1px solid #485e52; border-radius:0.5rem; overflow:hidden }

.n167 >:nth-child(4n+3), .n167>:nth-child(4n+4) { background-color:#788f82 }

.n167 >:nth-child(4n+5), .n167>:nth-child(4n+6) { background-color:#698274 }

.n168 { text-align:center }

.n169 { display:flex; overflow:auto; width:100%; padding:2rem }

.n170 { display:grid; grid-template-columns:repeat(17, minmax(auto, auto)); white-space:nowrap }

.n170 .cell { padding:0.5rem 1rem; border:1px solid #f8f7f2; border-left:none; background:#e6e5e1 }

.n170 .cell.leftmost { border-left:1px solid #f8f7f2 }

.n170 .header.cell { padding:0.5rem; text-align:left; font-weight:500 }

.n170 .cell.q0 { text-decoration:line-through; border-right:none }

.n170 .cell.q1 { border-left:none }

.n170 .bolmark { padding:0 1.5rem }

.n170 .bolmark.hasbol { padding:0 1.5rem; background:no-repeat url(../img/i-bool-yay.svg) center center /1rem 1rem #e6e5e1 }

.n170 .bolmark.rejected { background:no-repeat url(../img/i-bool-nay.svg) center center /1rem 1rem #ffc2c2 }

.n170 .bolmark.nobol { background:no-repeat url(../img/i-bool-nay.svg) center center /1rem 1rem #cfc7f4 }

.n170 .cell.order-items { display:grid; grid-template-columns:8rem 1fr 6rem 1.5rem; grid-gap:0.5rem }

.n170 .itmPack, .n170 .itmQuantity { text-align:right }

.n170 .overridden { text-decoration:line-through; margin-right:0.2rem; color:#a0a0a0 }

.n171 { grid-column:span 2 }

.n172 { display:grid; grid-template-columns:repeat(auto-fill,minmax(24rem, 1fr)); padding:1rem; grid-gap:1rem; }

@media (max-width:37rem) {
  .n172 { grid-template-columns:repeat(auto-fill,minmax(24rem, 1fr)); }
}

@media (max-width:30rem) {
  .n172 { grid-template-columns:minmax(0, 1fr) }
}

.n172 .full-row { grid-column-start:1; grid-column-end:-1; margin:1rem; padding:0.5rem; display:flex; align-items:center; justify-content:center; border-radius:0.4rem; font-size:2rem; background:#25ad63; color:#fff }

.n172 .full-row.negative { background:#d57901; }

.n173 { grid-column-start:1; grid-column-end:-1; margin:1.4rem 0 -0.4rem 0; display:flex; align-items:center; justify-content:flex-end; font-size:1rem; border-bottom:1px solid #5b79ae; color:#fff }

.n174 { position:relative; left:-1rem; padding:0.4rem 1rem 0.25rem 1rem; border-top-left-radius:1rem; border-top-right-radius:1rem; background:#5b79ae; color: #fff; }

.n175 { display:block; padding:1rem 2rem }

.n176 { padding:1rem }

.n177 { display:flex; flex-direction:column; transition:opacity 0.4s, transform 0.1s; cursor:pointer }

.n177:hover { transform:rotate(-1deg) }

.n177:active { transform:rotate(-0.5deg) }

.n178 { flex:1; padding:1rem 0; border-top:1px solid #379ddb; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; background:#f3f1de; }

.n178 .unknown-product { background:#8c1616; color:#fff }

.n178 .discontinued-product { background:#533770; color:#fff }

.n179 { display:grid; grid-template-columns:4rem minmax(0, 1fr) 2rem minmax(0.5rem, max-content); align-items:baseline; grid-gap:0.5rem; padding:0.2rem 1rem 0.2rem 1rem }

.n179.quantity-overridden { background:url(../img/i-edit.svg) no-repeat top 0.4rem right 0.1rem; background-size:0.8rem 0.8rem; }

.n179.unknown-product.quantity-overridden { background-color:#8c1616 }

.n180 { white-space:nowrap; overflow:hidden; font-size:0.8em; text-align:right }

.n181 { text-align:center; font-weight:400 }

.n182 { flex:0 0 4rem; position:relative; display:flex; align-items:center; justify-content:flex-start; font-size:1rem; border-top-left-radius:0.4rem; border-top-right-radius:0.4rem; overflow:hidden; background:#f7f7f7 }

.unknown-buyer .n182 { background:#ff8383 }

.n182.fresh .status-colors { background:#0ec196; color:#ffffff }

.n182.held .status-colors { background:#b4b0ad; color:#ffffff }

.n182.complete .status-colors { background:#71c0f0; color:#ffffff }

.n182.rejected .status-colors { background:#fc8181; color:#310202 }

.n182.partial .status-colors { background:#eec8ff; color:#5b0a68 }

.n182.unknown .status-colors { background:#8f03c5; color:#ffffff }

.n183 { flex:0 0 4rem; align-self:stretch; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:0.8rem; text-align:center; }

.n184 { font-size:1.4rem }

.n185 { white-space:nowrap }

.n186 { flex:1 1 auto; padding:0 0 0 0.4rem }

.n187 { display:flex; align-items:center; padding:0.3rem 0 }

.n188 { flex:0 1 auto; margin-right:0.5rem; }

.n189 { display:flex; align-items:center; font-size:0.8em; font-weight:400 }

.n190 { padding:0.2rem 0.5rem; border-radius:0.3rem; background:#41a0d0; color:#fff }

.n191 { flex:0 0 max-content; margin-right:0.5rem }

.n192 { flex:1; font-size:0.75rem; font-weight:600; color: #332612 }

.n193 { display:flex; flex:0 0 auto; height:1.4rem; align-items:center; font-family:monospace; cursor:pointer; }

.n194 { flex:1 1 auto; display:flex; align-items:center }

.n194 .i-copy { visibility:hidden; display:flex; align-items:center; height:1.4rem; margin-left:0.2rem; padding-left:1.5rem; font-family:'Work Sans'; font-size:0.6rem; }

.n194:hover .i-copy { visibility:visible; background:url('../img/i-copy.svg') left center no-repeat; background-size:1.2rem 1.2rem; }

.n194.copied:hover .i-copy { visibility:visible; background-image:url('../img/i-ok.svg'); }

.n195 { flex:0 0 auto; white-space:nowrap; font-size:1rem }

.n196 { padding:0 0.2rem 0 0; font-weight:400; color:#91c1db }

.n197 { color:#267da8 }

.n198 { position:absolute; top:0; right:0; display:flex; align-items:flex-start; }

.n199 { display:none; margin-right:0.24rem; padding:0.3rem 0.6rem; font-size:0.8rem; font-weight:400; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0.25rem;  background:#42a1d0; color:#fff }

.hasbol .n199 { display:flex }

.n200 { padding:0 0.3rem 0 0; color:#83d7ff }

.n201 { display:none; margin-right:0.24rem; padding:0.3rem 0.6rem; font-size:0.8rem; font-weight:400; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0.25rem;  background:#bc33aa; color:#fff }

.todo .n201 { display:flex }

.n202 { padding:0.3rem 0.5rem; font-size:0.6rem; font-weight:400; background:#c9c9c9; color:#fff; border-bottom-left-radius:0.5rem; }

.unknown .n202 { font-size:1.2rem }

.n203 { position:fixed;top:20vh;left:calc(50% - 25rem);width:50rem;height:60vh; display:grid; grid-template-rows:4rem minmax(0, 1fr) 6rem; overflow:hidden; transition:all 0.25s ease-out; border-radius:0.6rem; background:#f3f1de; }

@media (max-width:50rem) {
  .n203 { left:2vw; width:96vw }
}

.n204 { overflow:auto }

.n205 { flex:0 0 auto; padding:1rem 0; border-top:1px solid #379ddb }

.n205 .unknown-product { background:#8c1616; color:#fff }

.n205 .discontinued-product { background:#533770; color:#fff }

.n206 { display:grid; grid-template-columns:4rem minmax(0, 1fr) 10rem 2rem; grid-gap:0.5rem; padding:0.4rem 1rem; cursor:pointer; }

.n206.quantity-overridden { background:url(../img/i-edit.svg) no-repeat top 0.5rem right 0.5rem; background-size:0.8rem 0.8rem; }

.n206.unknown-product.quantity-overridden { background-color:#8c1616 }

.n206:hover { background-color:#d7f3c0 }

.n206.editing { background-color:#ffdc74 }

.n207 { font-size:0.8em }

.n208 { text-align:center; font-weight:400 }

.n209 { text-decoration:line-through; padding:0 0.4rem; color:#a0a0a0 }

.n210 { flex:2 0 auto; margin-top:0.6rem; }

.n211 { padding:0.6rem 1rem; background:#fff; border:1px solid #e4d0b1; border-left:none; border-right:none }

.n212 { display:flex; align-items:center }

.n211.editing .n212 { display:none }

.n213 { width:2rem; height:2rem; margin:0 0.6rem; }

.n214 {  }

.n215 { padding:0 2rem }

.n216 { display:none; margin:0 auto; width:10rem; padding:0.25rem; align-items:center; font-size:0.8rem; font-weight:400; border-bottom-left-radius:0.4rem; border-bottom-right-radius:0.4rem; background:#eae6ba; color:#948b35 }

.n217 { display:grid; grid-template-columns:minmax(0, max-content) 1fr minmax(0, max-content); align-items:flex-end; font-size:1.4rem; user-select:none; }

.n217 .btn { display:flex; justify-content:center; align-items:center; padding:0.5rem 1.6rem; background:#354664; color:#fff; cursor:pointer }

.n217 .btn:hover { background:#425c89 }

.n218 { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; height:100% }

.n218 .n219 { padding:0.2rem 2rem; border-top-right-radius:0.4rem; border-bottom-right-radius:0.4rem; background:#b37602; color:#fff; }

.n218 .n219:hover { background:#e69d12 }

.n220 { border-top-right-radius:0.4rem }

.n221 { position:relative; justify-self:center; display:flex; align-items:flex-end; width:18rem; height:6rem; font-weight:400; border-top-left-radius:0.5rem; border-top-right-radius:0.5rem; overflow:hidden; background:#08bc6c; color:#fff; user-select:none }

.editing .n221 { background:#eee9bd; cursor:wait }

.n221 .lbl { position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none; display:flex; align-items:center; justify-content:center }

.n221:hover .lbl { bottom:1.5rem }

.n221 .alt { flex:2 0 auto; height:100%; cursor:pointer }

.editing .n221 .alt { pointer-events:none }

.n221 .alt.cnt { flex:5 0 auto }

.n221 .alt:hover { background:linear-gradient(0deg, #06834c 0%, #06834c 35%, #08bc6c 100%) }

.n221 .alt div { position:absolute; bottom:0; left:0; right:0; height:2rem; display:none; align-items:center; justify-content:center; background:#06834c; }

.n221 .alt:hover div { display:flex }

.n222 { display:flex }

.n223 { border-right:1px solid #213455; border-top-left-radius:0.4rem }

.n224 { display:flex; align-items:center; justify-content:space-between; font-size:1rem }

.n225 { display:flex; align-items:center }

.n225>* { margin-right:0.4rem }

.n225 input::-webkit-inner-spin-button { -webkit-appearance:none; opacity:1; height:2rem; width:2.4rem; margin-left:-2.4rem; display:flex; margin:0; max-width:unset;  margin-right:-0.4rem; background:no-repeat url(../img/i-updown.svg) 0.4rem center /1.4rem 1.4rem #fedc73; cursor:pointer }

.n226 { font-weight:400 }

.n227 { padding:0.4rem 0.1rem 0.4rem 1rem; text-align:center; appearance:none; outline:none; border:1px solid #c39a1b; border-radius: 0.25rem; background:#e2b21d; color: #fff; font-weight: 400; }

.n228 { display:flex; align-items:flex-end; font-size:1rem; }

.n228>div { display:flex; justify-content:center; align-items:center; color:#fff; cursor:pointer; }

.n229 { padding:0.2rem 0.8rem; border-top-left-radius:0.4rem; border-bottom-left-radius:0.4rem; background:#e0a89e; }

.n229:hover { background:#e09e92 }

.n230 { padding:0.4rem 0.8rem; border-radius:0.4rem; border-bottom-left-radius:0; background:#348879; }

.n230:hover { background:#369082 }

.n231 { width:100%; height:100% }

.n232 { flex:0 0 1rem; width:1rem; margin:0 1rem; height:1rem; fill:#948b35 }

.n233 { flex:0 0 auto; fill:#6f5411 }

.n234 { flex:0 0 auto; fill:#6f5411 }

.n235 { flex:0 0 auto; fill:#6f5411 }

.n236 { flex:0 0 auto; fill:#fff }

.n237 { flex:1 0 auto; fill:#6f5411 }

.n238 { flex:1 0 auto; width:2rem; height:2rem }

.n239 { flex:0 0 auto }

.n240 { flex:0 0 auto; fill:#6f5411 }

.n241 { flex:1; display:flex; align-items:center; justify-content:center; font-size:3rem; }

.n242 { flex:0 1 auto; }

.n243 { font-size:2.4rem }

.n244 { font-size:1.4rem }

.n245 { position:fixed; top:5vh; right:5vw; bottom:5vh; left:5vw; z-index:987655; display:none; opacity:0; overflow:auto; padding:2rem; color:#fff; transition:opacity 1s ease; box-shadow:0 0 4rem 2rem rgba(0,0,0,0.4) }

.incoming-file .n245 { font-size:2.6rem; background:linear-gradient(147deg, #ffe53b 0%, #ff2525 74%); animation-name:glow-file-drop; animation-duration:4s; animation-iteration-count:infinite }

.file-dropped .n245 { background: linear-gradient(135deg, #C6426E, #642B73) }

.incoming-file .n245, .file-dropped .n245 { display:block; opacity:1 }

.n245 .closing { opacity:0 }

.n245 .progress { text-align:center; font-size:2rem; padding:5rem 0 }

.n246 { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; align-items:center; justify-content:center }

.n247 { width:12vw; height:12vw; margin-bottom:2rem; mix-blend-mode:overlay }

.n248 { flex:0 1 auto; max-width:80%; text-align:center }

.n249 { position:absolute; top:5vh; left:5vw; right:5vw; bottom:5vh }

.n250 { position:absolute; top:0; left:0; right:0; bottom:0; display:block; width:100%; height:100%; border:none; }

.n251 { height:100%; overflow:auto }

.n252 { padding:1rem 0 }

.n253 { display:flex }

.n253 div { padding:0.2rem 1rem }

.n254 { height:55vh; overflow:auto }

.n255 { display:table; margin:0 auto }

.n255 header { display:table-header-group }

.n255 main { display:table-row-group }

.n255 .row { display:table-row }

.n255 .cell { display:table-cell }

.n256 { font-size:1.2em; border:1px solid #f0f0f0 }

.n256 .cell { position:sticky; padding:0.5rem 1rem; border-right:1px solid #b33e6f }

.n256 .cell.join { border-right:none }

.n257 { height:2.4rem; }

.n257 .cell { top:2px; background:#7d184f }

.n258 .cell { top:calc(2.4rem + 5px); background:#521535 }

.n259 .cell { padding:1rem 0.5rem; text-align:center }

.n259.wrong-product { background-color:#e91e63 }

.n260 { text-align:left }

.n261 { display:flex; align-items:center; justify-content:space-around; padding:2rem 0; user-select:none }

.n261 >div { padding:2rem 6rem; font-size:1.4rem; font-weight:400; border-radius:0.5rem; color:#fff; cursor:pointer; }

.n262 { background:#5a1842 }

.n263 { background:#1e9561; box-shadow:0 0 5px 1px rgba(0,0,0,0.4) }

.n264 { position:fixed; top:5vh; left:5vw; right:5vw; bottom:5vh; display:grid; grid-template-rows:4rem 5rem 4rem auto auto minmax(0, 1fr) 6rem; overflow:hidden; transition:all 0.25s ease-out; border-radius:0.6rem; background:#f3f1de; }

@media (max-width:50rem) {
  .n264 { left:2vw; width:96vw }
}

.n264 input[type="number"] { position:relative; display:block; width:100% }

.n264 input::-webkit-inner-spin-button { position:absolute; right:1px; top:1px; bottom:1px; -webkit-appearance:none; opacity:1; height:auto; width:2.4rem; display:flex; background:no-repeat url(../img/i-updown.svg) center center /80% #fedc73; cursor:pointer }

.n264 input.small::-webkit-inner-spin-button { width:1.6rem; opacity:0 }

.n264 input.small:hover::-webkit-inner-spin-button, .n264 input.small:focus::-webkit-inner-spin-button { opacity:1 }

.n264 input.large { padding-right:2.4rem }

.n264 input.small[type="number"]:hover, .n264 input.small[type="number"]:focus { padding-right:1.6rem }

.n265 { padding:0.5rem 1.5rem 0.5rem 4.5rem; background:no-repeat url(../img/i-allocate.svg) center left 1.5rem #71c0f0; background-size:2rem; color:#fff }

.n266 { margin:0; padding:1.5rem }

.n267 { font-size:0.6em; margin-left:1rem }

.n268 { margin:0; padding:1rem 2rem 1.5rem 2rem; font-size:1.4rem }

.n269 { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); padding:0.5rem 1.5rem; text-align:center; font-size:1.4rem }

.n269 .heading { padding:0.5rem 1rem; background:#795548; color:#fff; }

.n269 .data { padding:0.5rem; border:1px solid #795548 }

.n269 .heading.leftmost { border-top-left-radius:0.35rem; }

.n269 .heading.rightmost { border-top-right-radius:0.35rem; }

.n269 .data.leftmost { border-bottom-left-radius:0.35rem; }

.n269 .data.rightmost { border-bottom-right-radius:0.35rem; }

.n264 .n269 .n270.err { background:#e91e63; color:#fff }

.n264 .n269 .n270.ok { background:#4caf50; color:#fff }

.n271 { display:flex; padding:1rem 1.5rem; align-items:center; justify-content:flex-start; }

.n271 >div { margin:0 1rem 1rem 0; padding:0.5rem 1rem; cursor:pointer; border-radius:0.3rem; background:#3074ce; color:#fff }

.n271 .btn:hover { background:#4d97f8 }

.n272 { overflow:auto }

.n273 { display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 3fr) minmax(0, 1fr) minmax(0, 1fr); padding:0.5rem 1.5rem; white-space:nowrap }

.n273 .heading { padding:0.5rem 1rem; background:#795548; color:#fff; }

.n273 .data { padding:0.5rem; border:1px solid #795548 }

.n273 .heading.leftmost { border-top-left-radius:0.35rem; }

.n273 .heading.rightmost { border-top-right-radius:0.35rem; }

.n274 { text-align:center }

.n272 .n273 .n275.data { display:flex; padding:0 0 }

.n276 { display:inline-block; width:100%; text-align:center; border:0 }

.n277 { display:flex; justify-content:space-between; align-items:flex-end; font-size:1.4rem; user-select:none; }

.n277 .btn { display:flex; justify-content:center; align-items:center; padding:0.5rem 1.6rem; background:#354664; color:#fff; cursor:pointer }

.n277 .btn:hover { background:#425c89 }

.n278 { border-top-right-radius:0.4rem }

.n279 { display:flex }

.n277 .n279 .n280.btn { padding:1.5rem 3.5rem; border-top-left-radius:0.4rem; background:#08bc6c }

.n277 .n279 .n280.btn:hover { background:#0fd07a }

.n281 { display:none; position:relative; z-index:2; left:0; justify-content:center; filter:drop-shadow(0 0 4px rgba(0,0,0,0.5)); user-select:none }

.open>.n281 { display:flex }

.n282 { position:absolute; top:0; left:6rem; width:0; height:0; border-left:0.75rem solid transparent; border-right:0.75rem solid transparent; border-bottom:0.75rem solid #3f885f }

.n283 { position: absolute; top: 0.5rem; display: grid; grid-template-columns: 13rem 20rem; align-items: stretch; height: 16rem; border-radius:0.25rem; background:#1c5334; }

.n284 { overflow-y: auto; overflow-x: hidden; direction: rtl; z-index: 45; padding: 1rem 0 1rem 1rem }

.n285 { margin:0 0.5rem 0.5rem 0; direction: ltl; padding:0.5rem; border-radius:0.25rem; background:#3f885f; cursor:pointer }

.mon.open .n285 { border-top-right-radius:0; border-bottom-right-radius:0; margin-right:-2px; pointer-events:none }

.mon.selected .n285 { position:relative; z-index:2; border:2px solid #79e9aa; background:#3f885f }

.mon.selected.open .n285 { margin-right:0; border-right:none }

.n285:hover { background:#0b7436 }

.n286 { display:flex; flex-direction:column; justify-content:flex-start; border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem; background:#3f885f; }

.n287 { display:none; align-items:flex-start; grid-template-columns:repeat(7, 1fr); grid-auto-rows:minmax(1.5rem, max-content); grid-gap:0.5rem; padding:0.8rem; }

.n287.open { display:grid }

.n287 .day { display:flex; align-items:center; justify-content:center; padding:0 0.25rem; cursor:pointer }

.n287 .day.selected { background:#264834; color:#59c286 !important; font-weight:600; border-radius:0.25rem }

.n287 .day.future { opacity:0.4 }

.n287 .day.selected, .n287 .day.empty, .n287 .day.future { pointer-events:none }

.n287 .day:hover { background:#0b7436; border-radius:0.25rem }

.n287 .day:nth-child(7n+1), .n287 .day:nth-child(7n+2) { color:#1c5334 }

.n287 .day.hdr { font-weight:600; color:#1c5334; pointer-events:none }

body.billOfLading { width:8.5in; height:auto; font-weight:350; background:#fff; color:#191714 }

body.billOfLading.pdf-preview { width:100%; height:auto; overflow-x:hidden; background:repeat url('../img/bg-checkerboard-cross.png') fixed }

.pdf-preview .n288 { position:relative }

.n288>div.pagenum { position:absolute; z-index:0; right:50%; margin-right:4.2in; font-size:3rem; widht:2in; padding:1rem; text-align:center; white-space:no-wrap; border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem; background:#3bb1e0; color:#fff; }

.n288>div.pagenum small { display:block;font-size:1rem; }

.n289 { position:relative; z-index:1; page-break-after:always; padding:0.12in 0.34in 0.34in 0.34in; display:flex; flex-direction:column; width:8.5in; height:11in; font-size:0.16in; }

body.billOfLading.pdf-preview .n289 { margin:1in auto; border:1px solid #484848; background:#fff; box-shadow:0.01in 0.01in 0.2in rgba(0,0,0,0.4) }

.n290 { width:100%; position:relative; flex:0 0 1.3in; overflow:visible; }

.n291 { position:absolute; top:1.2in; right:0.5in; }

.n292 { height:1.24in; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }

.n293 { font-size:1.8rem }

.n294 { font-size:0.8rem }

.n295 { position:absolute; top:0; left:0.5in; margin-left:0; padding-top: 0.15in; }

.n296 { height:1.2in; width: auto; }

.n297 { position:absolute; top:0; left:0; right:0; text-align:center; padding-top: 0.15in; }

.n298 { height:1in; width: auto; }

.n299 { position:absolute; top:0; left:50%; margin-left:-1.2in; }

.n300 { height:1.2in; width: auto; }

.n301 { position:absolute; top:0; right:0; width:auto; white-space:nowrap; padding-top:0.2in; align-items:stretch; justify-content:flex-end; }

.n302 { font-size:0.8rem }

.n303 { font-size:0.65rem }

.n304 { font-weight:400 }

.n305 { font-weight:400 }

.n306 { display:block }

.n307 { flex:1; display:flex; flex-direction:column; max-width:100%; overflow:hidden }

.n308 { display:flex; align-items:flex-end; justify-content:flex-start; }

.n308 dl { flex:0 0 auto; padding-right:0.1in; display:grid; grid-template-columns:1fr auto }

.n308 .em { font-weight:500 }

.n308 dt { flex:0; white-space:nowrap }

.n308 dd { flex:0; padding:0 0.4in 0 0.1in; max-width:3in }

.n309 { flex:0 1 auto; display:flex; align-items:top; justify-content:space-between; font-size:0.7rem; }

.n309>div { flex:1; border-top:1px solid #454545; padding:0.2rem }

.n310 { display:flex; }

.n311 { flex:4 1 auto }

.n312 { flex:5 1 auto }

.n313 { flex:1; display:flex; flex-direction:column; }

.n314 { flex:2 5 auto }

.n315 { flex:2 0 auto }

.n316 { display:flex; align-items:center; justify-content:center; margin-bottom:0.06in; font-size:0.18in }

.n317 { flex:0 0 auto; display:flex; align-items:center; padding:0 0.1in; border:1px solid #a0a0a0; border-radius:0.2in; }

.n318 { padding-right:0.1in }

.n319 { font-weight:600 }

.n320 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

.n320>header, .n320>main>div { display:grid; grid-template-columns:2.4in 0.7in 1fr 0.8in 0.5in; grid-gap:0.04in; align-items:flex-end; white-space:nowrap }

.n320>header { border-bottom:1px solid #a0a0a0; font-weight:600 }

.n320 .supplier-cell { display:flex; align-items:flex-end; justify-content:space-between }

.n320 .suppl-code { text-align:center }

.n320 .centered { text-align:center; }

.n321 { width:0.7in; text-align:center }

.n322 { width:0.7in; text-align:center }

.n323 { width:auto }

.n324 { width:0.8in }

.n325 { width:0.5in }

.n326 { flex: 10 10 auto }

.n327 { flex:1 0 auto; display:flex; height:100vh; align-items:center; justify-content:center; font-size:3rem; }

.n328 { flex:0 1 auto; padding:4rem; background:#fff; box-shadow:0.01in 0.01in 0.2in rgba(0,0,0,0.4) }

.n329 { font-size:2.4rem }

.n330 { font-size:1.4rem }