.cart:not([order-type]) [order-type]:not(.force-show) {display: none !important;}
.cart[order-type=""] [order-type]:not(.force-show) {display: none !important;}
.cart[order-type=order] [order-type]:not([order-type=order]):not(.force-show) {display: none !important;}
.cart[order-type=quote] [order-type]:not([order-type=quote]):not(.force-show) {display: none !important;}
.cart[order-type=purchase] [order-type]:not([order-type=purchase]):not(.force-show) {display: none !important;}
.cart[order-type=proforma] [order-type]:not([order-type~=proforma]):not(.force-show) {display: none !important;}
.cart[order-type="stock movement"] [order-type]:not([order-type="stock movement"]):not(.force-show) {display: none !important;}

/* .cart:not([delivery-option]) [delivery-option]:not(.force-show) {display: none !important;} */
/* .cart[delivery-option=collection] [delivery-option]:not([delivery-option=collection]):not(.force-show) {display: none !important;}
.cart[delivery-option=collection] [not-delivery-option=collection]:not(.force-show) {display: none !important;}
.cart:not([delivery-option=collection]) [delivery-option=collection]:not(.force-show) {display: none !important;} */


#cartModal h2 {
  display: inline-block;
  margin: unset;
  color: rgb(0, 60, 86);
}

#cartModal .reference-div, #cartModal .despatch-div, #cartModal .supplier-div, #cartModal .currency-div  {
  float: right;
  clear: right;
}
#cartModal .reference-div {
  display: flex;
  width: 257px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

#cartModal {
  display: flex;
  width: 1000px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  height: auto;
}

div.cart-table{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

#cartModal .despatch-div {margin-top:20px;}
#cartModal .supplier-div {margin-top:20px; margin-bottom:45px; padding-left: 4px; padding-right:4px;}
#cartModal .currency-div {margin-top:20px;}

#cartModal .reference-div [order-field=reference] {
  width: 162px;
  display: flex;
  padding: 6px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--radius-8, 8px);
  border: 1px solid #C3C3C3;
  background: #FFF;
}

#cartModal .despatch-div select, #cartModal .currency-div select  {
  border: 0px;
  border-bottom: 2px solid #777;
  text-align: right;
  background-color: #fff;
  color: #636363;
  width:170px;
}


.cart .cart-warning {color:red; font-size:1.2em; font-weight: bold}

.cart .encourage-login {color:red; font-size:0.8em;}

.deliveryAddress{
  padding-bottom: 1em;
}
.deliveryAddress .addressHeader{
  font-weight: bold;
}

.cart .empty-cart-message {
  height: 66px;
  font-style: italic;
  line-height: 66px;
}



.cart .item-wrapper {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.cart .wrapper-1 {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  align-items: center;
}
.cart .wrapper-2 {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.cart {color: black;}
.cart .prodCode {width:105px;flex-shrink:0;}
.cart .prodTitle{flex-grow: 1;}
.cart .quantity-title {width:124px; text-align:center;flex-shrink:0;}
.cart .qty-modifier-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.cart .priceContainer{
  width:85px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cart .cartQty{
  border-radius: 2px;
  border: 1px solid #C3C3C3;
  background: #FFF;
  width: 30px;
  display: flex;
  padding: 6px 4px;
  justify-content: center;
  align-items: center;
}
.cart .prodPrice {font-size: 12px;opacity:0.7;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;}
.cart .admin-price-input {width: 80%}
.cart .total {text-align:right;font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;}
span.each {display:inline-block;}

#total-flex {display: flex;
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;}
#total-flex .wrapper-total {display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}
#total-flex .wrapper-total.delivery-line, #total-flex .wrapper-total.vat-line {font-size: 14px;}
#total-flex .wrapper-total.total-line {font-size: 20px;}

.cart #titles {
  /* margin-top:20px;  */
  margin-bottom: 8px;
}

.wrapper-total {font-size:1.2em;}

/* table.cart-table {width:100%;border-spacing:10px; border-collapse: collapse}
table.cart-table tr td:first-child {width:600px;}
table.cart-table tr td:nth-child(2) {width:100px;text-align: right;} */

div.cart-table .image img {width:32px; height:32px; border: 1px solid #eea; margin: 2px 4px 3px 6px;}

#cart-admin-footer{width:100%}

.cart-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  justify-content: right;
}

div[section=itemList] {
  gap: 12px;
}

.cart-btn {
  font-weight: bold;
  text-align:center; 
  border:0px solid #003c56;
  cursor:pointer;
  border-radius: 24px;
  display: flex;
  min-width: 80px;
  padding: 6px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.greenoutlinebtn {border-radius: 24px; border: 2px solid #95C11E; background: #FFF;}
.greenbtn {background-color: #95c11f; color: #003c56;  border-radius: 24px; padding: 10px 20px}
.whitebtn {background-color: #ddd; color: #003c56; border-radius: 24px; padding: 10px 20px}
.greenoutlinebtn:hover, .greenbtn:hover, .savebtn:hover, .whitebtn:hover, .viewCart:hover{cursor:pointer;transform: scale(1.03, 1.03);}

.greenbtn.disabled {background: #C2C2C2; color: black;}
.greenbtn.disabled:hover, .savebtn.disabled:hover, .whitebtn.disabled:hover, .viewCart.disabled:hover{cursor:not-allowed; transform:unset;}

/*.greenbtn a {color:white;}*/
.whitebtn a {color: #c23909;}
.prodQty input {width: 40px; text-align: center; border:1px solid #3D291F; border-radius: 3px;color: #3D291F; padding:5px; margin:4px;}
.prodQtyModify {width:32px; height:32px; color:#fff; font-weight:bold;text-align:center}
.prodPrice {text-align:right;}

.catEdit {background-color:rgba(255,0,0,0.5); border-color:red}



.inputCallout {position:relative;}
div.addressTable input, div.addressTable select {font-size:1.15em; border:0px; border-bottom:2px solid #777; padding:4px;}

input.quick-add {font-size: 1em;  border: 0px; padding: 4px; margin-left:60px; margin-top:15px;  border-bottom: 2px dotted #aaa;}
select.delivery-select {font-size:1em;  border:0px; padding:4px;}


select[order-field], select.style-like-order-field{ 
  border-radius: var(--radius-8, 8px); border: 1px solid #C3C3C3; padding: 6px; background-color:#fff;
  /* width: 300px; */
  cursor: pointer;
}

.modal-header {position:relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;}

.cart .set-vat {
  font-weight: bold;
  cursor: pointer
}

.cart #show-shipping-country {
  margin-left: 10pt;
}

.cart .purchase-order-cart {
  position:absolute;
  right:70px;
  top:-10px;
  cursor: pointer;
  width:32px;
  height:32px;
  opacity:0.7;
}

.cart .admin-delivery {
  margin: 9pt 0;
}

.cart .delivery-option-message {
  padding:5px;
  margin:5px 0;
  border-radius: 2px;
  float:right;
  text-align:left;
  font-size:0.8em;
}

.cart .delivery-option-message input {
  margin-right: 3pt;
}

.cart .delivery-option-message .dedicated-message {
  color:white;
  padding:5px;
  border-radius:4px;
  background-color:#c23909;
  display:inline-block;
}

.cart .dedicated-message.dedicated-invalid {
  background-color:#067474;
  margin:5px 0;
}

.cart .quick-edit-message {
  padding: 3pt;
  font-style: italic;
}

.cart .product-suggestions ul {list-style-type: none;padding:0px; margin:0px;font-size:12px}
.cart .product-suggestions ul li{padding:10px 5px; margin:5px; background-color:rgb(149, 193, 31); color: #003c56; cursor: pointer;}

.cart .invalid-field {box-shadow: 0 0 2px 2px #f99}

.cart .delivery-line select {border-bottom: 2px solid #777; color : #636363}
.cart .vat-line {font-size:0.85em;}
.cart .vat-included-message {font-style: italic; font-size: 0.9em;}
.cart .total-line { margin-top:15px; color:#003c56; font-size:1.2em;}

div.delivery-instructions {background-color:#ddd; font-size:0.7em; width:50%; padding:15px;margin-bottom:30px;}
div.delivery-instructions input{background-color:transparent; border:0px; border-bottom: 2px solid #777; width:90%}

p.billing-address-check {font-size:0.8em;}
div.addressTable {padding:20px; display:flex; flex-direction:column;}

/* Purchase Order CSS */

body.order [notorder] {display: none !important;}

body.purchase-order [notPurchaseOrder] {display: none !important;}
body:not(.purchase-order) [purchaseOrder] {display:none !important;}
body.purchase-order #cartModal {background: #c7da95}

body.stock-movement [notStockMovement] {display: none !important;}
body:not(.stock-movement) [stockMovement] {display:none !important;}
body.stock-movement #cartModal {background: #c9d9e8}


.cart[order-type=purchase] div.flex-row-fill {margin-top:140px;}
.cart[order-type="stock movement"] div.flex-row-fill {margin-top:70px;}
.cart div.clear-supplier {float: right;}
.cart div.supplierNotes {width: 100%;}
.cart input.admin-delivery-price-input {width:80%;}
.supplier-div .supplierName {display: inline-block; padding-left: 5px; width: 142px;}
.supplier-div .supplierEdit {display: inline-block; float: right}

#cartModal  select.previousPrices {width: 130px; padding-left: 5px; padding-right: 5px;}

.flex-container {display: flex; width:100%;}
.flex-child {flex: 1}
.flex-child input {width:110px;}

.delvery-area-header{
  font-size: 16px;
  font-weight: 400;
}

.squareButton{
  border-radius: 2px;
  border: 2px solid #C3C3C3;
  display: flex;
  min-width: 80px;
  padding: 6px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  cursor: pointer
}

.squareButton.selected{
  border: 2px solid #95C11E;
  background: #EBF2E2;
}

.squareButtonIcon{
  width: var(--size-40, 40px);
  height: var(--size-40, 40px);
}
.squareButtonHeader {color: #003C56;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

.cart .clear-cart {
  cursor: pointer;
  display: flex;
  min-width: 80px;
  padding: 6px 8px;
  gap: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}

.cart .close-cart {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.cart .header-right{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cartStockSummary {padding:5px;}
.accountOnStop.cartMessage {background-color:#c30000}
.error.cartMessage {background-color:#b35600}
.info.cartMessage {background-color:#00738c}
.good.cartMessage {background-color:#4e8c00}

div.cartMessage {
  flex-direction: row;
  display: flex;
  padding: 4px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  color: white;
}
.messageSymbol {
  flex: 0;
  width: 16px;
  height: 16px;
}
.messageContents {flex:1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;}
.error .messageSymbol svg circle {fill: white;}
.error .messageSymbol svg line {stroke: #b35600;}
.accountOnStop .messageSymbol svg circle {fill: white;}
.accountOnStop .messageSymbol svg line {stroke: #c30000;}
.info .messageSymbol svg circle {fill: white;}
.info .messageSymbol svg line {stroke: #00738c;}
.good .messageSymbol svg circle {fill: white;}
.good .messageSymbol svg path {stroke: #4e8c00;}

.messageSymbol svg {
  width: 16px;
  height: 16px;
}

.cart .modal-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.cart .modal-row.align-right{
  justify-content: right;
}

.cart .modal-row.stockmovement-addresses{justify-content: space-evenly;}

.cart .item-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cart .section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

select[order-field].currency-selector{
  width:175px;
}

.sections-wrapper {align-self: stretch;}

.cart .modal-column.addressSearchEdit{
  min-width: 300px;
  width: 300px;
  gap: 4px;
}

.collection-time{
  width: 100%;
}

.full-width{
  width: 100%;
}

.addressManualEdit {
  display: flex;
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.addressManualEdit.invisible, .addressSearchEdit.invisible{
  display: none
}

.address-toggle{
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}

.addressEntryHeading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.delivery-option:hover{
  border: 1px solid #C3C3C3;
  background: rgba(235, 242, 226, 0.91);
  cursor: pointer;
}

.delivery-option-text{
  font-size: 12px;
  font-weight: 300;
  align-self: stretch;
}

.delivery-summary-main{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.delivery-summary-row{
  display: flex;
  width: 296px;
  align-items: flex-start;
  gap: 12px;
}

.delivery-summary-value{
  font-size: 16px;
  font-weight: 400;
}

.delivery-summary-label{
  font-size: 12px;
  font-weight: 400;
  display: flex;
  gap: 4px;
}

.delivery-validation-warning{
  flex: 1 0 0;
  font-size: 10px;
  font-weight: 300;
  line-height:100%;
  color:red;
}

.delivery-summary-timed-warning{
  flex: 1 0 0;
  font-size: 10px;
  font-weight: 300;
  line-height:100%
}

.information-text{
  font-size: 10px;
  font-weight: 300;
  line-height: 120%;
}

.delivery-summary-field{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.cart .modal-column{
  display: flex;
  width: 257px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

[order-subfield], .style-like-order-subfield{
  align-self: stretch;
  border-radius: var(--radius-8, 8px);
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  padding: 6px;
  align-items: flex-start;
}

[order-field="specialInstructions"]{
  border-radius: var(--radius-8, 8px);
  border: 1px solid #C3C3C3;
  background: #FFF;
  display: flex;
  height: 62px;
  padding: 6px;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}

.dividing-line{
  height: 1px;
  align-self: stretch;
  background: #D9D9D9;
}

.other-details{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.delivery-details.modal-column{
  padding: 12px 8px;
  border-radius: 2px;
  background: #F4F7F8;
}

.field-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}

.field-group label{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  flex-grow:1;
}

.field-group input{
  display: flex;
  /* height: 36px; */
  padding: 6px;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}

.input-and-label{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.input-and-label-horizontal{
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  align-self: stretch;
}

.cartMessages{
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-grow: 1;
}

[summary-field].invalid div.delivery-summary-value {color:#f00;}

.cardHolderAddress {
  margin: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart-section-heading{
  gap: 4px;
  display: flex;
}

.modal-column.fullWidth {width:100%; padding-top: 20px; padding-bottom: 20px; min-height: 200px;}

@media all and (max-width: 700px) { /*All mobile levels*/
  .modal-row{
    flex-direction: column;
  }

  #total-flex {
    width: 100%;
  }

  .cart .modal-column{
    width: 100%;
  }
}

/* ======================NEW DELIVERY CSS================================================ */

.modal-row.totals-row {
  padding: 8px 0px;
  justify-content: flex-end; 
}

body.stock-movement .modal-row.totals-row, body.purchase-order .modal-row.totals-row{
  justify-content: space-between;
}

.delivery-subdivision{
  display: flex;
  padding: 12px;
  align-items: flex-start;
  align-self: stretch;
  justify-content: space-between;
  border-radius: 2px;
  background: #F4F7F8;
}

.delivery-subdivision .left-content{
  display: flex;
  align-items: center;
  gap: 12px;
}

.delivery-summary-heading {
  font-family: Nunito;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}

.delivery-subdivision .inactive{
  color: var(--neutral-500, #7E7E7E);
}

.modal-row.button-row{
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 2px;
  background: #F4F7F8;
}

body.stock-movement .modal-row.button-row, body.purchase-order .modal-row.button-row{
  justify-content: flex-end
}

.item-list-delivery-summary{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 3px;
  border: 1px dashed var(--neutral-400, #C6C6C6);
  color: #000;
  text-align: center;
  font-family: Nunito;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 14.4px */
}

.item-list-delivery-summary.delivery-complete{
  border: 1px solid var(--neutral-400, #C6C6C6);
}

.item-list-delivery-summary-line{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  font-size: 16px;
  font-weight: 400;
  text-align:left;
  line-height: 120%;
}

.item-list-delivery-summary-price{
  font-size: 16px;
  font-weight: 700;
}

.item-list-delivery-summary-bold{
  font-size: 20px;
  font-weight: 700;
}

.collection-button{
  display: flex;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid rgba(149, 193, 31, 0.50);
}

.collection-addresses{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.collection-address {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid rgba(149, 193, 31, 0.50);
}

.collection-address.selected{
  background: rgba(149, 193, 31, 0.40);
}

.collection-address:hover{
  background: rgba(149, 193, 31, 0.20);
  cursor: pointer;
}

.collection-address-header{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}

.collection-address-hours{
  color: var(--neutral-600, #4A4A4A);
}

.collection-address-description{
  color: var(--neutral-600, #4A4A4A);
  font-size: 12px;
  font-weight: 700;
}

.collection-stock-info{
  font-size: 12px;
  font-weight: 700;
}

.collection-stock-info.good{
  color: #4E8C00;
}

.collection-stock-info.bad{
  color: #a90e0e;
}

.delivery-section-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}

.delivery-section-column{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#address-selection {
  display: flex;
  padding: 12px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

input[name='addressSearch']{
  display: flex;
  height: 40px;
  padding: 0px 12px;
  align-items: center;
  align-self: stretch;
  font-size: 16px;
}

.select-address-column{
  width: 520px;
  /* height: 67px; */
  justify-content: center;
  gap: var(--border-8, 8px);
}

.collection-column{
  gap: 12px;
  flex: 1 0 0;
}

.vertical-divider {
  width: 1px;
  height: 67px;
  background: var(--neutral-400, #C6C6C6);
}

/* =========================OLD DELIVERY CSS POSSIBLY NEEDS TO BE PURGED======================== */


.addressSelectedContainer{
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.deliveryAddressSugestionsContainer{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
  border-radius: var(--radius-8, 8px);
  background: var(--neutral-100, #FFF);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  position:absolute;
  top: 10px;
  width: 100%;
  /* max-height: 300px;
  overflow: auto; */
}

.deliveryAddressSuggestion, .openManualAddressEntry{
  display: flex;
  height: var(--size-40, 40px);
  padding: 0px var(--border-8, 8px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
.deliveryAddressSuggestion:hover, .openManualAddressEntry:hover{
  border-radius: 6px;
  background: var(--neutral-300, #E8E8E8);
  cursor: pointer;
}

.address-search-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#delivery-suggestions{
  position: relative;
  top: -10px;
  width: 100%;
}

.delivery-tooltip-symbol {
  width: var(--size-24, 24px);
  height: var(--size-24, 24px);
  flex-shrink: 0;
}

.delivery-tooltip-text {
  width: 227px;
  flex-shrink: 0;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.delivery-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.delivery-header-right {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}

.delivery-header-left {
  color: #000;
  font-family: Nunito;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

.delivery-tooltip-symbol {
    position: relative;
}

.delivery-option-additional-message {
  font-size: 10px;
  font-weight: 400;
  line-height: 120%;
}

.delivery-option-despatch-info {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}

.delivery-option-arrival-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.delivery-option-price {
  text-align: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
}

.delivery-option.selected {
  border: 1px solid #95C11E;
  background: #EBF2E2;
}

.delivery-option.disabled {
  color: #00000096;
  border: 1px solid #c8cac6b2;
  background: #ffffff00;
  cursor: auto;
}

.delivery-option-tooltip{
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 200px;
  left: 150%;
  background-color: #EBF2E2;
  padding: 15px;
}

.delivery-option-tooltip::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #EBF2E2 transparent transparent;
}

.scrollrow {
  display: flex;
  flex: 1 0 0;
  width: 100%;
  overflow-x: hidden;
  flex-direction: row;
  align-items: center;
  padding: 4px 0px 1px 4px;
  align-self: stretch;
  /* -webkit-mask: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%); */

}

#cartModal ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

/* #cartModal ::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
} */

.manual-address-entry-heading{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  align-self: stretch;
}

.manual-address-entry-upper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--border-8, 8px);
  align-self: stretch;
}

.manual-address-entry-footer{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

.manual-address-entry-footer-left{
  display: flex;
  width: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--border-8, 8px);
}

.switchToAddressFinder{
  text-align: center;
  font-size: 14px;
}

.date-picker img{
  display: flex;
  width: 24px;
  align-items: flex-start;
}

.date-picker {
  display: flex;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}

div.date-bar {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 4px 0px 1px 4px;
  align-items: center;
  align-self: stretch;
  height:40px;
  border-bottom: 1px solid var(--neutral-300, #E8E8E8);
}

div.scroll-left, div.scroll-right {
  display: flex;
  /* width: 50px;
  height: 35px; */
  padding: 0px 5.5px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

img.scroll-left, img.scroll-right {
  width: 24px;
}

img.scroll-right {
  transform: rotate(180deg);
}

div.arrival-date {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  min-width: 101px;
  /* height: 35px; */
  color: var(--neutral-600, #4A4A4A);
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 120%; /* 19.2px */
}

div.arrival-date:hover {
  cursor:pointer;
  border-radius:4px;
  background-color: #FFF;
}

div.arrival-date.selected {
  border-bottom: 2px solid #95C11F;
}

div.delivery-options{
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 16px;
}

div.delivery-option-choices{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

div.delivery-option-choices.columnLayout{
  flex-direction: column;
}

div.delivery-option-column{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  min-width: 30%;
}

div.delivery-option-heading{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  min-width: 200px;
}

div.delivery-option-title{
  color: #000;
  font-family: Nunito;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

div.delivery-option-description{
  align-self: stretch;
  color: #000;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  height: 50px;
}

div.delivery-option{
  display: flex;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid rgba(149, 193, 31, 0.50)
}

.delivery-option.disabled{
  border-radius: 4px;
  border: 1px solid var(--disabled-700, #4C4C4C);
  background: var(--disabled-300, #C2C2C2);
}

.delivery-option.selected{
  border-radius: 4px;
  border: 2px solid #95C11F;
}

.delivery-option.selected .delivery-cost{
  font-weight: 700;
}

img.delvery-edit-icon{
  width: 16px;
  height: 16px;
}


div.delivery-section-heading:hover img.delvery-edit-icon{
  cursor: pointer;
  transform: scale(1.4, 1.4);
}



img.delivery-option-icon:hover{
  cursor: pointer;
  width: 24px;
  height: 24px;
}

#addressSelection {
  gap: 12px;
}

.varying-arrival-warning {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 2px;
  background: var(--warning-500, #E8B214);
}


.varying-arrival-warning .warning-symbol{
  width: 24px;
  height: 24px;
}

.varying-arrival-warning .warning-text{
  font-weight: 300;
  font-size: 12px;
}

.delivery-options-container {
  flex-direction: column;
  width: 100%;
}

.text-box-caption {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.long-text-box {
  display: flex;
  padding: 12px;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-8, 8px);
  border: 1px solid var(--neutral-300, #E8E8E8);
  background: #FFF;
}

.additional-details-container{
  width:100%;
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.additional-details-outer-container{
  display: flex;
  padding: 12px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}

.input-field-container {
  display: flex;
  /* height: 89px; */
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--border-8, 8px);
  flex: 1 0 0;
  align-self: stretch;
}

.collection-time-warning{
  color: var(--warning-700, #A9580E);
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items:center;
  gap: 4px;
}

.date-picker-container {
  display: flex;
  flex-direction: column;
}

.date-picker-line{
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.date-picker-button {
  padding: 4px 8px;
  border-radius: 8px;
}

.date-picker-button:hover{
  background-color: #ddd;
  cursor:pointer;
}


.date-warning {
  color: red;
  font-size: 10px;
}

.unloading-warning{
  font-weight: 700;
}

.admin-delivery-controls {
  background-color: #95d2fe;
  padding: 8px;
}

.dedicated-warning{
  font-size: 12px;
}

.growing-label{
  flex: 1 0 0;
}

.admin-delivery-controls .switch {
  width: 22px;
  height: 12px;
}

.admin-delivery-controls .switch .slider {
  border-radius: 12px;

}

.admin-delivery-controls .switch .slider:before {
  height: 9px;
  width: 9px;
  left: 1.5px;
  bottom: 1.5px;
}

.admin-delivery-controls input:checked + .slider:before {transform: translateX(10px);}




/*Delivery mobile changes*/
@media all and (max-width: 700px) { /*All mobile levels*/
  div.scroll-left, div.scroll-right, div.scrollrow {
    display: none;
  }

  .date-picker-popup.hidden {
    display: inline-block ! important;
  }

  .vertical-divider{
    width: 100%;
    height: 1px;
  }

  .cart .delivery-section-column, .select-address-column{
    width: 100%;
  }

  .cart .delivery-subdivision{ 
    flex-direction: column;
  }

  .cart .delivery-option-choices, .cart .collection-addresses {
    flex-direction: column;
  }

  .cart .left-content{
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}