/*
Theme Name: Get WorkGear Admin Area
Description: Get WorkGear Admin Area
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0.0.5
*/
@charset "UTF-8";

/* Links. */
a:link, a:visited { color:#00afc4; text-decoration:none; }
a:hover, a:active { color:#e55100; transition:0.3s; }
h1 a:link { margin:0 0 0 8px; position:relative; top:-4px; }
#login a:link, #login a:visited { margin-left:15px; }
#loginfoot a:link, #loginfoot a:visited { display:block; color:#949c9d; font-size:36px; }
#menuwrap ul li.current ul li a:link { background:none; }
#menuwrap ul li a:active, #menuwrap ul li a:hover, #menuwrap ul li.current a:link, #menuwrap ul li.current a:visited, #menuwrap ul li.current ul li a:active, #menuwrap ul li.current ul li a:hover { background:#fff; color:#00afc4; }
table a:link, table a:visited, table.data a:link, table.data a:visited { display:block; font-weight:600; }
table.data a:link, table.data a:visited { margin:-6px -9px; padding:6px 9px; }
.apw-btnw a:link { border-right:1px solid #e4e8e8; display:inline-block; font-size:13px; font-weight:600; padding:8px 15px; }
html, body { color:#000; font-family:'Montserrat', sans-serif; display:table; font-size:15px; height:100%; margin:0; padding:0; width:100%; }
img { border:none; display:block; height:auto; max-width:100%; }
h1 { /*border-bottom:1px solid #b7c1c4;*/ color:#464949; font-size:30px; font-weight:300; margin:0; padding:0 0 10px 0; }
h2 { color:#141515; font-size:18px; margin:0 0 5px 0; padding:0; }
h3 { color:#141515; font-size:16px; margin:0 0 5px 0; padding:0; }
h3 span { font-weight:normal; }
h4 { color:#141515; font-size:15px; font-weight:600; margin:7px 0; padding:0; }
h5 { color:#141515; font-size:14px; font-weight:600; margin:0 0 4px 0; padding:0; }
h6 { font-size:0.9em; font-weight:300; margin:0 0 5px 0; padding:0; }
p { color:#464949; font-size:14px; line-height:22px; margin:0 0 8px 0; }
h3 ~ p, h4 ~ p { margin-top:-7px; }
a.phone { color:#75848c; font-size:24px; }
hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #b7c1c4; height:1px; margin:30px 0; }
.floatl { float:left; margin:0 5px 5px 0; }
.floatr { float:right; margin:0 0 5px 5px; }
.clear { clear:both; }
blockquote { font-size:16px; margin:20px 0; }
.pagination { float:left; margin:5px; width: calc(100% - 200px);}
ul.pagination { list-style:none; margin:0; padding:0; width:100%;}
ul.pagination li { display:inline-block; margin:0; padding:0;}
ul.pagination li .page-link { padding:2px 5px; text-align:center; }

.dec1 { text-align:right; }
.dec1, .dec2 { display:inline-block; }
.dec2 { text-align:left; }
h1 small { border-left:1px solid #b7c1c4; font-size:18px; margin:0 0 0 10px; padding:0 0 0 10px;}
h3 small { font-weight:normal; }

/* Help section. */
.help { max-width:106em; }
.help h2, .help h3 { margin:2em 0 0; padding-top:2em;}
.help .row h2:nth-child(1) { border-top:none; padding-top:0; }
.help h2 { border-top:1px solid #b7c1c4; clear:both; }
.help h3 { border-top:1px dashed #b7c1c4; }
.help h2 ~ h3:first-of-type { border-top:none; margin-top:1em; padding-top:0; }
.help li { margin:0 0 0.75em 0; }
.help small { line-height:1.2em; }
.help li, .help p { line-height:1.4; }
.help ol { list-style-type:decimal; }
.help ol, .help ul { margin:0.5em 0 0.5em 1.5em; padding:0; }
.help p { color:#000; font-size:15px;  margin:1em 0 0;}
.help .wrap09 p:first-of-type { margin:0; }
.help ul { list-style:disc; }
.help var { font-style:normal; font-weight:bold;  font-style:italic; font-weight:normal;  }
.help strong var { font-style:normal; font-weight:bold; }
.help img { box-shadow:#ccc 0 0 20px; border-radius:15px; position:relative; }
.pfold { margin-bottom:45px; position:relative; width:fit-content; }
.help p.pfold { margin:20px 0 40px; }
.pfold:after { content:""; background:url(/images/admin/screenshots/fold-corner.png?v=202505120857) top right no-repeat; background-size:cover; height:100px; position:absolute; top:-22px; right:-22px; width:100px; }
.screenrap-fr { float:right; margin:-10px 20px 40px 40px; width:70%; }

#indexrap { background-color:#f4f6f6; border-radius:0 0 8px 8px; padding:30px;}
#indexrap h2 { border-top:0; margin-top:0; padding-top:0; }

#help-index { display:flex; gap:30px;}
#help-index div { max-width:250px;}
#help-index ul, #help-index ol { margin:0; padding:0 20px;}
#help-index ul li, #help-index ol li { margin:0; padding:4px 0; line-height:16px;}

.faq { align-items:stretch; display:flex; margin:9px 0;}
.faq a { font-weight:500;}
.faq-q { background:#f5f5f5; border-radius:8px 0 0 8px; margin:0; padding:26px 30px 26px 50px; position:relative; width:400px; }
.faq-a { border:2px solid #f5f5f5; border-radius:0 8px 8px 0; margin:0; padding:25px 30px 25px 46px; position:relative; width:100%; }

.faq-q:before { content:"Q: "; font-weight:600;}
.faq-a:before {content:"A: ";}
.faq-q:before, .faq-a:before { font-size:20px; position:absolute; left:20px; top:22px; }


.faq h4 { margin:0; padding:0; }
.faq p { margin:0 0 12px 0; padding:0;}
.faq p:last-of-type { margin-bottom:0;}


/* Order detail + pending orders - Order Details Block */

.odb { border:1px solid #e4e8e8; border-radius:5px; margin:0 0 8px 0; }
.odb-head { background:#e4e8e8; display:flex; gap:60px; font-size:18px; padding:12px 25px;}
.odb-sub-head {  background:#f5f5f5; display:flex; gap:30px; margin:1px; padding:8px 24px; }
/*
.odb-sub-head div:nth-of-type(1) { min-width:calc(25% - 30px);}
.odb-sub-head div:nth-of-type(2) { min-width:calc(50% - 30px);}
.odb-sub-head div:nth-of-type(3) { min-width:calc(25% - 30px);}
*/
.obb-body { padding:0 25px 20px 25px; }
.od-reason4declining { padding:10px 25px 0 25px;}
.odb-body-a { display:flex; gap:40px; padding:40px 0 20px 0; }
.odb-body-b { min-width:240px; }
.odb-body-b, .odb-body-c { min-height:40px; padding:0 0 0 70px; position:relative;}
.odb-body-b:before, .odb-body-c:before { background:url(../../images/icons.png?v=202505120857) no-repeat; content:""; display:block; position:absolute; top:0; left:0; }
.odb-body-b:before { background-position:-254px -79px; top:-5px; height:46px; width:53px;}
.odb-body-c:before { background-position:-172px -200px; height:40px; width:56px; }
.odb-body-c.pickup:before { background-position:-93px -195px; height:48px; left:8px; top:-4px; width:60px; }

.grandtotal td { font-size:15px; font-weight:600;}
.odb table { width:100%;}
table#order-details tr.grandtotal td { background:none; border-top:5px Solid #b7c1c4; padding-bottom:20px; padding-top:20px; }
/*table#order-details tr td:nth-of-type(5), table#order-details tr td:nth-of-type(6), table#order-details tr.grandtotal td:last-of-type { width:99px;}*/
table#order-details tr.grandtotal td:first-of-type { width:100%;}
table#order-details tr th { background:#f5f5f5; font-size:13px; padding:6px 9px;}








input[type="checkbox"]#coloursizeid ~ label { background:#f5f5f5; padding:10px 20px 11px 45px; color:#00afc4; display:block; font-size:16px; margin:0 0 1px 0; position:relative; }
input[type="checkbox"]#coloursizeid + label:before { background:url(/images/icons.png?v=202505120857) -445px -145px no-repeat; content:""; height:30px; position:absolute; left:5px; top:5px; width:30px;}

input[type="checkbox"]#coloursizeid:checked + label:before { background-position: -485px -145px;}
input[type="checkbox"]#coloursizeid:checked ~ #colour-size-price-mesh { display:block; }
#colour-size-price-mesh { background:#f5f5f5; border-radius:6px; display:none; padding:25px; }

#colour-size-price-mesh table { border:0; }
#colour-size-price-mesh table th { font-size:14px; font-weight:normal; text-align:center; }
#colour-size-price-mesh table td { padding:2px;}
#colour-size-price-mesh table tr:nth-of-type(odd) td { background:none; }
#colour-size-price-mesh table tr td:first-of-type { text-align:right; }
#colour-size-price-mesh table input[type="text"] { background:#fff; border-radius:4px; line-height:30px; max-width:120px; padding:0 6px; width:calc(100% - 12px); }





.od-company_header { display:flex; align-items:center; gap:20px; padding:20px 0; }
.od-company_logo { border-right:1px solid #b7c1c4; max-width:240px; padding:0 20px 0 0;}
.od-company_name { font-weight:600; max-width:240px; }

.od-company_status { display:flex; flex-grow:4; justify-content:flex-end; align-items:center; gap:5px; }
.od-company_status strong { font-weight:600;}
.od-company_status .sipw { width:180px; }



/* -- New order status styles start -- */

#order-status-rap { height:90px; display:flex; align-content:flex-start; flex-wrap:nowrap; align-items:center;}

#od-icon { border-radius:6px 0 0 6px; border-right:1px solid #fff; height:90px; position:relative; width:90px; }
#od-icon:before { background:url(/images/icons.png?v=202505120857) no-repeat; content:""; display:block; height:60px; position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px; width:60px; }

.od-ready-to-process #od-icon, .od-processing #od-icon, .od-done #od-icon { background-color:#b5e24c; }
.od-cancelled #od-icon, .od-declined #od-icon { background-color:#ffae00; }
.od-pending-manager-review #od-icon { background-color:#b9c9cd; }

.od-ready-to-process #od-icon:before { background-position:-410px -70px; }
.od-processing #od-icon:before { background-position:-330px -70px; }
.od-done #od-icon:before { background-position:-490px -70px; }
.od-cancelled #od-icon:before { background-position:-570px -70px; }
.od-declined #od-icon:before { background-position:-650px -70px; }
.od-pending-manager-review #od-icon:before { background-position:-730px -70px; }

#od-statuses { background:#f5f5f5; border:2px solid #f5f5f5; border-radius:0 6px 6px 0; height:86px; position:relative; width:336px;}

.od-ready-to-process #od-statuses:active, .od-ready-to-process #od-statuses:hover, .od-processing #od-statuses:active, .od-processing #od-statuses:hover, .od-pending-manager-review #od-statuses:active, .od-pending-manager-review #od-statuses:hover { background:#fff; transition:0.2s; }

#od-statuses input[type="checkbox"] + label:before { content:"Status"; display:block; font-weight:bold; padding:0 24px; position:absolute; top:10px; z-index:2; }
#od-statuses input[type="checkbox"] + label { display:block; }
#od-statuses input[type="checkbox"] + label span { background:none; font-size:20px; height:80px; line-height:80px; padding:0 0 0 24px; position:relative; z-index:5; width:calc(100% - 24px); }
#od-statuses ul { background:#f5f5f5; border-radius:0 0 6px 6px; border-top:2px dotted #fff; border-bottom:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff; display:none; list-style:none; margin:0; padding:3px 3px 6px 3px; position:absolute; top:87px; left:-2px; width:334px; }
#od-statuses ul li { matgin:0; padding:0;}
#order-status-rap.od-ready-to-process input[type="checkbox"]:checked ~ ul, #order-status-rap.od-processing input[type="checkbox"]:checked ~ ul, #order-status-rap.od-pending-manager-review input[type="checkbox"]:checked ~ ul { display:block; }
.od-done input[type="checkbox"] + label span, .od-cancelled input[type="checkbox"] + label span, .od-declined input[type="checkbox"] + label span { cursor:auto;}
#od-statuses ul li button { background:none; border-radius:0; color:#000!important; display:block; font-size:20px; text-align:left; width:100%;}
#od-statuses ul li button:active, #od-statuses ul li button:hover { background:#fff!important; color:#00afc4;  }
#od-statuses p { padding:0 0 0 24px; position:absolute; top:50px; }

.od-ready-to-process input[type="checkbox"] + label:after, .od-processing input[type="checkbox"] + label:after { background:url(/images/icons.png?v=202505120857) -960px 0 no-repeat; content:""; height:40px; position:absolute; right:20px; top:20px; width:40px; z-index:1; }

.od-ready-to-process input[type="checkbox"]:checked + label:after, .od-processing input[type="checkbox"]:checked + label:after { top:12px; transform:rotate(180deg);}


#od-statuses p ~ ul li { margin:12px 21px;}
#od-statuses p ~ ul li a { display:block; font-weight:bold; }

#od-statuses p a:after { background:url(/images/icons.png?v=202505120857); width:10px; }
#order-status-rap input[type="checkbox"]:checked ~ p a:after { transform:rotate(90deg);}


.od-ready-to-process #od-statuses input[type="checkbox"] + label span, .od-processing #od-statuses input[type="checkbox"] + label span, .od-done #od-statuses input[type="checkbox"] + label span, .od-cancelled #od-statuses input[type="checkbox"] + label span, #od-statuses input[type="checkbox"] + label span { height:70px; line-height:60px; padding:15px 0 0 24px; }

.od-ready-to-process #od-statuses input[type="checkbox"] + label:before, .od-processing #od-statuses input[type="checkbox"] + label:before, .od-done #od-statuses input[type="checkbox"] + label:before, .od-cancelled #od-statuses input[type="checkbox"] + label:before, #od-statuses input[type="checkbox"] + label:before { top:20px;}


.ame-filterwrap { background:#e4e8e8; border-radius:0 8px 8px 8px; margin:0 0 10px 0; }

.ame-filterwrap .sipw.select { min-width:300px;}

.gwg-inputs, .gwg-btns { display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.gwg-btns { margin-top:5px;}








/* Unique containers. */
#header { background:url(/images/admin/menu-bg.png?v=202505120857) top right no-repeat #e4e8e8; display:table-cell; height:100%; overflow-y:auto; position:fixed; width:280px; z-index:99; }
#brandwrap { height:128px; padding:20px 40px 20px 20px; position:relative; }
#brandwrap img { margin:auto; max-height:calc(100% - 40px); max-width:calc(100% - 60px); position:absolute; top:0; bottom:0; left:-15px; right:0; vertical-align:middle; }
#accountwrap { background-color:rgba(255, 255, 255, 0.6); padding:10px 30px 10px 69px; }
#accountwrap p { font-size:12px; font-weight:400;line-height:13px; margin:0 0 4px 0; padding:0; }
#accountwrap p strong { font-weight:500; }
#menuwrap { width:calc(100% - 17px); }
#menuwrap ul li:last-of-type { width:calc(100% - 15px); }
#menuwrap ul ul li:last-of-type { width:100%; }
#content { display:table-cell; padding:122px 20px 0 300px; position:relative; width:calc(100% - 320px); vertical-align:top; }



#saleskit { background:#dd6d00; border-radius:6px; position:absolute; top:10px; transition:0.2s;}

.company-details-wrap #saleskit { position:relative;}



#saleskit:active, #saleskit:hover { background:#e28022; transition:0.2s;}
#saleskit a:link, #saleskit a:visited { color:#fff; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; font-size:12px; }
#saleskit a strong { display:block; font-size:18px;}
#saleskit a img { border-right:1px solid #eba766; padding:12px 12px 12px 14px;}
#saleskit a span { margin:0 16px;}


#companyselector { background:#e4e8e8; height:40px; padding:18px 20px 22px 5px; position:absolute; top:0; right:0; }
#companyselector:before { background:#e4e8e8; border-radius:0 0 0 20px; content:""; position:absolute; top:0; left:-50px; height:80px; width:100px; -webkit-transform:skew(20deg); -moz-transform:skew(40deg); -o-transform:skew(40deg); z-index:-1; }

#booksupport { position:fixed; bottom:25px; right:25px; z-index:99; }
#booksupport a { box-shadow:0 3px 10px 3px rgba(0,0,0,0.20); -webkit-box-shadow:0 3px 10px 3px rgba(0,0,0,0.20); -moz-box-shadow:0 3px 10px 3px rgba(0,0,0,0.20); }

#booksupport a.btn-med { background:#ffae00; color:#000; }
#booksupport a.btn-med:active, #booksupport a.btn-med:hover { background:#ff9000; }


#copyright { background:#def6f1; border-top:3px solid #fff; font-size:0.8em; padding:25px 5%; text-align:center; }
table#manage-categories .sipw { background:none; }


table#manage-categories input[type="text"] { max-width:170px; }

table#manage-categories input[type="button" i], table#manage-categories input[type="submit"] { background:none!important; border:0; color:#00afc4!important; font-size:13px; padding:0; }

table#manage-categories input[type="button" i]:active, table#manage-categories input[type="button" i]:hover, table#manage-categories input[type="submit"]:active, table#manage-categories input[type="submit"]:hover { background:none!important; color:#e55100!important; }



.btn-update, .btn-cancel { position:absolute; bottom:0; line-height:30px!important; }

.btn-update { right:55px;}
.btn-cancel { right:0;}


table#manage-categories .sipw input[type="text"] { background:#fff; }
table#report-staff-allocations { border-bottom:1px solid #fff;}
table#report-staff-allocations thead th { background:#f5f5f5!important; }

/* Login. */
#loginwrap { background:url(/images/admin/login-bg.png?v=202505120857) no-repeat; }
#loginwrap #loginhead { border-bottom:1px solid #fff;  }
#loginwrap #loginfoot { border-top:1px solid #fff;  }




/* Menu. */
#menuwrap ul, #menuwrap ul li { list-style:none; margin:0; padding:0; }
#menuwrap ul { margin-bottom:10px; }
#menuwrap ul li { border-bottom:1px solid #fff; position:relative; }
#menuwrap ul li a { display:block; font-size:18px; font-weight:700; padding:9px 10px 9px 68px; }
#menuwrap ul li li { border-bottom:0; margin-top:1px; }
#menuwrap ul li li a { font-size:15px; font-weight:400; padding:1px 10px 1px 68px }
#menuwrap ul li span { height:40px; position:absolute; top:0; left:26px; width:40px; }
.icon-dashboard { background:url(/images/icons.png?v=202505120857) -400px 0 no-repeat; }
.icon-orders { background:url(/images/icons.png?v=202505120857) -40px 0 no-repeat; }
.icon-company { background:url(/images/icons.png?v=202505120857) -80px 0 no-repeat; }
.icon-products { background:url(/images/icons.png?v=202505120857) -120px 0 no-repeat; }
.icon-reports { background:url(/images/icons.png?v=202505120857) -440px 0 no-repeat; }
#inputgroup1 { border-bottom:1px solid #b7c1c4; padding:12px 0; }
#inputgroup1 input[type="text"], #inputgroup1 input[type="submit"], #inputgroup1 input[type="button"], #inputgroup1 .selectwrap { float:left; margin:3px 5px 3px 0; }
#inputgroup1 input[type="text"] { width:400px; }
#inputgroup1 .selectwrap { width:250px; }
#footer { border-top:1px solid #b7c1c4; margin:30px 0 0 0; padding:20px 0; }
#footer h6 { margin:0 0 0 64px; padding:0; width:300px; }
#footer img { display:inline-block; max-width:250px; }
table { border-bottom:1px solid #b7c1c4; border-collapse:collapse; border-spacing:0; width:auto; }
table tr { }
table tr td { font-size:13px; font-weight:500; padding:6px 9px; }

table tr:nth-of-type(odd) td { background:#f5f5f5; }
table thead { border-bottom:2px solid #fff; color:#000; }
table thead th { background:#e4e8e8!important; font-size:13px; padding:6px 9px; }

table tr:first-of-type td { font-weight:700;}
table thead ~ tbody tr:first-of-type td { font-weight:500; }

.sortable { cursor:pointer; }
.sortable:before, .sorted-asc:before, .sorted-desc:before { background:url(/images/icons.png?v=202505120857) -422px -42px no-repeat; content:""; display:block; float:left; height:16px; margin:0 5px 0 0; width:12px; }
.sorted-desc:before { background-position:-442px -42px; }
.sorted-asc:before { background-position:-462px -42px; }
#list-count { background:#b7c1c4; border-radius:0 0 5px 0; color:#000; font-size:14px; margin:0 0 5px 0; padding:5px 12px; width:fit-content;}

table ~ a:link, table ~ input[type="submit"], table ~ input[type="button"] { margin-top:8px; }
table.bbd { border-bottom:1px dotted #ccc; }
table.data th { background:#f5f5f5; }
table.data tbody tr:nth-child(even) { background:#f5f5f5; }
table.data { border-bottom:1px solid #e5e5e5; }
table.data td, table.data th { font-size:13px; padding:6px 9px; text-align:left; vertical-align:top; }
table.data td.datetime, table.data td.links, table.data td.number { white-space:nowrap; }
table.data td.datetime, table.data td.number, table.data th.datetime, table.data th.number { text-align:right; }
table.data td.yesno, table.data th.yesno { text-align:center; }
/* Reset less-targeted rules. */
table.data td, table.data tr:first-of-type td { font-weight:500; }
table.data tr:nth-of-type(2n+1) td { background:transparent; }
table.data { margin:1em 0 0; }
p.errormessage { color:#c40000; font-size:14px; margin:5px 0; }
#loginwrap p.errormessage { margin:5px 0 -20px 0; }
.success { background:#b5e24c; border-radius:8px; margin:9px 0; padding:15px 15px 15px 60px; position:relative;}
.success:before { background:url(/images/icons.png?v=202505120857) -619px -201px no-repeat; content:""; position:absolute; top:12px; left:12px; height:40px; width:40px;}
.success h2 { color:#000; font-size:17px; margin:0; padding:0; color:#000;}
.success p { color:#000; font-size:14px; font-weight:400; line-height:18px; margin:0; color:#000;}
.warning { background:#dba40b; border-radius:8px; color:#fff; margin:9px 0; padding:15px 15px 15px 63px; position:relative; }
.warning:before { background:url(/images/icons.png?v=202505120857) -701px -201px no-repeat; content:""; position:absolute; top:12px; left:12px; height:40px; width:40px; }
.warning h2 { color:#000; font-size:17px; margin:0; padding:0; }
.warning p { color:#000; font-size:14px; font-weight:400; line-height:18px; margin:0; }

#manage-categories tr td:nth-of-type(1) { width:320px; }
#manage-categories tr td:nth-of-type(2) { width:150px; }
#manage-categories tr td:nth-of-type(3) { width:100px; }


table .sipw { margin:0; width:300px; }
table .sipw input[type="text"] { font-size:14px; line-height:28px; }
select::-ms-expand { display:none; }
select { background:none; border:1px solid #b7c1c4; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; text-indent:0; text-overflow:''; }
.inputgroup-01 { margin:0 0 14px 0; }
.inputgroup-02 { padding:12px 0 0 0; }
.inputgroup-02 input[type="checkbox"] + label span { font-size:12px; padding:2px 20px 2px 25px; width:150px; }
.inputgroup3 { background:#e4e8e8; border-radius:30px; float:left; padding:10px; }
.inputgroup3 input[type="radio"] + label span { background-position:-1170px 8px; border-radius:20px; padding:8px 25px 8px 36px; }
.inputgroup3 input[type="radio"]:checked + label span { background-color:#fff; background-position:-1170px -42px; }
#ipf-wrap { border-bottom:1px solid #b7c1c4; padding:15px 0 25px 0; }
.blockhead input[type="checkbox"] + label span, .blockhead input[type="radio"] + label span { font-size:14px; padding:2px 20px 8px 25px; }



/* Add/edit company additions. */
.divs-inline div { display:inline-block; }
.subdomain-inputrap div { display:inline-block; }
.subdomain-inputrap div:nth-of-type(1) { max-width:30%; }
.subdomain-inputrap div:nth-of-type(2) { max-width:60%; }
.disable { filter:saturate(0); opacity:0.5; }
h3 .tooltip { float:none; display:inline-block; }
.gp1 { margin:5px 0; }
.gp1 p { margin:0; }
.date.error:before { background-position:-329px -7px }
.select:before { background:url(/images/icons.png?v=202505120857) -94px -47px no-repeat; content:""; position:absolute; top:15px; right:18px; height:7px; width:12px; z-index:5; }
.select.error:before { background-position:-134px -47px; }
.select select { color:#000; display:inline; font-size:1em; line-height:36px; padding:0 15px; margin:0; width:100%; }
input:focus-within, select:focus-within, select:focus { border-color:#00afc4; outline:0; }
.error input[type="text"], .error input[type="email"], .error input[type="tel"], .error input[type="number"], .error input[type="password"], .error textarea, .error select { background:none; border:0; }
.error input:focus-within, .error select:focus-within, .error select:focus { border:none; }
#companyselector label, #companyselector .select, #companyselector input[type="submit"] { float:left; }
#companyselector label { padding:14px 0; width:68px; }
#companyselector .select { margin:0 3px; width:300px; }

/*
#inputfeature { background:#e4e8e8; border-radius:55px; padding:10px 0 30px 40px; }
#inputfeature label { font-size:12px; }
*/

#spec01 { float:left; margin:0 5px 0 0; position:relative; width:calc(100% - 210px); }

.spec02 { max-width:500px; }
.spec02 input[type="text"] { background:#fff; margin:0 0 0 2px; max-width:125px; z-index:1; }
.spec02 span.overallocation { background:#b7c1c4; border-left:2px dotted #fff; border-radius:0 20px 20px 0; color:#fff; font-size:14px; line-height:14px; margin-left:-20px; padding:10px 18px 10px 15px; position:relative; z-index:2;}

.spec03 { float:left; margin:0 5px 0 0; width:30%; }
.spec04 { float:left; margin:0 5px 0 0; width:170px; }
.spec04a { float:left; margin:0; padding:29px 0 0 15px; width:260px; }
.spec04a input[type="radio"] + label span { font-size:14px; }
.spec04b { float:left; margin:0 5px 0 0; min-width:150px; width:15%; }
.spec04c { float:left; margin:0 5px 0 0; min-width:150px; width:10%; }
.spec04 ~ input[type="submit"] { float:left; }
.spec04 ~ input[type="submit"], #spec01 ~ input[type="submit"], .spec08 ~ input[type="submit"] { margin-top:22px; }
.spec05 { position:absolute; top:10px; right:15px; }
input[type="submit"].spec06 { margin:3px 0; }
.spec07 { float:left; margin:0 5px 0 0; width:calc(100% - 355px); }
.spec08 { float:left; margin:0 5px 0 0; width:160px; }
#spec09 { float:left; margin:0 5px 0 0; position:relative; width:50%; }
#spec09 ~ .btn-group { margin-top:22px; }

#role-notif { float:left; margin:32px 0 0; }
#role-notif label { font-size:15px; font-weight:normal; }
.rai-name, .rai-staff-branch, .rai-show-prices, .rai-reset-type, .rai-period, .rai-date, .rai-submit { float:left; margin:0 5px 0 0; }
/* .rai-name { float:none; margin-bottom:5px; } */
.rai-name { margin:0 1.5em 5px 0; }
.rai-name .sipw { max-width:650px;}
.rai-reset-type { width:170px; }
.rai-period { width:150px; }
.rai-date { width:150px; }
.rai-submit { /*margin-top:22px;*/ margin-right:0; }
.rap-id-1, .rap-id-2, .rap-id-3, .rap-id-4, .rap-id-5 { float:left; margin:0 5px 0 0; }
.rap-id-1, .rap-id-2, .rap-id-3 { width:250px; }
.rap-id-4 { padding:18px 0 0 10px; }
.rap-id-5 { padding:22px 0 0 0; }
h1 a.btn-med, h1 a.btn-medsmall { margin:0 0 -8px 20px; }
select.w1 { width:295px; }
select.w2 { width:315px; }
ul.fipg { border-bottom:1px solid #b7c1c4; margin:0; padding:8px 0; list-style:none; }
ul.fipg li { float:left; margin:3px; }
ul.fipg li .select { min-width:250px; }
/*.label { font-size:12px; height:15px; margin:0; padding:5px 0 2px 0; }*/
.label-text { float:left; }
.label-settings { font-weight:700; font-size:16px; margin:8px 0 2px 0; }
.label-settings small { display:block; font-weight:400; font-size:14px; }





.sipw ~ .tooltip { display:inline-block; float:none; }
.sipw ~ .tooltip:hover span, .sipw ~ .tooltip:active span, ul.twocolimputs .tooltip:active span, ul.twocolimputs .tooltip:hover span { width:200px; }
.primary-delivery-input-rap { background:#e4e8e8; border-radius:9px; margin:20px 0; padding:25px; position:relative; }
.primary-delivery-input-rap .sipw { display:block; }
.searchselectwrap { background:#fff; border:1px solid #b7c1c4; border-radius:30px; float:left; margin:3px 5px 3px 0; padding:5px; position:relative; }
.searchselectwrap input[type="text"] { background:none; border:0; border-right:1px solid #b7c1c4; border-radius:0; float:left; line-height:25px; margin:0 15px 0 0; padding:0 15px; width:300px; }
.searchselectwrap .select select { border-color:#fff; float:left; line-height:25px; padding:0 5px; }
.selectlabel { float:left; line-height:28px; padding:0 5px 0 0; }
#inputfeature .searchselectwrap label { top:-18px; }
#inputfeature .check-group { float:left; padding:0 20px 0 0; }
#inputfeature .check-group label { position:relative; top:12px; }
#inputfeature .check-group label span { font-size:14px; padding:2px 20px 2px 25px; }







.btn-group { float:left; }
.btn-group a.btn-med { margin:3px 0; }
.wrap03.size-list .wrap03 { padding:0; }
a.delete { background:url(/images/icons.png?v=202505120857) -156px 1px no-repeat #00afc4; display:block; height:44px; width:48px; }
a.edit { background:url(/images/icons.png?v=202505120857) -360px -220px no-repeat #00afc4; border-radius:5px; display:block; height:40px; width:40px; }
/*--updated--*/
a.delete:active, a.delete:hover, a.edit:active, a.edit:hover { background-color:#e55100!important; }
/*--updated--*/
a.btn-small, a.btn-medsmall, a.btn-med, a.btn-big { background:#00afc4; border-radius:6px; border:0; color:#fff; cursor:pointer; display:inline-block; text-decoration:none; }
a.btn-small:active, a.btn-small:hover, a.btn-medsmall:active, a.btn-medsmall:hover, a.btn-med:active, a.btn-med:hover, a.btn-big:active, a.btn-big:hover { background:#e55100; transition:0.3s; }
a.btn-small { font-size:12px; font-weight:400; line-height:24px; padding:0 14px; }
a.btn-medsmall, button.btn-medsmall { font-size:14px; line-height:32px; padding:0 20px; }
a.btn-med { font-size:14px; line-height:15px; padding:13px 20px; }
a.btn-big { font-size:20px;line-height:42px; padding:0 30px; }
.btn-big input[type="submit"], .btn-big button { font-size:18px; line-height:54px; padding:0 40px; }
.btn-big { position:relative; }

label { display:inline-block; margin:0; }
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + label span, input[type="radio"] + label span { cursor:pointer; display:inline-block; font-size:16px; height:21px; margin:0; padding:2px 30px 2px 28px; }
input[type="checkbox"] + label span { background:url(/images/icons.png?v=202505120857) -1180px -100px no-repeat; }
input[type="radio"] + label span { background:url(/images/icons.png?v=202505120857) -1180px 0 no-repeat; }
input[type="checkbox"]:checked + label span { background:url(/images/icons.png?v=202505120857) -1180px -150px no-repeat; }
input[type="radio"]:checked + label span { background:url(/images/icons.png?v=202505120857) -1180px -50px no-repeat; }
.twocolimputs input[type="checkbox"]:checked + label span { background:url(/images/icons.png?v=202505120857) -475px -148px no-repeat; }

/*moved to shared - start*/
.radio-style-01 input[type="radio"] + label { display:block; float:left; }
.radio-style-01 input[type="radio"] + label span { background:#f4f6f6; border-left:1px solid #fff; color:#00afc4; font-size:16px; padding:8px 8px 7px 8px; }
.radio-style-01 input[type="radio"]:first-of-type + label span { border-left:0; border-radius:12px 0 0 12px; padding-left:14px;}
.radio-style-01 input[type="radio"] + label:last-of-type span { border-radius:0 12px 12px 0; padding-right:14px;}
.radio-style-01 input[type="radio"]:hover + label span { background:#00afc4; color:#fff;  transition:0.3s;}
.radio-style-01 input[type="radio"]:checked + label span { background:#00717f; color:#fff; }
.rai-submit input[type="submit"] { line-height:6px;}

.radio-style-01.disable { filter:none; opacity:1; }
.radio-style-01.disable  input[type="radio"] + label span { background:#b7c1c4; color:#fff;}
.radio-style-01.disable input[type="radio"]:checked + label span { background:#00717f;}
/*moved to shared - end*/

ul.multiselect-group-01 { list-style:none; margin:0; padding:0; }
ul.multiselect-group-01 li { float:left; margin:0 3px 5px 0; padding:0; }
ul.multiselect-group-01 li:hover { opacity:0.8; }
ul.multiselect-group-01 li input[type="checkbox"] + label span { background:#e4e8e8; border:1px solid #e4e8e8; border-radius:20px; font-size:13px; font-weight:500; padding:6px 25px 4px 30px; position:relative; }
ul.multiselect-group-01 li input[type="checkbox"]:checked + label span { background:#fff; border:1px solid #00afc4; }
ul.multiselect-group-01 li input[type="checkbox"]:checked + label span:before { background:url(/images/icons.png?v=202505120857) -184px -44px no-repeat; content:""; height:12px; width:12px; position:absolute; left:14px; top:10px;}

.multiselect-group-02 input[type="checkbox"] + label span { background:#f4f7f7; border-radius:20px; font-size:13px; font-weight:500; margin:0 0 5px 0; padding:6px 25px 4px 30px; position:relative; }
.multiselect-group-02 input[type="checkbox"]:checked + label span { background:#fff;  }
.multiselect-group-02 input[type="checkbox"]:checked + label span:before { background:url(/images/icons.png?v=202505120857) -184px -44px no-repeat; content:""; height:12px; width:12px; position:absolute; left:14px; top:10px;}

.inputsrap-a strong { display:block; padding:0 0 5px 0;}
.inputsrap-a .sipw { width:200px;}
.inputsrap-a .select select { font-size:13px; line-height:31px; margin-top:-1px; }
.inputsrap-a input[type="text"], .inputsrap-a input[type="email"], .inputsrap-a input[type="tel"], .inputsrap-a input[type="number"], .inputsrap-a input[type="password"], .inputsrap-a textarea { font-size:13px; line-height:31px;}

.order-actions-rap { margin-bottom:-40px; padding:3px 0 0 0; }
.order-actions-rap input[type="submit"], .order-actions-rap a.btn-medsmall { border:5px solid #e4e8e8; font-size:14px; line-height:32px; padding:0 20px; }

.orders-search { margin:9px 0 35px 0;}


.colinputs { border-right:1px solid #b7c1c4; padding:0 20px 0 0; }
.colinputs label { clear:both; float:left; padding:8px 5px; text-align:right; width:130px; }
ul.twocolimputs { margin:5px 0; padding:0; list-style:none; }
ul.twocolimputs li { color:#464949; font-size:14px; font-weight:500; display:inline-block; margin:0; padding:2px 0; position:relative; }
ul.twocolimputs li:nth-of-type(odd) { text-align:right; width:32%; }
ul.twocolimputs li:nth-of-type(even) { width:66%; }
ul.twocolimputs input[type="email"], ul.twocolimputs input[type="text"], ul.twocolimputs input[type="password"], ul.twocolimputs .select select { font-size:14px; line-height:30px; margin:0; }
ul.twocolimputs .select:before { top:13px; }
ul.twocolimputs .date:before { top:2px; }
.hide { display:none; }
.floatblock { float:left; }
.aright { float:right!important; margin-left:2px; }
.wrap01 { background:#e4e8e8; border-radius:0 9px 9px 9px; margin:0 0 15px 0; padding:30px; }
.wrap02 { border-left:1px solid #b7c1c4; padding:28px 45px; }
.wrap03 { background:#e4e8e8; border-radius:9px; margin:5px 0; padding:12px 15px; }
.wrap04 { background:#e4e8e8; border-radius:9px; float:left; margin:0 5px 5px 0; min-height:170px; padding:12px 15px; width:209px; }
.wrap04 p { font-size:12px; line-height:17px; padding:8px 0 0 24px; }
.wrap05 { margin:8px 0; position:relative; }
.wrap06 { background:#e4e8e8; border-radius:9px; margin:0 0 8px 0; padding:15px; position:relative; }
.wrap07 { background:#e4e8e8; border-radius:36px; margin:0 0 8px 0; padding:15px 20px 15px 30px; position:relative; width:fit-content; }
.wrap07 .floatl label { font-weight:600; margin:8px 0; }
.wrap07 .floatl, .wrap07 .floatl .sipw { margin-bottom:0; }

.wrap09 { background:#e4e8e8; border-radius:9px; margin:15px 0; padding:25px; }
.wrap09 p { margin:0;}

.wrapbox-a { background:#f4f6f6; border-radius:6px; margin:5px 0; padding:22px; }

input[type="checkbox"].toggle-switch + label { display:flex; align-items:center; }
input[type="checkbox"].toggle-switch + label span { position:relative; cursor:pointer; background:#b7c1c4; border-radius:30px; padding:0; height:22px; width:40px;}
input[type="checkbox"].toggle-switch:checked + label span { background:#2fc5ae; }
input[type="checkbox"].toggle-switch + label span:before { position:absolute; content:""; border-radius:50%; height:18px; width:18px; left:2px; bottom:2px; background:#fff; transition:.2s;}
input[type="checkbox"].toggle-switch:checked + label span:before { left:20px; transition:.2s;}
input[type="checkbox"].toggle-switch + label i { font-size:12px; font-weight:300; font-style:normal; padding:0 4px; }

.toggle-switch-on, .toggle-switch-off { padding:10px 0 0 0;}

input[type="checkbox"].toggle-switch:checked ~ .toggle-switch-on, input[type="checkbox"].toggle-switch ~ .toggle-switch-off { display:block; }
input[type="checkbox"].toggle-switch ~ .toggle-switch-on, input[type="checkbox"].toggle-switch:checked ~ .toggle-switch-off { display:none; }

.sub-domain-link { line-height:42px; }
.wrapbox-a  p { margin:8px 0; line-height:18px;}

.flex-t { display:flex; align-items:top; gap:10px; }
.tiny-pending-gif { min-width:31px;}




















/*--- NEW CODE -- */


.role-category-input-block { background:#f4f6f6; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:0 -12px -1px -12px; padding:11px 15px;}
.role-category-input-block small { display:block; margin-bottom:2px;}
.role-category-input-block .label { padding:0 0 2px 0;}

.role-category-display-block { border-bottom:1px solid #fff; margin:0 -12px; padding:11px 15px;}
.role-category-display-block p, .role-category-input-block p  { margin:0; padding:0; color:#000;}

.categories .rdw01 { padding:12px;}
.categories .rdw02 { padding: 44px 15px 15px 15px; }

.role-category-name small { display:block;}
.role-category-name strong { font-size:18px; }

.wrap-initial-reset { display:flex; gap:14px;}
.wrap-initial-reset .sipw { max-width:92px;}


.sipw.width-day { width:80px;}
.sipw.width-month { max-width:none; width:140px;}

.role-category-submit-block { padding-top:14px;}
.role-category-submit-block input[type="submit"] { border-radius:6px; font-size:15px; padding:13px 20px;}
.role-category-submit-block input[type="submit"]:active, .role-category-submit-block input[type="submit"]:hover { border-radius:6px;}

.role-category-info-alert { background:#f49000; color:#fff; font-size:13px; margin: 0 -12px -1px -12px; position:relative; padding:8px 10px 10px 46px;}
.role-category-info-alert:before { background:url(/images/icons.png?v=202505120857) -252px -40px no-repeat; border:2px solid #fff; border-radius:50%; content:""; height:20px; position:absolute; left:14px; top:10px; width:20px; }

.astrix { font-size:2em; position:relative; bottom:-6px;}



.update-note { background:#b5e24c; border-radius:8px; margin:8px 0; padding:26px; position:relative;}
.update-note p { color:#000; font-size:14px; margin:0 0 6px 0;}
.update-note p:last-of-type { margin-bottom:0;}

.update-note a:link, .update-note a:visited { color:#e55100; font-weight:bold; }
.update-note a:active, .update-note a:hover { text-decoration:underline; }




.update-note input[type="checkbox"] + label { position:absolute; right:-2px; top:-2px;}
.update-note input[type="checkbox"] + label span { background:url(/images/icons.png?v=202505120857) -722px -144px no-repeat; border-radius:0 8px 0 8px; border:2px solid #fff; padding:0; height:35px; width:38px; }
.update-note input[type="checkbox"] + label span:hover { background-color:#cfef84;}



.btn-addsubcategory { background:#00afc4; border-radius:0 0 10px 10px; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #fff; color:#fff!important; display:inline-block; line-height:36px; padding:0 20px 0 52px; position:absolute; top:0; }
.btn-addsubcategory:active, .btn-addsubcategory:hover { background:#e55100;}
.icon-subcategory { background:url(/images/icons.png?v=202505120857) -600px -147px no-repeat; display:inline-block; height:27px; position:absolute; top:4px; left:8px; width:37px; }

.wrap05 a.delete { background:url(/images/icons.png?v=202505120857) -160px -2px no-repeat #00afc4; height:36px; width:40px;}



.categories .rdw01 .errors { border-radius:0; border-bottom:1px solid #fff; font-size:14px; font-weight:bold; margin:0 -12px -1px -12px;}
.categories .rdw01 .errors ul { float:none; margin:6px 0 0 -5px; }



/*-- move to shared -- */
.qty-btns-wrap { display:flex; gap:2px; flex-wrap:nowrap; margin-top:2px; }
.qty-btns-wrap input[type="number"] { width:calc(100% - 22px);}
.qty-btn-wrap-minus input[type="button"], .qty-btn-wrap-plus input[type="button"] { background:url(/images/icons.png?v=202505120857) no-repeat #00afc4; border-radius:5px; padding:0; line-height:42px; width:35px;}
.qty-btn-wrap-minus input[type="button"] { background-position:-202px -140px;  }
.qty-btn-wrap-plus input[type="button"] { background-position:-162px -140px;  }
/*-- move to shared -- */





/*--- NEW CODE -- */




















.show-current-pickup-addresses { align-items:stretch; display:flex; flex-wrap:wrap; gap:9px; padding:15px 0;}
.current-pickup-address { background:#e4e8e8; border-radius:9px; min-width:220px; padding:24px 60px 60px 30px; position:relative; }
.current-pickup-address p {font-size:17px; line-height:24px; }
.current-pickup-address a.delete { position:absolute; border-bottom:2px solid #fff; border-left:2px solid #fff; border-radius:0 9px; top:0; right:0;}
.current-pickup-address .editPickup { border-top:1px solid #fff; padding:10px 20px 14px 20px; position:absolute; bottom:0; left:0; width:calc(100% - 40px);}
.current-pickup-address .editPickup a { font-size:17px; font-weight:500;}



/*-- Customisation styles --*/

.flex { display:flex; align-items:center; gap:5px; }

.storeprice { background: #e4e8e8; border-radius:9px; margin:5px 0 20px 0; padding:20px 30px; }

.storeprice .sipw { margin:0; max-width:fit-content; }
.storeprice .sipw input[type="text"] { border-radius:50px; font-size:20px; line-height:50px; max-width:90px; text-align:right;}


.product-customisation { margin:20px 0 60px 0;}
.company-customisation { border:2px solid #e4e8e8; border-radius:9px 9px 0 0; display:flex; gap:2px; align-items:center; flex-wrap:nowrap; padding:2px 36px 2px 2px; position:relative; }
.cc-name, .cc-use-price, .cc-tax-price { background:#f5f5f5; border-radius:4px; align-items:center; display:flex; font-weight:600; height:60px; line-height:16px; position:relative;  }

.cc-use-price .label-input-rap, .cc-tax-price .label-input-rap { margin:0;}

.cc-tax-price { background:none; }
.cc-tax-price:before { border-style:solid; border-width:14px 0 14px 14px; border-color:transparent transparent transparent #f5f5f5; content:""; height:0; position:absolute; left:-4px; top:30px; width:0px;}

.cc-tax-price .sipw { height:26px; }
.cc-tax-price .r-extract { background:#f5f5f5; border-radius:0 4px 4px 0; font-size:14px; height:28px; line-height:28px; margin-right:4px; padding:0 8px;}
.cc-tax-price .r-extract small { font-size:12px;}
.cc-tax-price .label-input-rap { margin-top:8px;}

.company-customisation .cc-logo, .company-customisation .cc-name, .company-customisation .cc-use-price, .company-customisation .cc-tax-price { position:relative; }
.cc-delete { position:absolute; top:-1px; right:-1px;}
.cc-delete a.delete { border-radius:0 8px; }

.cc-delete .tooltip { background:none; height:44px; position:absolute; top:-1px; right:-1px; margin:0; padding:0; width:48px;}


.cc-delete .tooltip:active, .cc-delete .tooltip:hover { background:none; border-radius:0;}

.cc-delete .tooltip span { border-radius:4px; position:absolute; top:50px; left:-215px; width:240px; }
.cc-delete .tooltip:active span, .cc-delete .tooltip:hover span { left:-120px; top:50px; }


.cc-delete .tooltip span:before { border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #949c9d transparent; content:""; height:0; position:absolute; opacity:0.5; top:-5px; right:15px; width:0;}



.cc-delete.disable:active, .cc-delete.disable:hover { opacity:1;}

.company-customisation .cc-logo { padding:5px 15px; }
.company-customisation .cc-logo img { max-height:70px; max-width:200px; }
.company-customisation .cc-name {  max-width:150px; padding:15px 20px; }
.company-customisation .cc-use-price { padding:15px 20px; }
.company-customisation .cc-tax-price { padding:15px 20px;  }
.company-customisation .cc-tax-price .sipw { margin:0; max-width:fit-content;}
.company-customisation .cc-tax-price .sipw input[type="text"] { line-height:26px; max-width:60px; text-align:right;}

.company-price { display:flex; align-items:center; gap:0; }
.company-price button { font-size:13px; line-height:28px; padding:0 10px; }
.company-customisation .radio-style-01 input[type="radio"] + label span, .company-enhancements .radio-style-01 input[type="radio"] + label span { background:#fff; border:1px solid #b7c1c4; font-size:14px; height:auto; margin:0; padding:5px 12px 5px 12px; }
.company-customisation .radio-style-01 input[type="radio"] + label:not(:last-child) span, .company-enhancements .radio-style-01 input[type="radio"] + label:not(:last-child) span { border-right:0;}
.company-customisation .radio-style-01 input[type="radio"]:checked + label span, .company-enhancements .radio-style-01 input[type="radio"]:checked + label span {  background:#00717f; border:1px solid #00717f;}
.company-customisation .radio-style-01 input[type="radio"]:hover + label span, .company-enhancements .radio-style-01 input[type="radio"]:hover + label span { background:#00afc4; border:1px solid #00afc4; color:#fff;  transition:0.3s;}
.company-customisation h4 { margin:0 0 5px 0; }

input[type="checkbox"].cc-concertina + label { background:#e4e8e8; border-radius:0 0 9px 9px; color:#00afc4; cursor:pointer; margin:auto; padding:10px 15px 10px 45px; position:absolute; top:0; left:0;  }
input[type="checkbox"].cc-concertina + label:hover, input[type="checkbox"].cc-concertina + label:active { background-position:-175px -97px; color:#e55100;}
input[type="checkbox"].cc-concertina:checked + label { border-radius:0 0 9px 0; }
input[type="checkbox"].cc-concertina:checked + label:hover, input[type="checkbox"].cc-concertina:checked + label:active { background-position:-205px -97px}
input[type="checkbox"].cc-concertina + label span, input[type="checkbox"].cc-concertina:checked + label span { background:none; color:#000; padding:0;}

input[type="checkbox"].cc-concertina + label:before { background:url(/images/icons.png?v=202505120857) -445px -145px no-repeat #e4e8e8; border:5px solid #e4e8e8; border-radius:0 0 0 5px; content:""; color:#00afc4; font-size:14px; font-weight:500; height:30px; position:absolute; left:0; top:0; width:30px;}
input[type="checkbox"].cc-concertina:checked + label:before { background-position:-485px -145px;}



.company-enhancements { padding:0; position:relative; }
.enhancement-table { background:#f5f5f5; border-radius:0 0 9px 9px; }
input[type="checkbox"].cc-concertina:checked ~ .enhancement-table { padding:50px 10px 20px 20px;}







.company-enhancements table tr td:nth-of-type(5) button, .company-enhancements table tr td:nth-of-type(5) a { background:none; color:#00afc4!important; display:inline-block; font-size:13px; font-weight:600; line-height:20px; margin-right:10px; padding:0;}

.company-enhancements table tr td:nth-of-type(5) button:active, .company-enhancements table tr td:nth-of-type(5) button:hover, .company-enhancements table tr td:nth-of-type(5) a:active, .company-enhancements table tr td:nth-of-type(5) a:hover {background:none!important; color:#e55100!important;}


.enhancement-table input[type="text"] { background:#fff; font-size:13px; line-height:26px; }
.enhancement-table td.number input[type="text"] { text-align:right; }

input[type="checkbox"].cc-concertina:checked ~ .company-enhancements { border-radius:0 0 9px 9px; height:auto; padding:20px; }
input[type="checkbox"].cc-concertina:checked ~ .enhancement-table table { display:block; }

.company-enhancements table { display:none; width:100%; }
.company-enhancements table tr th { border-bottom:1px solid #fff; text-align: left; font-size:14px; }
.company-enhancements table tr td { border-bottom:1px solid #fff; }
.company-enhancements table tr th, .company-enhancements table tr td { padding:4px 8px;}
.company-enhancements table tr td .sipw { margin:-1px 0 0 -8px; width:fit-content; }
.company-enhancements table tr:nth-of-type(odd) td { background:#fff; }
.company-enhancements table tr:last-of-type td { background:none; }
.company-enhancements table tr th .flex { gap:0;}
.company-enhancements table, .company-enhancements table tr:last-of-type td { border-bottom:none;}
.company-enhancements table tr.edit-enhancement td { background:#f5f5f5;}
.company-enhancements table tr td:nth-of-type(1) { width:40%; }
.company-enhancements table tr td:nth-of-type(1) .sipw { width:100%;}
.company-enhancements table tr td:nth-of-type(2) { width:150px; }
.company-enhancements table tr td:nth-of-type(3) { padding-right:30px; width:90px; }
.company-enhancements table tr td:nth-of-type(3) .sipw { margin-right:-16px; max-width:99px;}
.company-enhancements table tr td:nth-of-type(4) { padding-left:16px; width:150px; }
.company-enhancements table tr td:nth-of-type(5) { min-width:170px; padding-right:0; }

table tr th.number .flex, table tr td.number .flex {justify-content:flex-end}

/* Admin dashboard. */
.wrap08 { border:1px solid #b7c1c4; border-radius:9px; padding:30px; }
.wrap08 h3 { font-size:18px; }
.wrap08 p { font-size:16px; margin:0; }
.admin-dashboard-col-01, .admin-dashboard-col-02, .admin-dashboard-col-03 { float:left; }
.admin-dashboard-col-01 { width:30%; }
.admin-dashboard-col-02 { margin:0 35px; width:calc(30% - 70px); }
.admin-dashboard-col-03 { width:40%; }
.admin-dashboard-col-01 .wrap03 { margin:12px 0; }
.admin-dashboard-col-01 .wrap03 .blockhead h3 { padding:10px; }
.admin-dashboard-col-01 .wrap03 ul { list-style:none; margin:0; padding:10px; }
.admin-dashboard-col-01 .wrap03 ul li { margin:10px 0; padding:0; }
.admin-dashboard-col-02 table tr:last-of-type td, .admin-dashboard-col-03 table tr:last-of-type td { font-weight:700; }
table.fullwidth { margin:0 0 30px 0; width:100%; }
td, th { text-align:left; }
td.number, th.number, td.datetime, th.datetime { text-align:right; }


.role-category-block { display:flex; flex-wrap:nowrap; align-items:stretch; gap:1px; }


.rdw01 { background:#e4e8e8; border-radius:8px 0 0 8px; width:300px; }
.rdw02 { background:#e4e8e8; border-radius:0 8px 8px 0; padding:59px 15px 15px 15px; width:calc(100% - 330px); }


.rdw01-top { padding:15px 15px 10px 15px; }
.rdw01-mid { border-top:1px solid #fff; padding:10px 15px; }
.rdw01-bot { border-top:1px solid #fff; padding:15px; text-align:right; }

.rdw01-mid .label { padding-top:0;}




/*--Updated--*/
.apw { background:#fff; display:flex; gap:0; align-items:stretch; margin:0 0 5px 0; position:relative; }
/*--Updated--*/

.apw-01 { min-height:130px; padding:10px; width:120px; }
.apw-01 img { margin:auto; max-height:150px; }

.apw-02 { border-left:1px solid #e4e8e8; min-height:130px; padding:0; width:calc(100% - 141px); }
.apw-03 { padding:15px 15px 38px 15px; position:relative; }

.apw-03 dl { float:left; width:100%; border:0; margin-top:-26px; font-size:12px;}
.apw-03 dl dd { float:right; margin:0; padding:0;}
.apw-03 dl dt { float:right; margin:0 4px 0 0; padding:0; }

.apw-03 h3 { color:#000; margin:0 0 5px 0; padding:0 101px 0 0; }
.apw-03 p { color:#707778; font-size:12px; line-height:16px; margin:5px 0; padding:0; }
.apw-03 p strong { color:#000; }

.apw-btnw { border-top:1px solid #e4e8e8; position:absolute; bottom:0; right:0; width:calc(100% - 141px); }


/*--Updated--*/
.open-AssignProductModel { background:#f4f6f6; border-radius:8px; display:block; font-size:18px; font-weight:bold; padding:15px; text-align:center;}
.apw ~ .open-AssignProductModel { border-radius:0 0 8px 8px; }
.open-AssignProductModel:active, .open-AssignProductModel:hover { background:#fff; }
.subcategoryheader { background:#f4f6f6; border-radius:8px 8px 0 0; display:flex; gap:4px; margin:20px 0 5px 0; padding:7px 7px 5px 12px; position:relative; }
/*--Updated--*/

.subcategoryheader .icon-subcategory { background:url(/images/icons.png?v=202505120857) -640px -147px no-repeat; position:relative; left:initial; right:initial; }
.subcategoryheader h4 { margin:11px 6px; width:calc(100% - 90px); }

.wrap05 .subcategoryheader a.delete { background-position:-162px 1px; border-radius:5px; height:40px; position:relative; width:40px; }


#pd-colours { display:flex; gap:5px; flex-wrap:wrap; align-items:stretch; margin:0 0 5px 0; }
.pd-colour-wrap { background:#fff; border:1px solid #b7c1c4; border-radius:3px; padding:40px 12px; position:relative; text-align:center; width:180px; }
.pd-colour-wrap img { margin:auto; }
.pd-colour-name { color:#464949; font-size:14px; position:absolute; top:15px; left:0; width:100%; }



.pd-colour-options { position:absolute; bottom:12px; left:0; font-size:12px; padding:0 18px 0 0; width:calc(100% - 18px); }
.pd-colour-options input[type="radio"] + label span { background:none; color:#00afc4; font-size:12px; padding:3px 0 0 18px; }
.pd-colour-options input[type="radio"] + label span:hover { color:#e55100; }
.pd-colour-options input[type="radio"]:checked + label span { background:url(/images/icons.png?v=202505120857) -182px -40px no-repeat; }
.prime { border-color:#00afc4; }
ul.a-qty-inputs, ul.a-pri-inputs { list-style:none; margin:0; padding:0; }
ul.a-qty-inputs li, ul.a-pri-inputs li { float:left; margin:2px 0; position:relative; }
ul.a-qty-inputs li:nth-of-type(odd) { font-size:12px; padding:5px 0 0 0; text-align:right; width:78%; }
ul.a-qty-inputs li:nth-of-type(even) { width:22%; }
ul.a-pri-inputs li:nth-of-type(odd) { font-size:12px; padding:5px 0 0 0; text-align:right; width:70%; }
ul.a-pri-inputs li:nth-of-type(even) { width:30%; }
ul.a-qty-inputs .sipw, ul.a-pri-inputs .sipw { height:auto; margin-left:5px; }
ul.a-qty-inputs li input[type="text"], ul.a-pri-inputs li input[type="text"] { font-size:12px; line-height:24px; }


ul.a-qtypri-values { list-style:none; margin:0; padding:0; }
ul.a-qtypri-values li {float:left; margin:2px 0; position:relative; }
ul.a-qtypri-values li:nth-of-type(odd) { font-size:12px; padding:1px 0; text-align:right; width:70%; }
ul.a-qtypri-values li:nth-of-type(even) { font-size:12px; font-weight:bold; margin-left:5px; padding:1px 0; width:calc(30% - 5px); }



.blockhead { border-bottom:1px solid #fff; margin:0 -15px; padding:0 15px; }

.tabs ul { list-style:none; margin:0; padding:0; }
.tabs ul li { float:left; }
.tabs ul li a:link, .tabs ul li a:visited { background:#00afc4; border-radius:5px 5px 0 0; color:#fff; display:block; font-size:14px; margin:0 1px 0 0; padding:14px 15px; }
.tabs ul li.current a:link, .tabs ul li.current a:visited { background:#e4e8e8; color:#00afc4 }

.bigmessagewrap { background:#e4e8e8; font-size:24px; padding:99px 5%; text-align:center; }
.bigmessagewrap ~ #footer { margin-top:0; }
.error { background-color:#fff0f0; border:1px solid #c40000; position:relative; }
#drag-drop-area.error { border-color:#c40000;}

/*--updated--*/
.error:focus-within { background-color:#fff; }
.error:after { background:url(/images/icons.png?v=202505120857) -248px 15px no-repeat #c40000; content:""; position:absolute; top:0; right:0; height:100%; width:16px; z-index:9; }
.errors { background:#c40000; border-radius:8px; color:#fff; margin:0 0 5px 0; padding:12px 15px 10px 48px; position:relative; }
.errors:before, .warnings:before { background:url(/images/icons.png?v=202505120857) -200px 0 no-repeat; content:""; position:absolute; top:3px; left:5px; height:40px; width:40px; }
/*--updated--*/

h1 ~ .errors { margin-top:-4px; }
.errors h2 { color:#fff!important; font-size:17px; margin:0; padding:0; }
.errors ul { float:left; list-style:none; margin:2px 0 0 20px; padding:0; }
.errors ul li { font-size:12px; margin:0 0 5px 0; padding:0 0 0 20px; position:relative; }
.errors ul li:before { background:url(/images/icons.png?v=202505120857) -248px 2px no-repeat; content:""; position:absolute; top:1px; left:0; height:20px; width:20px; }
#lb-content .errors ul { margin:0; }
.infowrap { background:#2b93dc; border-radius:8px; color:#fff; margin:0 0 5px 0; padding:15px 15px 15px 63px; position:relative; }
.infowrap:before { background:url(/images/icons.png?v=202505120857) -200px -140px no-repeat; content:""; position:absolute; top:12px; left:12px; height:40px; width:40px; }
h1 ~ .infowrap { margin-top:-4px; }
.infowrap h2 { color:#fff; font-size:17px; margin:0; padding:0; }
.infowrap p { color:#fff; margin:0; }
/* Tips */
#tips { position:absolute; top:122px; right:20px; z-index:99; }
#tips label { display:block; }
#tips input[type="checkbox"] + label span { background:#ffae00; border:1px solid #fff; border-radius:30px; color:#000; padding:9px 20px 9px 40px; position:absolute; top:0; right:0; }
#tips input[type="checkbox"]:hover + label span { background:#ff9000; }
#tips input[type="checkbox"]:checked:hover + label span, #tips input[type="checkbox"]:checked + label span { background:#fff; }
#tips input[type="checkbox"] + label span i { background:url(/images/icons.png?v=202505120857) -690px -148px no-repeat; display:block; height:25px; position:absolute; top:6px; left:14px; width:21px; }
#tips input[type="checkbox"]:checked + label span i { background-position:-730px -148px;  }
.tips { background:#b5e24c; border:2px solid #fff; border-radius:26px; display:none; font-weight:500; margin:-5px -5px 0 0; padding:50px 40px 45px 40px; width:520px; }
#tips input[type="checkbox"]:checked + label ~ .tips { display:block; }
.tips ol { margin:0; padding:0; }
.tips ol li { margin:0 0 9px 18px; padding:0; }
.tips ol li::marker { font-weight:700;}
.tips a:link, .tips a:visited { color:#e55100; font-weight:bold; }
.tips a:active, .tips a:hover { text-decoration:underline; }
/* Lightbox. */

#lb-body { border-radius:20px; margin:auto; padding:15px 0; }
#lb-body textarea { height:90px;}
#lb-title { font-size:18px; font-weight:700; padding:0 5px 13px 5px; }
#lb-body { border-radius:20px; margin:auto; padding:0;}
#lb-body textarea { height:90px;}

#lb-title { font-size:16px; font-weight:400; margin:0 0 10px 0; padding:0 15px 15px 0; }

#lb-content { background:#e4e8e8; padding:15px 20px; }
#lb-title h1 { border-bottom:0; font-size:22px; padding-bottom:0; }
#lb-content h1 { border-bottom:0; color:#000; font-size:18px; font-weight:600; }
#lb-content h2 { color:#000; margin:0; padding:0; }
#lb-content .wrap03 { background-color:#fff; }
#lb-content .wrap03 .blockhead { border-bottom:1px solid #e4e8e8; }
#lb-content .rdw01b { border:0; max-width:260px; margin:auto; }
#lb-content .rdw01b h4 { float:left; text-align:left; }
#lb-content .rdw01b h4 ~ .tooltip { margin:5px 0 0 8px; }
#lb-content ul.a-qty-inputs, #lb-content ul.a-pri-inputs { padding-right:35px; }
#lb-content ul.a-qty-inputs .tooltip, #lb-content ul.a-pri-inputs .tooltip { position:absolute; right:-25px; top:8px; }
#lb-content2 { background:#e4e8e8; border-radius:4px; margin:8px 0; padding:30px 40px;}
#lb-content2 { background:#e4e8e8; border-radius:4px; margin:8px 0; padding:30px 40px;}

#lb-title ~ h1 { border-bottom:0; font-size:22px; }
#lb-title ~ h1 small { border-left:0; display:block; font-size:14px; margin:0; padding:0; }





.col-ap-img .lb-prodimg img { margin:auto; max-height:350px; }
.lb-block { background:#fff; border-radius:9px; margin:5px 0; }
.lb-prodimg { padding:15px; }
.prod-name { color:#464949; font-size:14px; padding:8px 0 5px 0; text-align:center;}
.id-prodsku { color:#464949; font-size:12px; padding:0 0 8px 0; text-align:center; }
.id-prodsku strong { color:#000; font-weight:600; }
#lb-footer { padding:9px; text-align:center; }
/*
#lb-body a:link#close, #lb-body a:visited#close { background:url(/images/icons.png?v=202505120857) -395px 5px no-repeat #00afc4; border-radius:50%; border:3px solid #fff; display:block; height:50px; position:absolute; top:-40px; right:-40px; width:50px; z-index:99; }
*/
#lb-body a:active#close, #lb-body a:hover#close { background-color:#e55100; }
#lb-staff-table-wrap, #lb-prod-data, #lb-prod-to-role-table-wrap { margin:10px 30px 0 30px; }
#lb-staff-table-wrap input[type="checkbox"] + label span, #lb-prod-to-role-table-wrap input[type="checkbox"] + label span { font-size:12px; padding:3px 10px 0 30px; }
#lb-staff-table-name, #lb-staff-table-email { display:inline-block; font-size:12px; font-weight:600; padding:0 10px 5px 40px; width:260px; }
#lb-staff-table-wrap table tr td { padding:5px 8px; }
#lb-staff-table-wrap table tr td:nth-of-type(odd) { width:330px; }
#lb-staff-table-wrap table tr:first-of-type td, #lb-prod-data table tr:first-of-type td, #lb-prod-to-role-table-wrap table tr:first-of-type td { font-weight:500; }
.lb-prod-img { border:1px solid #b7c1c4; border-radius:8px; float:left; margin:8px 20px 0 0; padding:8px; width:200px }
.lb-prod-ad { float:left; width:calc(100% - 240px); }
.lb-prod-ad table tr td:nth-of-type(odd) { width:185px; }
.scroll-y { border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; height:320px; overflow-y:scroll; }
#lb-prod-comp, #lb-prod-role-cat { display:inline-block; font-size:12px; font-weight:600; padding:6px 8px; }
#lb-prod-comp { width:180px; }
#lb-prod-to-role-table-wrap { }


#edit-pickup-address,#add-pickup-address, #add-delivery-address, #edit-delivery-address { background:#e4e8e8; border-radius:9px; padding:40px 120px; width:calc(100% - 240px); }


/*tabs*/
.pc-tab > input, .pc-tab section > div { display:none;}

.pc-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pc-tab ul li {
    float: left;
    margin: 0 3px 0 0;
}
#content-tabs #tab1:checked ~ nav .tab1 label, #content-tabs #tab2:checked ~ nav .tab2 label, #content-tabs #tab3:checked ~ nav .tab3 label {
    background: #e4e8e8;
    margin-bottom: 0;
    padding-bottom: 15px;
    border-radius: 8px 8px 0 0;
}
#tab1:checked ~ nav .tab1 label, #tab2:checked ~ nav .tab2 label {
    background: #e4e8e8;
    margin-bottom: 0;
    padding-bottom: 15px;
    border-radius: 8px 8px 0 0;
}
#content-tabs .pc-tab ul li label { cursor:pointer; color:#464949;
}
.pc-tab ul li label {
    background: #f4f7f7;
    border-radius: 8px;
    border-radius: 5px;
    color: #00afc4;
    float: left;
    font-size: 14px;
    margin: 0 0 3px 0;
    padding: 12px 20px;
}

#tab1:checked ~ section .tab1, #tab2:checked ~ section .tab2, #tab3:checked ~ section .tab3 {
    display: block;
}


#content-tabs .pc-tab section div.tab1, #content-tabs .pc-tab section div.tab2, #content-tabs .pc-tab section div.tab3 {
    background: #e4e8e8;
	border-radius:0 0 8px 8px;
    color: #444;
    font-size: 14px;
    padding: 20px;
}
#content-tabs { flex-grow:3; position:relative;}

.pc-tab section { clear:both;}
.pc-tab { margin-top:5px;}

.product-role-variations { display:flex; gap:30px; padding:0 15px; }
.prv-prodimg { max-width:150px; min-width:150px; }
.prv-options { background:#fff; border-radius:5px; padding:15px;}
.prv-options .blockhead { border-bottom:1px solid #b7c1c4; }

.prv-options label { display:block;}
.prv-options .inputgroup-02 input[type="checkbox"] + label span { width:calc(100% - 45px);}
.prv-submit { padding:15px;}


.product-role-variations #content-tabs:before { 
border-style:solid;
border-width:0 20px 20px 0;
border-color:transparent #e4e8e8 transparent transparent;
content:"";
height:0;
position:absolute;
top:80px;
left:-20px;
width:0;
 }

/*mini MCE over rides*/
.tox-toolbar button, .tox-toolbar { background:#fff!important;}
.tox .tox-tbtn:hover, .tox .tox-tbtn:active { background-color:#f0f0f0!important; }
.tox-statusbar button, .tox-statusbar button:active, .tox-statusbar button:hover { background:#fff!important; color:#333!important;}




/* File upload. */
#upload-file-wrap { height:200px; margin:5px 0 30px 0; max-width:600px; position:relative; }
#drag-drop-area { border:2px dashed #00afc4; height:100%; text-align:center; }
.drag-drop-inside { background:#fff; height:100%; }
.drag-drop-inside p { font-size:14px; font-weight:500; position:absolute; top:50%; left:50%; margin:-30px 0 0 -122px!important; }
.drag-drop-inside input[type="button"] { background:none; border:0; color:#00afc4; }
#plupload-browse-button { cursor:pointer; padding-top:90px; padding-bottom:99px; padding-left:calc(50% - 80px); padding-right:calc(50% - 175px);  }


#imgupload { background:#f4f6f6; border-radius:6px; height:240px; padding:0 30px; position:relative; }
#imgupload img { margin:auto; max-height:calc(90% - 20px); max-width:calc(90% - 50px); position:absolute; top:0; bottom:0; left:0; right:0; vertical-align:middle; }
#imgupload a.delete, .wrap05 a.delete { border-radius:0 15px; border-bottom:2px solid #fff; border-left:2px solid #fff; position:absolute; top:0; right:0; z-index:9; }

.categories .wrap05.role-category-block a.delete { border-radius:0 8px; right:1px; }


#lb-content #imgupload { background:#fff; height:200px; }
#lb-content #imgupload a.delete { border-color:#e4e8e8; }
.big-block { background:#e4e8e8; border-radius:16px; clear:both; margin:20px 0 0 0; padding:14px 14px 8px 14px; }
.fff-block { background:#fff; margin-bottom:8px; }
.fff-block-h { border-bottom:1px solid #e4e8e8; font-size:17px; padding:12px 15px; }
.fff-block-b { padding:12px 15px; }
.fff-block-f { border-top:1px solid #e4e8e8; padding:15px; }
.ao-for:before, .ao-delivery:before, .od-orderdate:before, .od-orderid:before, .od-ordercode:before, .od-datetime:before, .od-orderedby:before, .od-id:before, .od-code:before, .od-status:before, .od-products:before, .od-freight:before, .od-total:before { color:#000; font-weight:600; }
.ao-for:before { content:"For: "; }
.ao-delivery:before { content:"Delivery address:"; display:block; }
.od-orderdate:before { content:"Added:"; }
.od-orderid:before { content:"ID:"; }
.od-ordercode:before { content:"Code:"; }
.odate:before { content:", "; }
.od-datetime:before { content:"Date:"; }
.od-orderedby:before { content:"Ordered by:"; }
.od-id:before { content:"ID:"; }
.od-code:before { content:"Purchase Order Number:"; }
.od-status:before { content:"Order status:"; }
.od-pricegroup strong, .od-detailsgroup strong { font-weight:600; }
.ao-orderwrap table { width:100%; }
.ao-orderwrap table tr th { background:#f5f5f5; }
.ao-orderwrap table tr th, .ao-orderwrap table tr td { padding:6px 9px; }
.ao-orderwrap table tr th:first-of-type, .ao-orderwrap table tr td:first-of-type { padding-left:15px; }
.ao-orderwrap table tr th:last-of-type, .ao-orderwrap table tr td:last-of-type { padding-right:35px; }
.ao-orderwrap table tr.subtotal td { border-top:1px solid #b7c1c4; font-weight:600; }
.delivery-icon { background:url(/images/icons.png?v=202505120857) -240px -60px no-repeat; display:block; height:45px; position:absolute; top:10px; left:17px; width:60px; }
.ao-delivery:after { background:url(/images/icons.png?v=202505120857); right:-20px; width:20px; }
.ao-orderwrap { float:left; width:calc(100% - 242px); }
.ao-delivery { border:1px solid #b7c1c4; border-radius:8px; color:#333; font-size:14px; float:left; margin:0 15px 20px 0; padding:60px 20px 25px 25px; position:relative; width:180px; }
.od-forwrap { background:#e4e8e8; font-size:13px; padding:8px 15px; }
.od-orderdate, .od-orderid, .od-ordercode { color:#333; display:inline-block; font-weight:500; margin:0 50px 0 0; }
.ao-for { color:#333; font-weight:500; }
.od-datetime, .od-orderedby, .od-id, .od-code, .od-status, .od-orderfor, .od-deliveryaddress, .od-orderdate, .od-orderid, .od-ordercode, .od-datetime, .od-products, .od-products, .od-freight, .od-total { color:#333; font-weight:500; }
.od-detailsgroup { float:left; width:65%; }
.od-orderedby { font-size:18px; line-height:24px; margin:15px 0 5px 0; }
.od-total { border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; margin:5px 0; padding:5px 0; }
.od-status { float:left; font-size:24px; font-weight:400; margin:5px 0 15px 10px; width:45%; }

.od-pricegroup { color:#333; float:right; margin:15px 0 0 0; text-align:right; width:33%; }
.od-pricegroup span { display:inline-block; font-weight:500; padding-right:15px; text-align:right; width:99px; }
.row, .rowb, .rowbt, .rowt, .rowbb { clear:both; position:relative; }
.rowb { border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; margin:0; padding:10px 0; }
.rowbb { border-bottom:1px solid #b7c1c4; margin:0; padding:20px 0; }
.rowbp { margin:0; padding:20px 0; }
.rowbt { border-top:1px solid #b7c1c4; padding:10px 0; }
.rowt { margin:0; padding:8px 0 0 0; }
.rowbb ~ #footer { border-top:0; }
.col-single-narrow { margin:0 0 0 2%; max-width:750px; }
.col-single-narrow ul.twocolimputs li:nth-of-type(odd) { width:40%; }
.col-single-narrow ul.twocolimputs li:nth-of-type(even) { width:58%; }
.inline { display:inline-block; float:none; margin:0 4px; }
.wrap07 .inclusivetax { margin:0 20px 0 15px; }
.wrap07 .inclusivetax label { font-weight:normal; }
/* Responsive columns. */
.col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-40p, .col-60p, .col-ap-img, .col-ap-variations { float:left; }
.col-ap-img { margin-right:3%; width:48.5%; }
.col-ap-variations { width:48.5%; }
.col-1o3 { margin:0 2% 0 0; width:31.3%; }
.col-2o3 { margin-right:3.5%; width:65.5%; }
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left; }
.col-1o4 { margin-right:5%; width:20%; }
.col-1o4:nth-child(4n) { margin-right:0; }
.col-2o4 { margin-right:5%; width:45%; }
.col-1o4 ~ .col-2o4 { margin-right:0; }
.col-1o2 { margin-right:3%; width:48.5%; }
.col-1o2:nth-of-type(even) { margin-right:0; }
.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3; }
.fifty-p { width:50%; }
.col-40p { width:40%; }
.col-60p { width:60%; }
.col-40p ~ .col-60p { margin-left:2%; width:58%; }
.col-60p ~ .col-40p { margin-left:2%; width:38%; }
.col-main { margin:50px 0; }


/* Custom. */
ul.twocolimputs input[type="text"].datepicker { width:100%; }
#modal-loader { background:url('https://miro.medium.com/max/1600/1*CsJ05WEGfunYMLGfsT2sXA.gif') center center no-repeat; }
.subtext { padding:5px 10px; border-bottom:1px solid #b7c1c4; margin-bottom:0px; }
#page-help-message { border:dashed 1px #b7c1c4; border-radius:15px; padding:10px 15px; position:absolute; top:20px; max-width:50%; }
.textcontent { padding:10px; }


/*
https://i.pinimg.com/originals/f9/41/ae/f941ae9d16fd7d2957eea6e5b1100d1e.gif
*/
#password-checklist {
  background: #31b7c7;
  color: #fff;
  padding: 20px 30px;
  position: absolute;
  top: 280px;
  right: 400px;
  width: 260px;
  font-size: 13px;
  z-index: 9;
}
#password-checklist:before {
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #31b7c7 transparent transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 22px;
  left: -10px;
  width: 0;
}
#password-checklist ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 0 0;
}
#password-checklist ul li { font-size:12px; margin:0; padding:1px 0; position:relative; width:auto; display:block; text-align:left; color:#fff;}
#password-checklist ul li.check {
  font-weight: bold;
}
#password-checklist ul li.check:before {
  background: url(../../images/icons.png?v=202505120857) -309px -45px no-repeat;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: 3px;
  left: -20px;
  width: 13px;
}

.successmessage { background:white; padding:10px; font-weight:bold; color:#00afc4; text-align: left; }
#login .successmessage { background:none; color:#000; margin-top:-10px; padding:0; }
.errormessage { text-align: left;margin:5px 0 0 0;color: #c40000; }
ul.errormessage { color:#c40000; list-style:none; margin:0; padding:0; }
ul.errormessage li { font-size:14px; margin:0; padding:0;}
.mce-notification { display:none !important;}
.tabs { overflow:hidden;  }
.tabs button { background-color:inherit; border-radius:5px 5px 0 0!important; float:left; border:1px solid #00afc4; border-bottom:0; outline:none; cursor:pointer; margin:0 1px 0 0; padding:8px 16px; transition:0.3s; background:#00afc4; color:#fff; border-radius:0; }
.tabs button.current { background-color:#fff!important; color:#00afc4!important; border-bottom:0; }
.tabcontent { display:none; padding:0; border:0; margin-bottom:10px;}




.close-modal { background:url(/images/icons.png?v=202505120857) -1099px 3px no-repeat #00afc4; border-radius:50%; border:3px solid #fff; display:block; height:50px; position:absolute; top:-20px; right:-20px; width:50px; z-index:99; }
.close-modal:hover { background-color:#e55100; }


button.btn-small { font-size:12px; font-weight:400; line-height:24px; padding:0 14px; }
.hidden { display:none;}

.loader { background-color:#fff; display:flex; position:fixed; left:0px;  top:0px;  width:100%;  height:100%; opacity:0.9;  z-index:9999; }
.loader img { border-radius:40px; position:relative;  /* left:35%; top:10%; */  margin:auto;}

.sortfield { align-items:center; column-gap:5px; display:flex; float:right;}
.sortfield .selectlabel { float:none; padding:0; min-width:72px; text-align:right;}
.sortfield .sipw.select { min-width:95px;}

.tox-tinymce { border-radius:0!important; }

/* Order details. */
.lineitem-product a:link, .lineitem-product a:visited { display:inline; }
.lineitem-product p { color:#000; font-size:13px; line-height:normal; margin:0.25em 0 0; }
.lineitem-product p:first-of-type { margin:0; }

  .modal-open {
    overflow: hidden;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
  }
  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }

  
 #staffeditform input[type="password"] ~ #password-checklist,  #staffeditform input[type="text"] ~ #password-checklist, #staffform input[type="password"] ~ #password-checklist, #staffform input[type="text"] ~ #password-checklist { display:none; right:initial; top:40px; left:0; }
 
 /*
 #staffeditform input[type="password"]:focus ~ #password-checklist, #staffeditform input[type="text"]:focus ~ #password-checklist, #staffform input[type="password"]:focus ~ #password-checklist, #staffform input[type="text"]:focus ~ #password-checklist { display:block; }
 #userform #password-checklist{ top:72px; right:initial; left:99px; }
 #storeadminform #password-checklist { top:72px; right:initial; left:280px; }
 #storeadminform.storeadminform-add #password-checklist { top:42px;}
 #staffform #password-checklist:before, #staffeditform #password-checklist:before,  #userform #password-checklist:before,  #storeadminform #password-checklist:before { top:-12px; left:30px; transform:rotate(90deg); }
 */
 
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
  }
  .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
  }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
  }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
  }
  .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }
  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }
  .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width:800px; margin-left:-150px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border:0;
    border-radius: 0.3rem;
    outline: 0;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: 0.5;
  }
  .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
  }
  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
  }
  .modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem;
  }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  
  
  
/*---------------------Media queries---------------------------*/
@media only screen and (max-width: 1600px) {
#inputfeature .check-group { float:none;}
.rap-id-4 { clear:both; padding:5px 0 0 10px; }
.rap-id-5 { padding:10px 0 0 0;}
.rai-show-prices { clear:both; }

}
@media only screen and (max-width: 1400px) {
#inputfeature .check-group { clear:both; float:left;}
ul.twocolimputs { margin-top:0;}
ul.twocolimputs li:nth-of-type(odd), ul.twocolimputs li:nth-of-type(even), .col-single-narrow ul.twocolimputs li:nth-of-type(even), .col-single-narrow ul.twocolimputs li:nth-of-type(odd)  { text-align:left; width:100%;}
ul.twocolimputs li:nth-of-type(odd), .col-single-narrow ul.twocolimputs li:nth-of-type(odd) { font-size:12px; padding-bottom:0;}
.col-single-narrow { margin: 0 0 0 2%; max-width:350px;}
.ao-delivery { min-height:75px; margin:0 30px 20px 0; padding:10px 20px 10px 90px; width:calc(100% - 140px);}
.ao-delivery:after { display:none; }
.ao-orderwrap { width:100%;}
.admin-dashboard-col-01 { width:40%;}
.admin-dashboard-col-02, .admin-dashboard-col-03 { margin:0 0 0 20px; width:calc(60% - 20px);}
 #staffform #password-checklist { left:99px; }
 .help .screenrap-fr { float:none; margin:20px 0; width:100%; }
 .qhelpcontent { min-width:300px; }
 /*--Customisations -- */
.company-customisation .cc-name, .company-customisation h4 { font-size:13px; }
.company-customisation .cc-name { max-width:99px;}
.company-customisation .cc-logo img { max-width:150px;}
.company-customisation .cc-logo { padding:5px 10px;}
.company-enhancements table tr td:nth-of-type(2), .company-enhancements table tr th:nth-of-type(2), .company-enhancements table tr td:nth-of-type(4), .company-enhancements table tr th:nth-of-type(4) { padding-right:0;}
.company-enhancements table tr td:nth-of-type(5), .company-enhancements table tr th:nth-of-type(5), .company-enhancements table tr td:nth-of-type(6), .company-enhancements table tr th:nth-of-type(6) { padding-right:10px;}
/*--Customisations -- */
}
@media only screen and (max-width: 1320px) {
.company-details-wrap .col-1o2 { margin-right:0; width:100%;}
.company-details-wrap .col-1o2 .wrap02 {  border-left:0; padding:28px 0;}
.od-detailsgroup { width:60%;}
.od-pricegroup {width:38%;}
.rai-staff-branch { clear:both;}

}
@media only screen and (max-width: 1250px) {
#header { width:250px; }
#content { padding-left:260px; width:calc(100% - 290px);}
.col-1o3, .col-2o3 { margin-right:3%; width:48.5%;}
.searchselectwrap { width:650px;}
select.w1 { width:250px;}
select.w2 { width:265px;}
#inputfeature .searchselectwrap input[type="text"] { width:290px;}
.spec03 { width:33%; }

.apw-01 { height:160px; overflow:hidden;}
.od-status { margin:5px 0 5px 10px; width:100%;}
.rap-id-1, .rap-id-2, .rap-id-3 { width:210px;}
#accountwrap { padding:10px 10px 10px 41px;}
#menuwrap ul li a, #menuwrap ul li li a { padding-left:40px;}
#menuwrap ul li span { left:0;}
#inputfeature.rai-wrapper { border-radius:25px; padding:10px 25px 20px 25px;}
.rai-name { width:100%;}
.ao-orderwrap table tr th:last-of-type, .ao-orderwrap table tr td:last-of-type { padding-right:15px;}
.company-enhancements table tr td:nth-of-type(1) { width:30%;}
.company-enhancements table tr td:nth-of-type(2), .company-enhancements table tr td:nth-of-type(4) { width:120px;}
}
@media only screen and (max-width: 1200px) {
.company-enhancements table tr td:nth-of-type(1), .company-enhancements table tr th:nth-of-type(1) { max-width:200px;}
.od-company_logo, .od-company_name { max-width:160px;}
.od-company_status .sipw { width:150px;}
.cc-tax-price:before { top:25px;}
.company-customisation .cc-logo img { max-height:50px; max-width:140px; }
.company-customisation .cc-logo img, .company-customisation .cc-name, .company-customisation .cc-use-price, .company-customisation .cc-tax-price { padding:10px 15px;}
.qhelpcontent { min-width:240px; }
}

@media only screen and (max-width: 1100px) {
.col-1o3, .col-2o3 { margin-right:0; width:100%;}
.col-1o3 ~ .col-2o3, .col-2o3 ~ .col-1o3 { margin-bottom:15px;}
.od-detailsgroup { width:55%;}
.od-pricegroup  {width:43%;}
#help-index { gap:15px; }
.company-customisation .cc-logo img, .company-customisation .cc-name, .company-customisation .cc-use-price, .company-customisation .cc-tax-price { padding:5px 10px;}
.company-enhancements table tr th, .company-enhancements table tr td { padding:4px 8px;}
.company-customisation .cc-logo img { max-width:120px;}
.cc-tax-price:before { border-width:10px 0 10px 10px; }
}

@media only screen and (max-width: 900px) {
.od-detailsgroup, .od-pricegroup { float:none; width:100%;}
}
/*custom*/
@media (min-width: 576px) {
    .modal-dialog { max-width:500px; margin:1.75rem auto; }
    .modal-dialog-scrollable { max-height:calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content { max-height:calc(100vh - 3.5rem);  }
    .modal-dialog-centered { min-height:calc(100% - 3.5rem);  }
    .modal-dialog-centered::before { height:calc(100vh - 3.5rem); }
    .modal-sm { max-width:300px; }
  }
  @media (min-width: 992px) {
    .modal-lg, .modal-xl { max-width:800px; }
  }
  @media (min-width: 1200px) {
    .modal-xl { max-width:1140px; }
  }
  
  
  
  
  
  
  
  @media print and (color) {
	  #header, button, input[type="submit"], a.btn-medsmall, a.btn-med, a.btn-small, a.btn-big, .btn-big, .delivery-icon, #footer, #tips, #companyselector:before, #saleskit, #od-icon, button[onclick="window.print()"], .back-btn, .od-ready-to-process input[type="checkbox"] + label:after { display:none!important; }
	  
	  html, body { font-size:11pt;}
	  
	  #content { display:block; padding:0; width:100%; vertical-align: top; -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important; color-adjust:exact!important;}
	  
	  .od-status { float:none; font-size:20px; width:100%;}
	  .ao-delivery { border:0; border-radius:0; float:none; padding:0; width:100%; }
	  .ao-orderwrap { float:none; width:100%;}
	  
	  #companyselector { background:none; height:auto; padding:10px;}
	 
	  .rowbb { padding:10px 0; }
	  #inputfeature { background:none; border-radius:0; padding:0; }
	  .rap-id-1, .rap-id-2, .rap-id-3 { width:130px;}

	  .col-40p { width:100%;}

	  .admin-dashboard-col-01, .admin-dashboard-col-02, .admin-dashboard-col-03 { float:none; margin:0; width:100%; }
	  
	  .col-1o2 { margin-right:0; width:100%; }
	  .wrap02 { border-left:0; padding:0}
	  .dndh-03 { height:200px;}
	  #logoUpload { padding-bottom:200px; clear:both; page-break-after:always; }
	  
	  #od-statuses { background:#fff; border:0; height:auto; width:50mm;}
	  #od-statuses input[type="checkbox"] + label span { height:auto; line-height:1.2; padding:0;}
	  .od-company_logo { max-width:50mm;}
	  .od-company_header { padding:0;}
	  .odb-head { padding:2mm 3mm;}
	  .odb-head strong { display:block; font-size:10pt; }
	  .odb-body-a { gap:0; padding:5mm 0; }
	  .odb { border:0; margin:0;}
	  .odb-sub-head { gap:4mm; margin:0; padding:2mm 3mm;}
	  .obb-body { padding:0;}
	  .odb-single-wrap { page-break-before: always; page-break-inside: avoid; break-before: page; break-inside: avoid;}
	  .odb-single-wrap:first-of-type { page-break-before: avoid; break-before: avoid-page;}
	  
	  table tr td, table tr th { font-size:8pt;}
	  table#order-details tr th { font-size:8pt;} 
	  table th, table td {border-right:0;}
	  
	h1 { padding:0; }
	}