/* @cache_version:6 */


/* =======================================================================
   oms:      /modules/oms/css/oms.css
*/
/*@==oms==*/
.oms{overflow:hidden}
.oms .address-list .is-order{font-weight:bold}
.oms .address-list .is-order .delete{display:none}
.oms .address-list .is-invoice .delete{display:none}
.oms .address-list .is-delivery .delete{display:none}
.oms h2{font-weight:700;font-size:12px;color:#444;margin:10px 0 5px}
.oms .label{white-space:nowrap;padding-right:5px}
.oms .w40{width:40%}
.oms .w50{width:50%}
.oms .w60{width:60%}
.oms .w100{width:100%}
.oms .pane-table{display:table}
.oms .pane-table .pane-cell{display:table-cell;vertical-align:top}
.oms .pane{border:1px solid #bbb;font-size:11px;margin-bottom:10px}
.oms .pane.fw{width:100%}
.oms .pane .cancelled td{color:#bbb}
.oms .pane .input-numeric{text-align:center}
.oms .pane-title{font-weight:700;font-size:12px;margin:10px 0 5px}
.oms .pane-header{font-weight:700;background-color:#efefef;border-bottom:1px solid #bbb;padding:5px}
.oms .pane-content{padding:5px}
.oms table.pane{border-collapse:collapse;border:none}
.oms table.pane-header{border:none}
.oms table.pane td,.oms table.pane th{font-size:11px;border:1px solid #bbb;padding:5px}
.oms table.pane .pane-border-none td{border:none}
.oms table.pane.detail td{font-size:10px;border:1px solid #ddd;padding:3px;vertical-align:top;white-space:nowrap}
.oms table.pane.detail detail-header td{font-weight:700}
.oms table.pane td .status{color:red;white-space:nowrap}
.oms table.pane td.bbr{border-bottom:1px solid #bbb;text-align:right;white-space:nowrap}
.oms table.pane td.total{font-size:13px;font-weight:700}
.oms table.table-list:nth-of-type(odd) td{background-color:#fff}
.oms .pane-content .doc-header .info-panel{float:left}
.oms .doc-header{margin-bottom:10px}
.oms .doc-header::after{content:"";display:block;clear:both}
.oms .doc-header .logo{float:left;margin-right:20px}
.oms .doc-header .company{float:left;font-size:11px}
.oms .doc-header .company .organisation{font-weight:700;font-size:14px}
.oms .doc-header .company .contact{border-collapse:collapse;margin-left:10px}
.oms .doc-header .info-panel{float:right}
.oms .doc-header .info-panel td{vertical-align:top;border:none;font-size:12px}
.oms .doc-header .info-panel tr:first-child td{font-size:20px}
.oms .doc-header .info-panel .label{font-weight:700;padding-right:5px}
.oms .order-note{font-size:11px;margin-top:12px;padding:6px;border:1px solid #bbb}
.oms .doc-footer{font-size:10px}
.oms .currency{width:35px;text-align:right;white-space:nowrap}
.oms .pack{white-space:nowrap}
.oms.no-pack .pack,.oms.no-price .price,.oms.no-order-note .order-note{display:none}
.oms.service-type .pane-delivery,.oms.service-type .product-type{display:none}
.oms.service-type .pane-invoice>.w50{width:100%}
.oms.no-inventory .inventory{display:none}
.oms.no-cancelled .cancelled,.oms.vat-mode-zero .vat{display:none}
.oms.borderpad{background-color:#fff;border:1px solid #bbb;padding:10px}
.oms.statement{font:normal 12px Helvetica,Arial,"Dejavu Sans",sans-serif}
.oms.statement .pay-button{display:none;margin:10px 0 20px}
.oms.statement .pay-required .pay-button{display:block}
.oms.statement .admin-head.currency{margin-top:10px}
.oms.statement .account-summary{margin-bottom:10px;float:right}
.oms.statement tr.balance td{color:#888}
.oms.statement tr.is-suspense td{background-color:#fff7e9}
.oms.statement tr.account.is-suspense td{background-color:#e0e0f9}
.oms.statement tr.is-overdue td{background-color:#f5e9e9;border:1px solid #fff}
.oms.statement tr.is-overdue td .reference:after{content:"payment overdue";display:inline-block;padding-left:10px;color:#cb2929;font-weight:bold;font-style:italic}
.oms .card-holder{font-weight:bold}
.oms .card-date-start::before{content:"Valid from "}
.oms .card-date-expiry::before{content:"Expires "}
.oms .card-issue-num::before{content:"Iss num "}
.oms .date-available{white-space:nowrap;color:#f33;font-size:1em}
.oms .date-available::before{content:"Available from ";white-space:nowrap}
.oms .deposit{color:#b24932;padding-top:5px;line-height:1.1em}
.oms .delivery_code{font-size:15px;margin-top:5px}
.checkout{font-size:13px;line-height:1.4;color:#444}
.checkout #browser-box{background-color:#f7f5f2;display:flex;flex-direction:column;min-height:100vh}
.checkout #page-content,.checkout #checkout-header{padding:0 4%}
.checkout h1{display:inline-block}
.checkout hr{background-color:rgba(0,0,0,0);display:block;height:1px;border-width:0;border-bottom:1px solid #ddd;padding:0;margin:20px 0}
.checkout .highlight{background-color:rgba(0,0,0,0);color:#b24932;margin-top:5px}
.checkout input[type=radio]{margin-right:10px}
.checkout .login_link{display:inline-block;margin-left:10px;font-weight:700}
.checkout.logged-in .login_link{display:none}
.checkout #login_check{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}
.checkout .terms,.checkout .checkout-security-subtext{color:#888;font-size:.8em}
.checkout .order-input .pane{margin-left:25px}
.checkout .order-input .pane2{margin-left:18px;margin-top:5px}
.checkout .section-pane{margin-bottom:30px}
.checkout .section-title{font-size:1.2em;text-rendering:optimizelegibility;font-weight:700;margin:.5em 0}
.checkout .section-title .num{display:inline-block;width:26px}
.checkout .section>a,.checkout #address_billing .content .set-to-delivery{float:right}
.checkout #login_check.section>a{margin-top:25px}
.checkout #payment_card.section>a{margin-top:-25px}
.checkout .section .close{background:url(/media/admin/cross.png) no-repeat right center;padding-right:18px}
.checkout .section .close,.checkout .section.inactive .section-note{display:none}
.checkout .section.active .close{display:inline}
.checkout .section.inactive .section-title{color:#ddd}
.checkout.editing .section .change,.checkout.editing .section-note,.checkout.guest .not-you{display:none}
.checkout .section-note{font-size:.9em;margin-left:30px;margin-bottom:5px;color:#b24932}
.checkout .section-error{display:none;background-color:#ffdada;color:#a80002;padding:10px;margin:10px 0;font-weight:700}
.checkout .section-error.show{display:block}
.checkout .address-summary .name{font-weight:bold}
.checkout .offline span:after{content:", "}
.checkout .offline span:last-child:after{content:""}
.checkout .table-option{border-collapse:collapse;clear:both}
.checkout .table-option.fw{width:100%}
.checkout .table-option td.C{text-align:center}
.checkout .table-option td,.checkout .table-option th{padding:5px 0}
.checkout .table-option tr.selected{border:1px solid #ffdd9a}
.checkout .table-option tr.selected td{background-color:#fff7e9}
.checkout .option-list ul{list-style:none;margin:0}
.checkout .option-list li{display:flex;text-indent:0;margin:0;padding:0}
.checkout .option-list li input{display:inline-flex;cursor:pointer}
.checkout .option-list li label{display:inline-flex;padding:8px;margin-left:-8px;width:100%;cursor:pointer}
.checkout .table-cart{border-collapse:collapse;clear:both;margin-bottom:10px}
.checkout .table-cart .code{font-size:.7em}
.checkout .table-cart .info{color:red;font-size:.9em}
.checkout .table-cart .deposit{color:#b24932}
.checkout .table-cart.fw{width:100%}
.checkout .table-cart td.C{text-align:center}
.checkout .table-cart td.R{text-align:right}
.checkout .table-cart td hr{margin:10px 0}
.checkout .table-cart td .detail{font-size:.9em;margin-bottom:5px}
.checkout .table-cart tr.total td{font-size:1.2em;font-weight:700}
.checkout .table-cart tr.total-vat td{font-size:.9em;color:#888}
.checkout .table-cart tr.total-vat td.total-label::after{content:"(of which tax"}
.checkout .table-cart tr.total-vat td.total-amount::after{content:")"}
.checkout .table-cart tr td.item-price{color:#888}
.checkout .table-cart tr td.item-total{font-weight:700;width:70px}
.checkout .table-cart tr td.image-thumb{text-align:center;padding-right:10px}
.checkout .table-cart tr td.image-thumb img{max-height:160px;max-width:100px}
.checkout .pane{padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:5px}
.checkout .order-input .section.inactive .pane{display:none}
.checkout .pane-title{font-size:1.1em;font-weight:700;padding-bottom:.5em;margin-bottom:.6em;border-bottom:1px solid #ddd}
.checkout .pane-sub-title{font-size:.9em;font-weight:700;margin-top:5px}
.checkout .pane-sub-title.voucher{margin-bottom:10px}
.checkout .icn-action{font-size:inherit}
.checkout #page_message .info-box{font-size:inherit;border:3px solid #444;border-radius:5px}
.checkout .sub-pane.ruled{border-top:1px solid #ddd;margin-top:10px;padding-top:10px}
.checkout .sub-pane.indented{margin-left:25px}
.checkout .sub-pane .icn-action{font-weight:inherit}
.checkout .sub-pane .checkout-input{width:250px}
.checkout .sub-pane input{display:inline-block;vertical-align:top}
.checkout .button-wrapper{margin:10px 0}
.checkout .inactive input.button{background-color:#ddd}
.checkout button{background-color:#3cb13d}
.checkout .payment-option{padding:8px 0}
.checkout .payment-option label{font-weight:bold}
.checkout .payment-option label .option-info{font-weight:normal}
.checkout #klarna-payments-container{display:none;margin-bottom:10px}
.checkout.pay-klarna #klarna-payments-container{display:block}
.checkout #payment_card{display:none;margin-bottom:10px}
.checkout.pay-cc #payment_card{display:block}
.checkout .card-summary{overflow:hidden}
.checkout .card-imgs img{padding:0 5px 5px 0}
.checkout label{font-size:.9em;margin-top:3px}
.checkout .section:not(#review) input:checked+label{background-color:#ffebd9;padding:8px;margin-left:-8px;border-radius:5px}
.checkout .guest-questions{display:none}
.checkout.guest .add-card .button-wrapper{display:none}
.checkout.guest .guest-questions{display:block}
.checkout.guest .guest-questions.force-save .optional{display:none}
.checkout .pay-form #login_check{margin-bottom:20px;padding-bottom:0;border-bottom:none}
.checkout .pay-form .order-input .pane{margin-left:0}
.checkout .stock-controlled .stock-msg{font-size:.8em;margin:10px 0}
.checkout .trolley-msg{color:#b24932;padding-bottom:20px}
.checkout .direct-debit-label{width:100%}
.checkout .direct-debit-label .bank-account-holder-name{font-weight:bold}
.checkout .direct-debit-label .bank-branch-code:before{content:"Branch: "}
.checkout .direct-debit-label .bank-account-number4:before{content:"a/c: xxxx "}
.checkout .direct-debit-label .direct-debit-created{color:#888;float:right}
.checkout .direct-debit-label .direct-debit-created:before{content:"Created: "}
#order-histogram-wrapper{position:relative}
#order-histogram-wrapper #order-histogram{position:absolute;box-sizing:border-box;height:70px;top:-15px;right:0;z-index:5;border:1px dotted #888}
#order-histogram-wrapper #order-histogram span{display:inline-block;vertical-align:bottom}
#order-histogram-wrapper #order-histogram .bar{display:block;float:left;background-color:#e1e5f2;width:6px;margin-right:2px;position:relative;z-index:6}
#order-histogram-wrapper #order-histogram .bar.sun{background-color:#f2dae4}
#order-histogram-wrapper #order-histogram .bar.first{margin-left:4px}
#order-histogram-wrapper #order-histogram .bar.first:before{content:"";position:absolute;height:68px;bottom:0;border-left:1px solid #bbb;margin-left:-3px}
#order-histogram-wrapper #order-histogram .bar:hover .tip-wrapper{visibility:visible}
#order-histogram-wrapper #order-histogram .bar .tip-wrapper{visibility:hidden;position:absolute;z-index:10;bottom:0}
#order-histogram-wrapper #order-histogram .bar .tip{position:absolute;top:0;right:0;border:2px solid #777;border-radius:10px 0 10px 10px;width:170px;padding:10px;margin-top:3px;margin-right:3px;background-color:#fff;color:#444}
#order-histogram-wrapper #order-histogram .bar .tip .date{border-bottom:2px dotted #bbb;padding-bottom:5px;margin-bottom:5px}
#order-histogram-wrapper #order-histogram .bar .tip div{position:relative;margin:2px 0;padding:2px 0;border-bottom:1px solid #bbb}
#order-histogram-wrapper #order-histogram .bar .tip div b{position:absolute;right:0}
#order-histogram-wrapper #order-histogram .bar .tip label{display:inline-block;width:90px}
#order-histogram-wrapper #order-histogram .avg{position:absolute;left:0;right:0;bottom:0;border-top:1px solid red;border-style:dashed;z-index:4}
#pane-currency-selector ul{margin:0}
#pane-currency-selector ul li{margin:0;list-style:none}
#pane-currency-selector ul li img{height:20px}
#pane-currency-selector ul li.selected a{color:#000}
#pane-currency-selector.simple li{float:left;margin-right:5px}
#pane-currency-selector.simple .currency{display:none}
#pane-currency-selector.simple .unselected img{opacity:.4}
@media print{.oms .folio-content{color:#000}
}
.delivery-bullet{font-size:30px;line-height:10px;vertical-align:bottom;color:#57d957}
.delivery-future .delivery-bullet{color:#30fcf2 !important}
.delivery-soon .delivery-bullet{color:#57d957 !important}
.delivery-due .delivery-bullet{color:#e69545 !important}
.delivery-overdue .delivery-bullet{color:#cb2929 !important}
.delivery-complete .delivery-bullet{display:none}
.delivery-deadline-status.delivery-future{background-color:#30fcf2 !important;color:#000 !important}
.delivery-deadline-status.delivery-soon{background-color:#57d957 !important;color:#000 !important}
.delivery-deadline-status.delivery-due{background-color:#e69545 !important;color:#000 !important}
.delivery-deadline-status.delivery-overdue{background-color:#cb2929 !important;color:#fff !important}
.delivery-deadline-status.delivery-complete{display:none}

/*==@oms==*/