@media print {
    body { font-size:10px !important; }
    .no-print { display:none !important; }
    .panel-heading,
    .panel-body { padding:5px !important; }
    .breakup { border-top:none !important; }
    .order-details { display:block; margin:0px !important; }
    table.table-order-items td { padding:2px !important; }
    table.table-enhanced.table-highlight > tbody { box-shadow:none !important; }
    table.table-enhanced > tbody > tr > td { padding:0px !important; border-top:none !important; }
}
@media screen { .print-only { display:none !important; } }

/* Layout */
body { overflow-y:scroll; --actual-scrollbar-width:calc(100vw - 100%); }
body main { padding:20px 0px; }
body > main > section { opacity:0.001; transition:opacity 200ms ease-in, padding 0.4s ease; }
body.initialized > main > section { opacity:1; }
body:not(.guest) > main > section { padding:0px 30px 0px 245px; }
body.nav-hidden:not(.guest) > main > section { padding:0px 25px; }

/* Environments */
body.local nav.nav { background-image:linear-gradient(135deg, #800e7d, #041771 45%, #0c9440 100%); }
body.local nav .nav-user { background:#0c9440; }
body.development nav.nav { background-image:linear-gradient(135deg, #030e46, #7a0544 80%, #de0834 100%); }
body.development nav .nav-user { background:#810a3d; }
body.demo nav.nav { background-image:linear-gradient(135deg, #132aa1, #a60d66 80%, #de0834 100%); }
body.demo nav .nav-user { background:#a60d66; }

/* Typography and resets */
h1 { margin-bottom:35px; }
h2 { margin-bottom:30px; }
.title { font-size:24px; }
.title .btn-sm { margin:-2px 0px 0px 15px; }
.heading { text-transform:uppercase; font-weight:bold; color:#aaaabb; }
.borderless { border:none !important; }
.breakup { margin-top:15px; border-top:3px solid #d9edf7; }
.breakdown { padding-bottom:15px; border-bottom:3px solid #d9edf7; }
.breakdown + div,
.breakdown + input { border-top-left-radius:0; border-top-right-radius:0; }
.text-code { font-family:Menlo,Monaco,Consolas,"Courier New",monospace; }
.text-discreet { color:#aaa; }
.text-off { color:#CCC; }
.text-flagged { color:#d969b1; }
.text-mark { background-color:lightyellow; }
.text-deleted { text-decoration:line-through; text-decoration-style:double; }
.text-strong { font-weight:bold; }
.text-italic { font-style:italic; }
.faded { opacity:0.8; }
.quiet { opacity:0.7; }
.discreet { opacity:0.6; }
.washy { opacity:0.4; }
.tamp { margin-top:0; }
.tamp-more { margin-top:0 !important; padding-top:0 !important; }
.push { margin-bottom:0; }
.press { margin-top:15px; margin-bottom:0; }
.squeeze { margin-top:0; margin-bottom:0; }
.squeeze-all { margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important; }
.tighten { margin-left:0; margin-right:0; }
.shift-left { margin-right:10px; }
.shift-right { margin-left:10px; }
.tighten-left { margin-left:0; padding-left:0; }
.tighten-right { margin-right:0; padding-right:0; }
.tighten-both { margin-left:0; padding-left:0; margin-right:0; padding-right:0; }
.no-padding { padding:0 !important; }
.ellipsis { text-overflow:ellipsis; white-space:nowrap !important; overflow:hidden; }
.quote { padding:10px 15px; }
hr.small { margin:7px 0px; }
hr.invisible { border-color:transparent; }
.btn[disabled] { color:#cccccc; }
.popover { max-width:none !important; }
td ul,
td pre { margin-bottom:0; }
td.muted { background-color:rgba(0, 0, 25, 0.02) }
td.marked { background-color:rgba(245, 245, 249, 0.5); }
textarea { resize:vertical; /* Fix Chrome => */ overflow-x:hidden; }
.btn-link.text-muted { color:#777 !important; }
.btn-xxs { margin-top:-3px; padding:0 3px; font-size:90%; }
.dl-breathe,
.dl-breathe dt,
.dl-breathe dd { padding:5px 0px; }
.alert-form { margin-top:-4px; padding:12px; }
.alert-form-as-help { margin-top:-8px; }
.dropdown-menu-actions { min-width:0; }
.dropdown-menu-actions > li > a { padding:6px 15px; }

/* Navs */
nav.nav { position:fixed; width:215px; height:100%; background-color:#272f38; z-index:2000; transition:0.4s ease; }
nav.nav header { padding:20px 15px 4px 15px; font-size:24px; color:#ffffff; }
nav.nav header img { width:112px; transition:0.4s ease; }
nav .nav-title { margin-top:15px; padding:8px 17px; font-size:12px; background-color:rgba(0, 0, 0, 0.2); color:rgba(255, 255, 255, 0.4); text-transform:uppercase; transition:0.4s ease; }
nav .nav-item a { display:block; padding:10px 20px; color:rgba(255, 255, 255, 0.7); border-left:3px solid transparent; }
nav .nav-item a:first-letter { text-transform:uppercase; }
nav .nav-item a:hover,
nav .nav-item a:focus { text-decoration:none; color:#fff; background-color:rgba(255, 255, 255, 0.125); }
nav .nav-item a.active { background-color:rgba(255, 255, 255, 0.15); color:white; border-left:3px solid white; }
nav .nav-user { position:fixed; width:215px; bottom:0px; font-size:13px; background:inherit; box-shadow:-15px 0 15px rgba(0, 0, 0, 0.2); transition:width 0.4s ease; }
nav .nav-user .dropdown-menu { width:100%; max-width:100%; margin-bottom:0px; padding-bottom:15px; overflow:hidden; border:none; box-shadow:0px -10px 15px rgba(0, 0, 0, 0.2); }
nav .nav-user .dropdown-menu { display:block; opacity:0; visibility:hidden; transition:0.2s; }
nav .nav-user.open .dropdown-menu { opacity:1; visibility:visible; }
nav .nav-user .dropdown-menu > li > a { padding:5px 20px; }
nav .nav-user .dropdown-toggle { padding:7px 20px; cursor:pointer; color:#eee; background-color:rgba(255, 255, 255, 0.07); transition:0.2s; }
nav .nav-user.open .dropdown-toggle { color:white; }
nav .nav-user .dropdown-header { margin:15px 0px 5px 0px; padding:7px 12px; font-size:11px; color:#AAA; font-weight:bold; text-transform:uppercase; background-color:#f3f3f5; }
nav .nav-user .dropdown-header:first-child { margin-top:-3px; }
nav .nav-user .dropdown-item { padding:5px 20px; color:#000; }
nav .logged-company { padding:3px 0px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
body.spoofed nav .nav-user { background:crimson; }
nav.nav .scrollable { padding-bottom:100px; }
.iScrollIndicator { border:none !important; }

/* Nav: size togglers */
.nav-toggler { position:absolute; top:0px; right:0px; width:25px; padding:3px 5px; color:white; opacity:0.35; cursor:pointer; transition:0.4s ease, opacity 0.2s ease; }
.nav-toggler:hover { opacity:1; }
.modal-resizer { position:absolute; top:0px; right:-25px; width:25px; padding:3px 5px; color:black; opacity:0; visibility:hidden; cursor:pointer; transition:0.4s ease, opacity 0.2s ease; }
.modal-resizer:hover { opacity:1 !important; }
body.modal-open .modal-resizer { visibility:visible; opacity:0.2; }
body.nav-hidden nav.nav { margin-left:-215px; }
body.nav-hidden .nav-toggler { right:-25px; color:black !important; }
body.nav-hidden .modal-resizer { top:25px; }

/* Notification */
#notification { display:none; position:fixed; top:-2px; padding:12px 17px; right:15px; right:calc(15px + var(--global-scrollbar-width) - var(--actual-scrollbar-width)); background-color:white; border-width:2px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); z-index:5000; }

/* Bootstrap tabs */
.nav-tabs > li { margin-bottom:0px; }
.nav-pills > li + li { margin-left:0px; }
.nav-tabs > li.active > a { background-color:white !important; color:#029acf !important; border-color:#029acf !important; }

/* Form */
.error-block { font-weight:bold; }
.help-block { margin:0; padding:8px; clear:both; color:#3a87ad; }
.form-control { box-shadow:none; }
.form-group { padding-top:10px; padding-bottom:10px; margin-bottom:0px; }
.form-group .form-group { padding:0px; }
.form .control-label { color:#888; font-weight:normal; }
.form-horizontal td:not(:first-child) .control-label { text-align:left !important; }
.has-error.form-control,
.has-error .form-control { border-color:crimson; }
.inline-checkboxes { user-select:none; }
.inline-checkboxes .checkbox { display:inline-block; height:20px; padding:0 6px; }
.automatic-filters:not(.automatic-detailed-filters) .inline-checkboxes { margin-top:-2px; }

/* Form: Titatoggle */
.checkbox label { padding-left:15px; }
.checkbox-slider--b-flat input:checked + span::after { -webkit-animation:none; animation:none; }
.checkbox-slider--b-flat input:not(:checked) + span::after { -webkit-animation:none; animation:none; }
.checkbox-slider--b-flat input[disabled] + span::before { background-color:#aaa !important; cursor:not-allowed; }
.checkbox-slider--b-flat input[disabled] + span::after { background-color:#ddd !important; cursor:not-allowed; }
.form-horizontal .checkbox-slider--b-flat input + span:after,
.form-horizontal .checkbox-slider--b-flat input + span:before { top:8px; }

/* Form: Bootstrap Select */
.bootstrap-select div.dropdown-menu { min-height:200px; box-shadow:0 0px 12px rgba(0,0,0,.175); }
.form-horizontal .bootstrap-select ul.dropdown-menu { overflow-x:hidden; }
.bootstrap-select .dropdown-menu > li > a { padding-left:10px; white-space:normal; }
.bootstrap-select li.dropdown-header { font-size:inherit; font-weight:bold; color:inherit; }
.form-group-country_code .bootstrap-select .dropdown-header[data-optgroup="1"] { display:none; }
.bootstrap-select.free-height { height:auto; }
.bootstrap-select.free-height .dropdown-toggle { white-space:normal; }
.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select ul.dropdown-menu .selected { color:black; background-color:lightblue; }
.bootstrap-select > .dropdown-toggle.bs-placeholder { color:#c4c4c4; }
.bootstrap-select.first-empty .dropdown-menu > li:first-child { opacity:0.4; }
.bootstrap-select.disabled > .btn { background-color:#ddd; opacity:1; }

/* Modals */
.modal { background-color:rgba(255, 255, 255, 0.75); }
.modal { padding-left:0px !important; padding-right:0px !important; } /* Overrides paddings set via Bootstrap JS */
.modal-dialog { height:100%; margin:0px auto; }
.modal-content { box-shadow:-15px 0px 150px rgba(0, 0, 0, 0.25); border:none; }
.modal-header { padding:7px 7px 0px 25px; border-bottom:none; background-color:#fff; box-shadow:0 5px 15px rgba(0, 0, 0, 0.03); }
.modal-header-container { position:fixed; width:100%; top:0px; border-bottom:1px solid lightblue; }
.modal-body { padding:0px 30px; }
.modal-footer { padding:15px 10px; border:none; }

/* Modals: nested */
.modal-content { height:100%; overflow-y:scroll; }
.modal .modal .modal-footer { box-shadow:0px 40px 70px rgba(0, 0, 0, 0.07); }
.ie6 .modal-content,
.ie7 .modal-content,
.ie8 .modal-content,
.ie9 .modal-content,
.ie10 .modal-content,
.ie11 .modal-content { height:auto; overflow-y:visible; }
.ie6 .automatic-model .modal .modal .modal-dialog,
.ie7 .automatic-model .modal .modal .modal-dialog,
.ie8 .automatic-model .modal .modal .modal-dialog,
.ie9 .automatic-model .modal .modal .modal-dialog,
.ie10 .automatic-model .modal .modal .modal-dialog,
.ie11 .automatic-model .modal .modal .modal-dialog { margin-top:0px; }
.modal .modal .modal-dialog { margin-top:70px; height:calc(100% - 70px); }
.modal .modal.no-margin-top .modal-dialog { margin-top:0px; height:100%; }

/* Modals: page, a full height modal */
body:not(.nav-hidden) .modal-page { margin-left:215px; }
.modal-page { transition:margin 0.4s ease; }
.modal-page.fade { transition:margin 0.4s ease, opacity .15s ease; }
.modal-page .modal-lg { max-width:990px; width:auto; transition:max-width 0.4s ease; }
.modal-page.fade .modal-lg { transition:max-width 0.4s ease, transform .3s ease-out; }
body.modal-largest .modal-page .modal-lg { max-width:100%; }
body.modal-largest .modal-page > .modal-lg { max-width:calc(100% - 24px); }
.modal-page > .modal-dialog { background-color:#fafafa; }

/* Modals: left and right */
.modal-left .modal-dialog { margin:0px auto 0px 0px; }
.modal-right .modal-dialog { margin:0px 0px 0px auto; }
.modal-left.fade:not(.in).slide-left .modal-dialog { transform:translate(-25%, 0); }
.modal-right.fade:not(.in).slide-right .modal-dialog { transform:translate(25%, 0); }
.modal-left .modal-content { box-shadow:15px 0px 150px rgba(0, 0, 0, 0.15); }
.modal-right .modal-content { box-shadow:-15px 0px 150px rgba(0, 0, 0, 0.15); }

/* Modals: content styling */
.modal-title { margin-top:-7px; min-height:69px; max-height:69px; line-height:1.3; }
.modal-title br { display:block; margin-bottom:-3px; }
.modal-title small { font-size:60%; }
.modal-title mark { padding:0px; }
.automatic-model .modal-body { padding:0px; }

/* Table */
table.table-enhanced { margin-bottom:20px; clear:both; }
table.table-enhanced > thead { background:#ffffff; }
table.table-enhanced.table-highlight > thead { box-shadow:0px 0px 3px rgba(0, 0, 0, 0.15); }
table.table-enhanced.table-highlight > tbody { background-color:#ffffff; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.15); }
table.table-enhanced.table-hover > tbody > tr:hover > td:not(.no-hover) { background-color:rgba(195, 235, 250, 0.2) !important; }
table.table-enhanced > tbody > tr { transition:background .25s ease-in-out; }
table.table-enhanced > tbody > tr > td { padding:10px 15px; vertical-align:middle; border-top:1px solid #eeeeee; }
table.table-enhanced > thead > tr > th { padding:10px 13px 10px 15px; color:#5292aa; text-transform:uppercase; font-weight:normal; font-size:12px; line-height:initial; border-bottom:none; }
th,
td { transition:padding 0.4s ease; }

/* Table: cells */
.table-enhanced .cell-actions { width:107px; text-align:right; padding-right:10px; }
.table-enhanced .cell-actions-larger { width:130px; text-align:right; padding-right:10px; }
.table-enhanced .cell-vendor-code { width:79px; text-align:center; }
.table-enhanced .cell-product-code { width:110px; text-align:center; }
.table-enhanced .cell-code { width:79px; text-align:center; }
.table-enhanced .glyphicon-status-0 { color:#cccccc; }
.table-enhanced .glyphicon-status-1 { color:#333333; }

/* Automatic: modal */
.automatic-model .modal-dialog { padding-top:70px; }
.automatic-model .modal-left .modal-content { box-shadow:15px -35px 150px rgba(0, 0, 0, 0.15); }
.automatic-model .modal-right .modal-content { box-shadow:-15px -35px 150px rgba(0, 0, 0, 0.15); }

/* Automatic: title */
.automatic-model .table-title { float:left; }
.automatic-model .table-add { float:left; margin:0px 0px -3px 15px; }

/* Automatic: search */
.automatic-search-input { float:left; width:300px; border-color:#d9edf7; box-shadow:0 0 5px 1px #d9edf7; }
.table-search { clear:left; padding-top:15px; }

/* Automatic: empty */
.automatic-empty { display:none; margin:20px 0px; }
.automatic-empty-set { display:none; }
.automatic-empty-results { display:none; }

/* Automatic: pagination */
.automatic-model .pagination { margin:0px; }
.automatic-model .pagination a,
.automatic-model .pagination span { padding:7px 10px; }

/* Automatic: loading */
.loading { display:none; float:left; margin:10px -10px -10px 10px; }
.loading .bouncer1,
.loading .bouncer2 { position:absolute; width:17px; height:17px; border-radius:50%; opacity:0.3; background-color:deepskyblue; animation:bounce 1.4s infinite ease-in-out; }
.loading .bouncer1 { opacity:0.5; animation-delay:-0.6s; }
@keyframes bounce { 0%, 100% { transform:scale(0.1); } 50% { transform:scale(1.0); } }

/* Automatic: details */
.automatic-model .automatic-details-container > main { padding:20px; background-color:#f8f9fa; border:1px solid #eeeeee; }
.details-page .automatic-details-container > main { padding:30px 30px 40px 30px; margin-bottom:40px; background-color:#F3F3F5; }

/* Automatic: form */
.automatic-model .automatic-form-container > form { margin:0px; padding:20px 10% 25px 5%; background-color:#f8f9fa; border-bottom:1px solid #eeeeee; }
.form-page { padding-bottom:30px; background-color:#F3F3F5; }
.form-page .automatic-form-container { padding-bottom:30px; }
.form-page .automatic-form-container > form { padding:30px 100px 30px 0px; background-color:#F3F3F5; }

/* Automatic: sortable */
table.automatic-table > thead > tr > th .sortable { position:relative; cursor:pointer; padding-right:12px; }
table.automatic-table > thead > tr > th .sortable-ways { position:absolute; display:inline-block; vertical-align:top; opacity:0.6; font-size:80%; }
table.automatic-table > thead > tr > th .sortable:hover .sortable-ways { opacity:1; }
table.automatic-table > thead > tr > th .sortable-way { position:absolute; }
table.automatic-table > thead > tr > th .sortable-asc { margin-top:7px; }
table.automatic-table > thead > tr > th .sortable.sorted,
table.automatic-table > thead > tr > th .sortable.sorted.asc .sortable-asc,
table.automatic-table > thead > tr > th .sortable.sorted.desc .sortable-desc { color:black; }
table.automatic-table > thead > tr > th .sortable.sorted.asc .sortable-desc,
table.automatic-table > thead > tr > th .sortable.sorted.desc .sortable-asc { color:transparent; }

/* Wrapped managers */
.wrapped-manager { margin-top:40px; padding-left:25px; }
.wrapped-manager thead { display:none; }

/* Table in forms */
.table-in-form th,
.table-in-form td { border-color:transparent !important; }
.table-in-form th:first-child,
.table-in-form td:first-child { width:25.5%; padding-right:12px; text-align:right; }

/* Labels */
.link-on-label { display:inline-block; }
.link-on-label:hover > * { text-decoration:underline; }
.label { display:inline-block; padding:2px 4px; border-radius:1px; white-space:normal; }
.label-active { border:1px solid darkgreen; color:darkgreen; background-color:white; text-transform:uppercase; font-size:80%; }
.label-inactive { border:1px solid darkred; color:white; background-color:darkred; text-transform:uppercase; font-size:80%; }
.label-company-inactive { border:none; color:#aaa; background-color:#e3e3e3; box-shadow:0 0 20px #aaa; }
.label-brand { border:1px solid grey; color:grey; background-color:#fff; }
.label-classic { border:1px solid #666; color:#666; background-color:#ffffff; }
.label-currency { border:none; background-color:#fff; border-radius:8px; }
.label-currency-usd { background-color:#66AA66; color:#fff; }
.label-currency-eur { background-color:#0000CC; color:yellow; }
.label-currency-cny,
.label-currency-rmb { background-color:crimson; color:yellow; }
.label-language { padding:4px 3px; font-weight:normal; border:1px solid #000; background-color:#444; color:white; }
.label-order-fasten { border:1px solid #ccc; background-color:#fff; color:#1174AE; font-size:110%; }
.label-order-fasten a { color:#1174AE; }
.label-product { border:1px solid purple; background-color:purple; }
.label-product-outline { border:1px solid purple; background-color:white; color:purple; white-space:nowrap; }
.label-postcode { font-weight:normal; color:#444; border:1px solid #ccc; background-color:#fafafa; }
.label-printshop { padding:1px 5px 2px 5px; background-color:white; border:1px solid transparent; border-left-width:4px; color:#aaaaaa; border-color:#aaaaaa; }
.label-user { border:1px solid black; background-color:slategray; }
.label-vendor { border:1px solid steelblue; background-color:steelblue; }
.label-vendor-outline { border:1px solid steelblue; color:steelblue; }
.label-printshop-jtk { color:darkblue; border-color:darkblue; }
.label-printshop-pmw { color:darkorange; border-color:darkorange; }
.label-printshop-tky { color:crimson; border-color:crimson; }
.label-printshop-ind { color:limegreen; border-color:limegreen; }
.label-printshop-ban { color:forestgreen; border-color:forestgreen; }
.label-printshop-cfr { color:darkorange; border-color:darkorange; }
.label-printshop-cmg { color:black; border-color:black; border-left-color:#de0532; }
.label-printshop-cin { color:black; border-color:black; border-left-color:#0bae00; }
.label-printshop-clk { color:black; border-color:black; border-left-color:#ffbf24; }
.label-printshop-cvn { color:black; border-color:black; border-left-color:#ffff00; }
.label-printshop-ctr { color:black; border-color:black; border-left-color:#ffcfcf; }
.label-printshop-cbd { color:black; border-color:black; border-left-color:#006a4d; }

/* Countries */
.label-country,
.label-country-small { padding:4px; font-weight:normal; color:gray; background-color:white; border:1px solid gray; }
.label-country-small { padding:2px; }
.label-country-bd { color:white; background-color:green; border:1px solid crimson; }
.label-country-cn { color:gold; background-color:crimson; border:1px solid crimson; }
.label-country-es { color:crimson; background-color:gold; border:1px solid crimson; }
.label-country-fr { color:crimson; background-color:white; border:1px solid blue; }
.label-country-gb { color:crimson; background-color:white; border:1px solid crimson; }
.label-country-in { color:white; background-color:darkorange; border:1px solid green; }
.label-country-hk { color:white; background-color:crimson; border:1px solid gray; }
.label-country-it { color:white; background-color:limegreen; border:1px solid crimson; }
.label-country-tr { color:white; background-color:crimson; border:1px solid crimson; }

/* News */
.pinned-news-container { display:flex; gap:15px; flex-wrap:wrap; margin:-5px 0 15px 0; }
.pinned-news { flex:1 0 26%; padding:15px; margin:0px; border-width:3px; border-radius:0px 15px;  }

/* Products */
.product-image { width:auto; height:auto; }
.product-image-tiny { max-width:35px; max-height:35px; }
.product-image-thumbnail { max-width:80px; max-height:80px; }
.product-image-standard { max-width:200px; max-height:200px; }
.price { font-weight:bold; white-space:nowrap; }
.printshop-pricing-jtk { border-bottom:4px solid darkblue; }
.printshop-pricing-pmw { border-bottom:4px solid darkorange; }
.printshop-pricing-tky { border-bottom:4px solid crimson; }
.printshop-pricing-ind { border-bottom:4px solid limegreen; }
.printshop-pricing-ban { border-bottom:4px solid forestgreen; }
.printshop-pricing-cfr { border-bottom:4px solid darkorange; }
.printshop-pricing-cmg { border-bottom:4px solid black; }
.printshop-pricing-cin { border-bottom:4px solid #0bae00; }
.printshop-pricing-clk { border-bottom:4px solid #ffbf24; }
.printshop-pricing-cvn { border-bottom:4px solid #ffff00; }
.printshop-pricing-ctr { border-bottom:4px solid #ffcfcf; }
.printshop-pricing-cbd { border-bottom:4px solid #006a4d; }

/* Order */
#automatic-table-order td { padding:10px }
#automatic-table-order > tbody > tr.row-order-details > td { width:100%; padding:0; background:linear-gradient(transparent, #eff3f4); }
#automatic-table-order.table-hover > tbody > tr.row-order-details:hover > td { background-color:transparent !important; }
#automatic-table-order.table-enhanced > tbody > tr.row-order-details > td { border:none; }
#automatic-table-order > tbody > tr.row-order-previews > td { width:100%; padding:0; background:linear-gradient(#eff3f4, #d5e1e3); }
#automatic-table-order.table-hover > tbody > tr.row-order-previews:hover > td { background-color:transparent !important; }
#automatic-table-order.table-enhanced > tbody > tr.row-order-previews > td { border:none; }
.order-details { display:none; margin-bottom:15px; }
.order-previews { display:none; }
.order-details .panel { margin-bottom:15px; background:none; border:none; }
.order-details .panel-heading { margin-left:10px; padding:0px; font-size:13px; color:#888; background:none; border:none; }
.order-details .panel-body { margin-top:-10px; padding-top:20px; background-color:white; border:1px solid #888; border-radius:5px; }
.order-editables { margin-top:3px; display:grid; min-width:150px; max-width:350px; grid-template-columns:85px auto; gap:4px 9px; font-size:88%; line-height:1; font-weight:bold; }
.order-editables .editable-label { justify-self:end; min-height:14px; text-transform:uppercase; }
.order-editables .editable-link { display:block; min-height:14px; }
.order-editables .editable-field.input-sm { height:15px; margin:-2px 0 -1px 0; padding:2px 0; line-height:1; border:none; }
.order-editables .editable-field:focus { box-shadow:0 0 0 2px rgba(102,175,233,.8); }
.table-order-items td { padding:4px !important; }

/* Order: statuses */
.order-confined { background-color:#fcf8e3; opacity:0.8; }
#automatic-table-order > tbody > tr.order-confined:hover { background-color:#fcf8e3; }
.order-rejected { background-color:#ffe8e8; opacity:0.7; }
#automatic-table-order > tbody > tr.order-rejected:hover { background-color:#ffe8e8; }
.order-cancelled { background-color:#ddd; opacity:0.5; }
#automatic-table-order > tbody > tr.order-cancelled:hover { background-color:#ddd; }
.order-test { background-image:repeating-linear-gradient(45deg, transparent, transparent 16px, #67458a09 16px, #67458a09 32.1px); }
.order-test.order-cancelled { background-image:repeating-linear-gradient(45deg, transparent, transparent 16px, #67458a14 16px, #67458a14 32.1px); }
.mark-order-test { margin:0px 1px 0px -3px; padding:0 2px; color:black; background-image:linear-gradient(to right, gold, yellow); }

/* Order: selectable rows */
th .row-checker-container { opacity:0; margin:-27px 0 0 -22px; }
td .row-checker-container { opacity:0; margin-left:-25px; padding:30px 3px; }
th .row-checker-container.visible,
#automatic-table-order .row-checker-container:hover,
#automatic-table-order > tbody > tr:hover .row-checker-container,
#automatic-table-order > tbody > tr.selected .row-checker-container { opacity:1; }
#automatic-table-order > tbody > tr.selected > td { background-color:rgba(50, 155, 200, 0.2) !important; }

/* Order: product layout*/
.product-well { padding:30px 60px; background-color:#F4F4F5; border:1px solid #ddddde; }
.product-well-title { margin:30px 0 10px 0; font-size:18px; color:#b4c1ca; text-transform:uppercase; text-align:center; }

/* Order: product preview */
.product-preview.product-well { background-color:#b4c1ca; color:white; }
.product-preview-title { width:408px; height:40px; margin:0px auto; text-align:center; line-height:1.1; }
.product-preview-label { width:408px; margin:20px auto 30px auto; padding:50px; color:#888; background-color:white; border:1px solid black; text-align:center; }

/* Order: product preview content */
.product-preview-label .preview-variable { color:black; }
.product-preview-label .preview-variable-not-found { color:#ccc; }
.product-preview-label .preview-variable-not-found:before { content:"......"; }
.product-preview-label big { line-height:30px; }
.preview-result hr,
.product-preview-label hr { margin:10px -5px; }
.preview-result hr:not(.invisible) + hr:not(.invisible),
.product-preview-label hr:not(.invisible) + hr:not(.invisible) { margin-top:19px; }
.product-preview-label img.symbol { width:75px; margin-right:-25px; padding-left:25px; }
.product-preview-label img.symbol.symbol-group-1 { margin-left:-50px; }
.product-preview-label .preview-variable > .preview-part { font-weight:bold; }
.product-preview-label .preview-variable > .preview-percent { display:inline; padding-right:3px; }
.product-preview-label .preview-variable > .preview-material { display:inline; }
.product-preview-label > .preview-variable > .preview-part,
.product-preview-label > .text-left > .preview-variable > .preview-part { text-align:left; }
.product-preview-label > .preview-variable > .preview-percent,
.product-preview-label > .text-left > .preview-variable > .preview-percent { width:40px; display:inline-block; vertical-align:top; text-align:left; }
.product-preview-label > .preview-variable > .preview-material,
.product-preview-label > .text-left > .preview-variable > .preview-material { width:265px; display:inline-block; text-align:left; }

/* Order: identical product preview */
.product-preview.washed { color:#999; }
.product-preview.washed .product-preview-label { color:#bbb; border-color:#ddd; }
.product-preview.washed .preview-variable { color:#999; }
.product-preview.washed .preview-variable .symbol { opacity:0.3; }
.product-preview.washed .preview-variable > center > div > div { background-color:#999 !important; } /* barcode, without class so that it works on old orders */

/* Order / Raw order : product previews */
.order-previews { padding:20px 15px 0px 15px; }
.order-previews .product-preview,
.raw-order-previews .product-preview { display:inline-block; zoom:0.8; vertical-align:top; }
.raw-order-previews .product-preview { zoom:0.75; }
.order-previews .product-preview-title,
.raw-order-previews .product-preview-title { margin-top:10px; }
.order-previews .product-preview-label,
.raw-order-previews .product-preview-label { margin:7px auto 16px auto; border-color:#ddd; }

/* Order: metrics */
.order-metrics-container { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px 0; }
.order-metrics-container > .text-right { padding-right:1px; background:linear-gradient(transparent 10%, #00000044 80%, transparent); }
.order-metrics-container > .text-right > .order-metrics { background-color:#fafafa; }
.order-metrics { margin-bottom:-3px; padding:0px 5px; line-height:1.3; }
.pull-left > .order-metrics { margin:-3px 0px -6px 38px; padding:3px 6px; background:#fff; border-radius:3px; box-shadow:0px 1px 5px #00000022; }
.order-metrics a { padding:1px 2px; color:#444; border:1px transparent dotted; }
.order-metrics a:hover { text-decoration:none; background:#eee; border:1px black dotted; }
.order-metrics small { margin-left:4px; }
.order-metrics small a { display:inline-block; margin-left:-4px; padding:0px 2px; }
.order-metrics .tooltip-inner { line-height:1.6; padding:10px 14px 12px 14px; }
.order-metrics > a:first-child + .tooltip > .tooltip-inner { min-width:240px !important; }

/* Filters */
.automatic-detailed-filters { position:relative; padding:18px 5px; margin-bottom:0px; }
.automatic-detailed-filters input[name=search] { border-color:#336699; }
.automatic-detailed-filters .form-control { margin:3px 0px; color:inherit; }
.automatic-detailed-filters .more-filters { margin-left:8px; }
.automatic-detailed-filters .more-filters.unfold::after { transform:rotate(180deg); }
.automatic-detailed-filters .more-filters::after { margin:8px 0 0 3px; content:' '; position:absolute; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #999; transition:transform .2s ease-out; }
.automatic-detailed-filters .sorters { margin:0 4px; }
.automatic-detailed-filters .sorters button.dropdown-toggle { padding-left:3px; padding-right:18px; }
.automatic-detailed-filters .sorters button.dropdown-toggle .caret { margin-right:-6px; }
.order-filters button .brand-name,
.order-filters button .printshop-name,
.order-filters button .vendor-name { display:none; }
.order-filters .dates { margin:0 -3px; padding:0 15px; }
.order-filters .dates .col-md-3 { padding:0 3px; }
.order-filters .item-code { color:purple; }
.order-filters .item-code::placeholder { color:purple; opacity:0.4; }
.order-filters .additional-inputs { margin:0 -3px; padding:0 15px; }
.order-filters .additional-inputs > div { float:left; width:20%; padding:0 3px; }
.order-filters .additional-inputs .input-sm { font-size:13px; padding:4px 8px; }
.order-filters input:not([role=textbox]):not(:placeholder-shown),
.order-filters .bootstrap-select > button:not(.btn-link):not(.bs-placeholder) { border-image:linear-gradient(12deg, #0c8c75, transparent) 1; }

/* Stock: table */
.table-stocks { width:auto; max-width:none; margin-left:-160px; margin-right:-70px; }
.table-stocks td:not(:first-child) { text-align:right; border-color:#ddd !important; }

/* Calendar */
.daterangepicker { margin:3px 0 0 -2px; box-shadow:0px 2px 8px #ccd; font-family:inherit; }
.daterangepicker .cancelBtn { float:right; }
.daterangepicker::before { border-bottom-color:#ddd; }

/* Editable */
.editable-link { color:inherit; border-bottom:1px dotted #ccc; }
.editable-link:hover { text-decoration:none; }
.editable-field.input-sm { height:22px; padding:0px; font-size:100%; }
.editable-field { margin:0 -1px; }

/* Dataset / raw data / raw orders */
tr.row-archived { background-color:rgba(200, 200, 100, 0.08) !important; }
tr.row-ordered:not(.row-active)  { background-color:rgba(0, 100, 200, 0.08) !important; }
tr:not(.row-ordered) .status-ordered { display:none; }
tr:not(.row-archived) .status-archived { display:none; }
tr:not(.row-active) .status-active { display:none; }

/* User select option */
.user-select-option { float:left; max-width:200px; margin-right:5px; text-overflow:ellipsis; overflow:hidden; }

/* Brands */
.label-brand-age { color:black; background-color:white; border-color:#c2bbb4; box-shadow:inset 0px 0px 0px 1px #f5ede4; }
.label-brand-bas { color:black; background-color:#fef3e3; border-color:#c6bcad; }
.label-brand-bon { color:black; background-color:white; border-color:black; font-weight:normal; }
.label-brand-cam { color:#E7273B; background-color:#FFF0F6; border-color:#E7273B; }
.label-brand-cec { color:black; background-color:white; border-color:#aaaaaa; }
.label-brand-cwf { color:white; background-color:LightSkyBlue; border-color:#AAAAAA; }
.label-brand-epg { color:white; background-color:lightblue; border-color:lightblue; }
.label-brand-fas { color:white; background-color:#235d83; border-color:#235d83; }
.label-brand-fus { color:white; background-color:#22347c; border-color:#c00027; }
.label-brand-gos { color:white; background-color:#a5aeb3; border-color:#bfbf00; }
.label-brand-iza { color:white; background-color:black; border-color:black; }
.label-brand-jar { color:black; background-color:white; border-color:#a99868; box-shadow:inset 0px 0px 0px 1px #a99868; }
.label-brand-jas { color:black; background-color:white; border-color:#a7111c; box-shadow:inset 0px 0px 0px 1px #a7111c; }
.label-brand-jri { color:white; background-color:MediumVioletRed; border-color:MediumVioletRed; }
.label-brand-kmj { color:#DB8E00; background-color:white; border-color:#DB8E00; }
.label-brand-kuj { color:black; background-color:#eeeeee; border-color:black; }
.label-brand-lan { color:black; background-color:white; border-color:#AAAAAA; }
.label-brand-mol { color:white; background-color:#546670; border-color:#ed1d25; }
.label-brand-nuv { color:white; background-color:#00b5b9; border-color:#00b5b9; }
.label-brand-orp { color:#E32438; background-color:white; border-color:#E32438; }
.label-brand-oxb { color:white; background-color:crimson; border-color:crimson; }
.label-brand-pyr { color:#1B3762; background-color:white; border-color:#B60208; }
.label-brand-ros { color:white; background-color:LightPink; border-color:LightPink; }
.label-brand-ses { color:#7c5959; background-color:#f9f0e7; border-color:#e1d8d0; }
.label-brand-sqn { color:black; background-color:white; border-color:black; }
.label-brand-vik { color:white; background-color:#c0a178; border-color:#c0a178; }
.label-brand-vin { color:white; background-color:olive; border-color:olive; }
.label-brand-zaz { color:#AA1717; background-color:white; border-color:black; }

/* Media queries */
@media (max-width:992px) {
    nav.nav,
    nav .nav-user { width:160px; font-size:90%; }
    nav .nav-title { font-size:90%; }
    body.nav-hidden nav.nav { margin-left:-160px; }
    body:not(.guest) > main > section { padding:0px 25px 0px 185px; }
    body:not(.nav-hidden) .modal-page { margin-left:160px; }
    .modal-page .modal-lg { max-width:700px; }
    .table:not(#automatic-table-order) th,
    .table:not(#automatic-table-order) td { padding:5px !important; }
}