/*Important to leave it 240 so that the carousel pictures align perfectly*/
ul.shopping-cart-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}

ul.shopping-cart-list > li.cart-entry-item {
  font-size: 16px;
  position: relative;
  border-radius: 10px;
  margin: 0 0 calc(2 * 10px) 0;
  padding: 10px;
  overflow: hidden;
  text-align: center;
  transition-duration: 0.2s;
  background: var(--tm-surface, white);
  height: 620px;
}

ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents {
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

ul.shopping-cart-list > li.cart-entry-item:hover {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  background: var(--tm-surface, white);
}

ul.shopping-cart-list > li.cart-entry-item .product-link {
  color: var(--tm-text, #555);
}

ul.shopping-cart-list > li.cart-entry-item .product-link:hover {
  color: var(--tm-anchor-hover, #004796);
}

ul.shopping-cart-list > li.cart-entry-item .product-link .tm-icon.no-pic {
  transition-duration: 0.2s;
}

ul.shopping-cart-list > li.cart-entry-item .product-link:hover .tm-icon.no-pic {
  color: #bababa;
}

ul.shopping-cart-list > li.cart-entry-item .product-link .product-link-contents {
  border-radius: 5px;
  transition-duration: 0.2s;
  padding: 10px;
  margin: calc(-1 * 10px);
  margin-bottom: 10px;
}

ul.shopping-cart-list > li.cart-entry-item .the-unit-price,
ul.shopping-cart-list > li.cart-entry-item .quantity-wrapper,
ul.shopping-cart-list > li.cart-entry-item .price-container {
  cursor: default;
}

ul.shopping-cart-list > li.cart-entry-item .tm-icon-hint-info {
  color: #2578b6;
}

ul.shopping-cart-list > li.cart-entry-item .remove-cart-entry-command {
  position: absolute;
  top: 5px;
  right: 5px;
  background: red;
  color: white;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
  transition-duration: 0.2s;
}

ul.shopping-cart-list > li.cart-entry-item .cart-entry-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  padding: 0 10px;
}

ul.shopping-cart-list > li.cart-entry-item .free-price-text {
  color: #85c177;
  text-transform: uppercase;
  border: solid 2px #85c177;
  display: inline-block;
  border-radius: 10px;
  padding: calc(10px / 3) calc(1.5 * 10px);
  font-weight: 500;
  font-size: 16px;
  cursor: default;
  transition-duration: 0.2s;
}

ul.shopping-cart-list > li.cart-entry-item .free-price-text:hover {
  transform: rotate(-3deg);
}

ul.shopping-cart-list > li.cart-entry-item .price-container {
  /*color: $red;*/
  font-weight: 600;
  font-size: 20px;
}

ul.shopping-cart-list > li.cart-entry-item .price-container .the-value-price.the-value-container {
  color: red;
  font-size: 30px;
}

ul.shopping-cart-list > li.cart-entry-item .price-container sup {
  margin-left: 2px;
  font-size: 13px;
}

ul.shopping-cart-list > li.cart-entry-item .price-container .the-value sup {
  margin-left: 2px;
  font-size: 13px;
  top: -1em;
}

ul.shopping-cart-list > li.cart-entry-item .price-container .currency-desc {
  font-weight: 400;
}

ul.shopping-cart-list > li.cart-entry-item .price-container .eyeglasses-frame-text {
  font-weight: 400;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper {
  font-size: 0;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-command {
  flex-grow: 0;
  background: var(--tm-success, #85c177);
  color: white;
  border: solid 1px #85c177;
  padding: 10px calc(2 * 10px);
  cursor: pointer;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-command:focus,
ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-command:active {
  outline: none;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-command.decrement {
  border-radius: 10px 0 0 10px;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-command.increment {
  border-radius: 0 10px 10px 0;
}

ul.shopping-cart-list > li.cart-entry-item .cart-quantity-input-wrapper .quantity-value {
  flex-grow: 1;
  font-size: 20px;
  text-align: center;
  border: solid 1px var(--tm-success, #85c177);
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
  width: 140px;
}

ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents div.subscription-details-link-contents-text, ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents span.view-term-and-cond, ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents input.extra-note, ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents span.check-box-text-term-and-cond {
  font-size: 13px;
}
ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents svg.icon-hint-tooltip-extra-note {
  color: #2578b6;
}
ul.shopping-cart-list > li.cart-entry-item > .cart-entry-item-contents label.extra-note-text {
  margin-top: 9px;
  font-size: 13px;
}

ul.shopping-cart-list > li.cart-entry-item .label-for-the-value {
  font-weight: normal;
  font-size: 16px;
}

.shopping-cart-q-promos-container {
  margin: calc(3 * 10px) 0;
  text-align: left;
  background: rgba(255, 239, 151, 0.25);
  border-radius: 5px;
  border: solid 1px transparent;
}
.shopping-cart-q-promos-container h3 {
  font-size: 18px;
  text-transform: uppercase;
  color: #b269ca;
  letter-spacing: 1px;
  font-weight: 600;
  margin: calc(2 * 10px);
  display: block;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-list {
  list-style: none;
  padding: 0;
  margin: calc(2 * 10px);
}
.shopping-cart-q-promos-container ul.quantity-based-promos-list li {
  margin: calc(0.5 * 10px) 0;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-list li p {
  margin: 0;
  padding: 0;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-list li strong {
  color: var(--tm-text-muted, #777);
}
.shopping-cart-q-promos-container ul.quantity-based-promos-list li .tm-icon {
  color: var(--tm-success, #85c177);
  flex-grow: 0;
  margin: 0 10px 0 0;
  width: 50px;
  font-size: 40px;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-per-cart-entry-list {
  list-style: none;
  padding: 0;
  margin: calc(2 * 10px);
}
.shopping-cart-q-promos-container ul.quantity-based-promos-per-cart-entry-list li {
  margin: calc(0.5 * 10px) 0;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-per-cart-entry-list li p {
  margin: 0;
  padding: 0;
}
.shopping-cart-q-promos-container ul.quantity-based-promos-per-cart-entry-list li strong {
  color: var(--tm-text-muted, #777);
}
.shopping-cart-q-promos-container ul.quantity-based-promos-per-cart-entry-list li .tm-icon {
  color: var(--tm-success, #85c177);
  flex-grow: 0;
  margin: 0 10px 0 0;
  width: 50px;
  font-size: 40px;
}

.shopping-cart-commands-container {
  margin: calc(2 * 10px) 0;
}
.shopping-cart-commands-container .btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.shopping-cart-totals-container {
  margin: calc(3 * 10px) 0;
  padding: calc(2 * 10px) 0;
  font-size: 24px;
  text-align: center;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-excluded-wrapper {
  display: none;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher {
  background: rgba(224, 134, 252, 0.15);
  border-radius: 5px;
  padding: calc(2 * 10px);
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher .shopping-cart-total-value-vat-included-title .the-diff {
  color: #b269ca;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher .shopping-cart-total-value-vat-included-title .the-code {
  color: #5e945e;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher .shopping-cart-total-value-vat-included-title .the-percent {
  color: #b269ca;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher .shopping-cart-total {
  color: #b269ca;
}
.shopping-cart-totals-container .shopping-cart-totals-vat-included-wrapper.for-marketing-voucher .marketing-voucher-code {
  color: #5e945e;
  cursor: pointer;
}
.shopping-cart-totals-container .shopping-cart-total {
  font-size: 40px;
  color: red;
}
.shopping-cart-totals-container .shopping-cart-total-value-vat-included-title {
  font-weight: 400;
  color: var(--tm-text-muted, #777);
  display: block;
}
.shopping-cart-totals-container .shopping-cart-total-value-vat-excluded-title {
  font-weight: 400;
  color: var(--tm-text-muted, #777);
  display: block;
}
.shopping-cart-totals-container .shopping-cart-total-value-vat-included {
  color: #5e945e;
}
.shopping-cart-totals-container .shopping-cart-total-value-vat-excluded {
  color: #5e945e;
}

.checkout-steps-container .checkout-step-container {
  border-left: solid 1px #bababa;
  margin: 0 0 0 0;
  padding: 0 10px calc(2 * 10px) calc(3 * 10px);
  position: relative;
}

.checkout-step-container .dummy-scroll-into-view-helper {
  pointer-events: none;
  visibility: hidden;
  width: 1px;
  height: 1px;
  background: rgba(255, 255, 255, 0.01);
  position: absolute;
  top: calc(-1.25 * 74px);
  left: 0;
}

.checkout-steps-container .checkout-step-container.active {
  border-left-color: var(--tm-primary-dark, #006197);
}

.checkout-steps-container .checkout-step-container h3 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: default;
  min-height: 26px;
}

.checkout-steps-container .checkout-step-container:last-child {
  border-left: none;
}

.checkout-steps-container .checkout-step-container::before {
  content: attr(data-step);
  position: absolute;
  width: 38px;
  height: 38px;
  line-height: 32px;
  text-align: center;
  color: var(--tm-text-muted, #aaa);
  background: var(--tm-surface, white);
  font-weight: 600;
  font-size: 20px;
  font-weight: 700;
  border-radius: 50%;
  border: solid 2px #bababa;
  pointer-events: none;
  top: -8px;
  left: -19px;
  z-index: 5;
}

.checkout-steps-container .checkout-step-container.active {
  min-height: 60px;
}

.checkout-steps-container .checkout-step-container.active::before {
  color: var(--tm-primary-dark, #006197);
  background: #bfe8ff;
  border-color: var(--tm-primary-dark, #006197);
  border-width: 4px;
  line-height: 28px;
}

.checkout-steps-container .checkout-step-container .checkout-step-contents {
  display: none;
}

.checkout-steps-container .checkout-step-container.active .checkout-step-contents {
  display: block;
}

/* No steps order checkout mode ---------------------------------------------------------*/
.checkout-steps-container.open .checkout-step-container {
  border-left: none;
}

.checkout-steps-container.open .checkout-step-container::before {
  display: none;
}

.checkout-steps-container.open .checkout-step-container .checkout-step-contents {
  display: block;
}

.checkout-steps-container.open .checkout-step-container.for-summary .checkout-step-contents {
  display: none;
}

.checkout-steps-container.open .checkout-step-container.for-summary.active .checkout-step-contents {
  display: block;
}

.checkout-steps-container.open .checkout-step-container.for-summary .invisible {
  display: none;
}

.checkout-steps-container.open .checkout-step-title-command.no-action {
  cursor: default;
}

.checkout-steps-container.open .checkout-step-title-command.no-action:hover {
  color: var(--tm-text-muted, #aaa);
  text-decoration: none;
  font-size: 20px;
}

/* ------------------------------------------------------------------------------------- */
.checkout-steps-container .client-wants-different-invoicing-address {
  margin: calc(3 * 10px) 0 calc(2 * 10px) 0;
}

/* -------------------------------------------------------------------------------------- */
.select-pf-or-pj.single-selectable-entity .checkout-hint-select-pj-or-pf-text {
  display: none;
}

.checkout-process-container .shopping-cart-commands-container {
  margin-bottom: 0;
}

.checkout-process-container[data-current-step="1"] .shopping-cart-commands-container a.go-to-prev-checkout-step-command {
  display: none !important;
}

.checkout-process-container .shopping-cart-commands-container a.go-to-next-checkout-step-command.last-step {
  background: #5e945e;
}

.checkout-process-container .shopping-cart-commands-container a.go-to-next-checkout-step-command.last-step:hover {
  background: #85c177;
}

.checkout-process-container .shopping-cart-commands-container a.go-to-next-checkout-step-command .finalize-text {
  display: none;
}

.checkout-process-container[data-current-step="3"] .shopping-cart-commands-container a.go-to-next-checkout-step-command .finalize-text {
  display: inline-block;
}

.checkout-process-container[data-current-step="3"] .shopping-cart-commands-container a.go-to-next-checkout-step-command .go-further-text {
  display: none;
}

.checkout-process-container .btn {
  padding-top: 15px;
  padding-bottom: 15px;
}

.checkout-hint {
  margin: calc(2 * 10px) 0 10px 0;
  font-weight: 500;
  letter-spacing: 1px;
}

.checkout-warning {
  margin: 10px 0;
  padding: 10px;
  border: solid 1px rgba(255, 0, 0, 0.5);
  background: rgba(255, 158, 158, 0.05);
  border-radius: 3px;
}

.checkout-warning .tm-icon {
  color: var(--tm-danger, #ff6500);
}

@keyframes voucherPulse {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  20% {
    transform: scale(1.08);
    filter: brightness(1.25);
  }
  40% {
    transform: scale(1);
    filter: brightness(1);
  }
  60% {
    transform: scale(1.08);
    filter: brightness(1.25);
  }
  80% {
    transform: scale(1);
    filter: brightness(1);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
#apply-voucher-from-checkout {
  margin: calc(0.5 * 10px);
  display: block;
  white-space: nowrap;
  padding-top: calc(1.25 * 10px);
  padding-bottom: calc(1.25 * 10px);
  transform-origin: center;
  will-change: transform, filter;
  background: #b269ca;
}
#apply-voucher-from-checkout.voucher-pulse {
  animation: voucherPulse 900ms ease-in-out 0s 1;
}

#voucher-code {
  line-height: 2;
  margin: calc(0.5 * 10px);
}

.voucher-successfully-added {
  color: var(--tm-success, #85c177);
}
.voucher-successfully-added strong {
  font-weight: 600;
}

.add-voucher {
  display: flex;
  flex-direction: column;
}
.add-voucher div {
  margin-right: 1rem;
}

.accept-terms-and-contidionts-container {
  margin: calc(4.5 * 10px) 0 calc(1 * 10px) 0;
}

.use-money-back-earned-amount-container .use-money-back-earned-amount-contents #use-money-back-earned-amount {
  width: 120px;
  text-align: right;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
}

.use-referral-gained-amount-contents #use-gained-amount {
  width: 120px;
  text-align: right;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
}

.delivery-addresses .shipment-rules-container {
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  background: rgba(255, 239, 151, 0.5);
  border: solid 1px gold;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--tm-text, #555);
}
.delivery-addresses .shipment-rules-container .tm-icon {
  color: var(--tm-secondary, #00c893);
  margin-right: 5px;
  font-size: 20px;
}
.delivery-addresses .shipment-rules-container ul.shipment-rules-list {
  font-weight: normal;
  list-style: none;
  padding: 0;
  margin: calc(2 * 10px) 0 10px calc(2 * 10px);
  text-transform: none;
  letter-spacing: 0;
}
.delivery-addresses .shipment-rules-container ul.shipment-rules-list li {
  margin: calc(0.5 * 10px) 0;
}
.delivery-addresses .shipment-rules-container ul.shipment-rules-list li .tm-icon {
  font-size: 14px;
}

ul.pfs-pjs-list,
ul.payment-methods-list,
ul.delivery-methods-list,
ul.addresses-list,
.apply-voucher-container,
.use-referral-gained-amount-contents,
.use-money-back-earned-amount-contents {
  list-style: none;
  padding: calc(1.5 * 10px) calc(2 * 10px) calc(1 * 10px) calc(1.5 * 10px);
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  margin: 10px 0 calc(2 * 10px) 0;
  background: rgba(135, 212, 255, 0.05);
}

.delivery-methods-observations {
  margin: 0 0 calc(2 * 10px) 0;
}
.delivery-methods-observations .delivery-method-observations {
  display: none;
  align-items: flex-start;
  gap: calc(0.6 * 10px);
  padding: calc(0.9 * 10px) calc(1.2 * 10px);
  background: rgba(255, 239, 151, 0.25);
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  font-size: 14px;
  color: var(--tm-text, #555);
  white-space: pre-line;
}
.delivery-methods-observations .delivery-method-observations.visible {
  display: flex;
}
.delivery-methods-observations .delivery-method-observations .tm-icon {
  color: #2578b6;
  margin-top: 2px;
  flex-shrink: 0;
}

ul.pfs-pjs-list > li,
ul.delivery-methods-list > li,
ul.payment-methods-list > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

ul.pfs-pjs-list > li .own-radio-wrapper strong,
ul.addresses-list > li .own-radio-wrapper strong,
ul.delivery-methods-list > li .own-radio-wrapper strong,
ul.payment-methods-list > li .own-radio-wrapper strong {
  font-weight: 600;
  color: var(--tm-text, #555);
}

ul.addresses-list > li .own-radio-wrapper strong {
  margin-left: calc(10px / 2);
}

ul.pfs-pjs-list > li .own-radio-wrapper span.hint {
  color: var(--tm-text-muted, #aaa);
  font-size: 14px;
}

ul.pfs-pjs-list > li:hover .own-radio-wrapper span.hint {
  color: var(--tm-text-muted, #777);
}

ul.addresses-list > li {
  display: block;
  margin: calc(10px / 2) 0 calc(3 * 10px) 0;
}
ul.addresses-list > li .own-radio-wrapper input[type=radio].with-gap:checked + span strong {
  position: relative;
}
ul.addresses-list > li .own-radio-wrapper input[type=radio].with-gap:checked + span strong:before {
  content: "";
  position: absolute;
  left: -45px;
  top: -5px;
  width: 0;
  height: 0;
  border: solid 15px transparent;
  border-left-color: #85c177;
  border-radius: 5px;
  z-index: 10;
}
ul.addresses-list > li .own-radio-wrapper input[type=radio].with-gap:checked + span strong:after {
  content: "";
  position: absolute;
  left: -55px;
  top: 2px;
  width: 10px;
  height: 15px;
  z-index: 10;
  background: #85c177;
}

ul.addresses-list > li .address-details {
  margin: 0 0 0 calc(3 * 10px);
  font-size: 14px;
}

ul.shopping-cart-summary-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens {
  margin-left: calc(10px * 5);
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper {
  padding: 0 10px;
  width: 100%;
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .cart-entry-summary-item-wrapper-main-info {
  display: flex;
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .picture-wrapper {
  overflow: visible;
  margin-right: 10px;
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .picture-wrapper .eyeglasses-image {
  width: 60px;
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .lens-name-and-picture {
  flex: 0 0 60.5%;
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .cart-entry-summary-item-wrapper-extra-info {
  font-size: 12px;
  font-style: italic;
  color: var(--tm-text-muted, #777);
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .cart-entry-summary-item-wrapper-extra-info span::after {
  content: ", ";
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .cart-entry-summary-item-wrapper-extra-info span:last-of-type::after {
  content: "";
}
ul.shopping-cart-summary-list > li.cart-entry-summary-item-eyeglass-lens .cart-entry-summary-item-wrapper .cart-entry-name-text {
  font-weight: 600;
}

ul.shopping-cart-summary-list > li {
  display: flex;
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 2px;
  padding: 10px 0;
  margin: 0 0 10px 0;
  background: rgba(135, 212, 255, 0.05);
  transition-duration: 0.2s;
}

ul.shopping-cart-summary-list > li:hover {
  background: var(--tm-surface, white);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}

ul.shopping-cart-summary-list > li .product-link .picture-wrapper:hover .product-picture {
  transform: translateX(-50%) translateY(-50%);
}

ul.shopping-cart-summary-list > li .product-link {
  flex-grow: 1;
  flex: 0 0 50%;
}

ul.shopping-cart-summary-list > li .product-link-contents {
  display: flex;
  align-items: center;
  align-content: center;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-height: 100%;
  max-height: 100%;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .tm-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-height: 100%;
  max-height: 100%;
}

/* Shrink the inherited (product-card) placeholder to an icon-only badge for the
   tiny 60px summary thumbnail. */
ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .product-picture-placeholder {
  padding: 0;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .product-picture-placeholder::before {
  content: none;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .product-picture-placeholder .pp-icon-chip {
  width: auto;
  height: auto;
  background: transparent;
  box-shadow: none;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .product-picture-placeholder .pp-icon {
  font-size: 22px;
}

ul.shopping-cart-summary-list > li .product-link-contents .picture-wrapper .product-picture-placeholder .pp-label {
  display: none;
}

ul.shopping-cart-summary-list > li .product-link .cart-entry-name {
  font-weight: 600;
}

ul.shopping-cart-summary-list > li .price-container,
ul.shopping-cart-summary-list > li .quantity-wrapper {
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  text-align: center;
}

ul.shopping-cart-summary-list > li .price-container strong,
ul.shopping-cart-summary-list > li .quantity-wrapper strong,
ul.shopping-cart-summary-list > li .the-unit-price .the-value,
ul.shopping-cart-summary-list > li .the-value-price .the-value {
  font-weight: 700;
}

ul.shopping-cart-summary-list > li .the-value-price,
ul.shopping-cart-summary-list > li .the-unit-price {
  padding-right: calc(10px / 2);
}

.template-for-add-order {
  display: none !important;
}

.client-selection-summary-contents {
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  padding: calc(1 * 10px);
  margin: 10px 0;
  min-height: 202px;
}

.client-selection-summary-contents .client-selection-watermark {
  pointer-events: none;
  transition-duration: 0.2s;
  opacity: 0.075;
  color: var(--tm-secondary, #00c893);
  font-size: 80px;
  position: absolute;
  right: 48px;
  top: 47%;
  transform: translateY(-50%);
}

.client-selection-summary-contents:hover .client-selection-watermark {
  transform: translateY(-50%) scale(1.1);
  opacity: 0.15;
}

.client-selection-summary-container .client-selection-entry {
  color: var(--tm-text-muted, #777);
  margin: calc(10px / 1) 0;
}

.client-selection-summary-container .client-selection-entry strong {
  font-weight: 500;
}

.transportation-value-container {
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  padding: calc(1 * 10px);
  min-height: 95px;
  position: relative;
  overflow: hidden;
}
.transportation-value-container span.val-with-vat {
  color: var(--tm-text-muted, #aaa);
  font-size: 12px;
}

.transportation-value-container .shipping-watermark {
  pointer-events: none;
  transition-duration: 0.2s;
  opacity: 0.075;
  color: var(--tm-secondary, #00c893);
  font-size: 80px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.transportation-value-container:hover .shipping-watermark {
  transform: translateY(-50%) scale(1.1);
  opacity: 0.15;
}

.transportation-value-container em {
  font-style: italic;
}

.transportation-value-container .success-text {
  color: var(--tm-success, #85c177);
  font-weight: 500;
}

.total-value-container {
  margin: calc(1 * 10px) 0 calc(1 * 10px) 0;
  text-align: center;
}

.applied-referral-withdrawn-amount-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.applied-referral-withdrawn-amount-container .applied-referral-withdrawn-amount-icon {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.applied-referral-withdrawn-amount-container .applied-referral-withdrawn-amount-icon .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}
.applied-referral-withdrawn-amount-container .applied-referral-withdrawn-info-details-container {
  padding: 10px;
}
.applied-referral-withdrawn-amount-container .applied-referral-withdrawn-info-details-container .applied-referral-withdrawn-info-details-info {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
}

.applied-referral-discount-info-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.applied-referral-discount-info-container .applied-referral-discount-info-icon {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.applied-referral-discount-info-container .applied-referral-discount-info-icon .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}
.applied-referral-discount-info-container .applied-referral-discount-info-details-container {
  padding: 10px;
}
.applied-referral-discount-info-container .applied-referral-discount-info-details-container .applied-referral-discount-percent-container, .applied-referral-discount-info-container .applied-referral-discount-info-details-container .applied-referral-discount-total-value-vat-included-container {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
}

.applied-quantity-based-promo-info-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.applied-quantity-based-promo-info-container .applied-quantity-based-promo-info-icon {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.applied-quantity-based-promo-info-container .applied-quantity-based-promo-info-icon .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}
.applied-quantity-based-promo-info-container .applied-quantity-based-promo-info-details-container {
  padding: 10px;
}
.applied-quantity-based-promo-info-container .applied-quantity-based-promo-info-details-container .applied-quantity-based-promo-total-value-vat-included-container {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
}

.money-back-earned-amount-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.money-back-earned-amount-container .money-back-earned-amount-details-container {
  padding: 10px;
  background: #e9ffe5;
  flex-grow: 1;
}
.money-back-earned-amount-container .money-back-earned-amount-details-container span {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
}
.money-back-earned-amount-container .money-back-earned-amount-container-icon {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.money-back-earned-amount-container .money-back-earned-amount-container-icon .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}

.money-back-withdrawn-amount-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.money-back-withdrawn-amount-container .money-back-withdrawn-amount-details-container {
  padding: 10px;
  flex-grow: 1;
}
.money-back-withdrawn-amount-container .money-back-withdrawn-amount-details-container span {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
}
.money-back-withdrawn-amount-container .money-back-withdrawn-amount-container-icon {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.money-back-withdrawn-amount-container .money-back-withdrawn-amount-container-icon .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}

.voucher-info-container {
  margin: 10px 0;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.voucher-info-container .voucher-info-icon-container {
  flex-grow: 0;
  width: 90px;
  min-width: 90px;
  background: #e9ffe5;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.voucher-info-container .voucher-info-icon-container .tm-icon {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  margin: 0 calc(0.5 * 10px);
}
.voucher-info-container .voucher-info-details-container {
  padding: 10px;
}

.total-value-wrapper {
  display: block;
  border: solid 1px var(--tm-secondary-light, #99edd7);
  border-radius: 5px;
  padding: calc(1.5 * 10px);
  text-align: left;
}

.total-value-wrapper .the-total-cart-value {
  font-size: 18px;
  color: var(--tm-text-muted, #aaa);
  font-weight: 600;
  cursor: default;
  text-decoration: line-through;
  margin-left: 10px;
}

.total-value-wrapper .the-total-value {
  font-size: 25px;
  color: var(--tm-success, #85c177);
  font-weight: 600;
  cursor: default;
}

.total-value-wrapper .the-total-value-booking {
  font-size: 19px;
  font-weight: 600;
  cursor: default;
}

.total-value-wrapper .total-payment-hint {
  display: block;
  font-size: 13px;
  color: var(--tm-text-muted, #777);
  font-weight: 400;
  font-style: italic;
  cursor: default;
}

.total-value-wrapper .voucher-info-hint {
  display: block;
  font-size: 13px;
  color: #5e945e;
  font-weight: 400;
  font-style: italic;
  cursor: default;
}
.total-value-wrapper .voucher-info-hint .voucher-info-text {
  font-size: 13px;
  color: #5e945e;
  font-weight: 400;
  font-style: italic;
  cursor: default;
}
.total-value-wrapper .voucher-info-hint.warning {
  color: coral;
}
.total-value-wrapper .voucher-info-hint.warning .voucher-info-text {
  color: coral;
}

.total-value-wrapper .the-total-value-currency {
  font-size: 20px;
  color: var(--tm-text-muted, #777);
  cursor: default;
}

.total-value-label {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: #5e945e;
  cursor: default;
}

.checkout-step-title-command {
  transition-duration: 0.2s;
  color: var(--tm-text-muted, #aaa);
  text-decoration: none;
  font-size: 20px;
  display: block;
  /* Trick so that we can click the round step number -------------------*/
  margin-left: -50px;
  padding-left: 50px;
  /*---------------------------------------------------------------------*/
}

.checkout-step-container.active .checkout-step-title-command {
  color: var(--tm-anchor, #0366d6);
  font-size: 22px;
}

.checkout-step-title-command:hover {
  color: var(--tm-anchor-hover, #004796);
  text-decoration: none;
  font-size: 22px;
}

.order-to-subscribe-webinar-hint {
  border: solid 1px orange;
  border-radius: 5px;
  text-align: center;
  padding: calc(2 * 10px) 10px;
  color: #eb8200;
  cursor: default;
  font-weight: 500;
  letter-spacing: 1px;
  font-style: italic;
}
.order-to-subscribe-webinar-hint .order-to-subscribe-webinar-hint-text {
  margin-left: 5px;
}

.subscription-details-fields {
  padding: 10px;
  margin: 20px 0;
  border: 1px solid rgba(37, 120, 182, 0.2);
  border-radius: 3px;
  background: rgba(37, 120, 182, 0.03);
}
.subscription-details-fields .icon-hint-tooltip {
  color: #2578b6;
}

.subscription-details-style {
  color: #0088d4;
  font-size: 10px;
  margin-top: 21px;
  margin-left: 15px;
}
.subscription-details-style .subscription-details-link-contents, .subscription-details-style .label-text-style {
  margin-left: 3px;
}

span.pj-is-blocked-placing-order {
  color: red;
  margin-left: 2px;
}

.red-color-cif-company-check {
  color: #16f316;
}

.black-color-cif-company-check {
  color: #f538f5;
}

.blue-color-cif-company-check {
  color: #0088d4;
}

#VATTaxPayer-div {
  margin-top: 39px;
  margin-left: 0;
}

#vat-tax-payer-label {
  font-size: 14px;
}

#span-icon {
  margin-left: 5px;
}

#div-cif-vat-tax-payer {
  border: 1px solid #63bef1;
  border-radius: 14px 14px 14px 14px;
}

div.automatic-subscription-renewwal {
  margin-top: 50px;
}

span.personal-data-container-hint {
  color: var(--tm-text, black);
  font-style: italic;
  font-size: 13px;
}

#ToContinueNeedPersonalInformationsIcon {
  color: orangered;
  font-size: 15px;
}

.login-text, .register-text {
  margin-left: 5px;
}

.checkout-fixed-location-container {
  margin: 15px 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: rgba(135, 212, 255, 0.08);
}

.checkout-fixed-location-filters {
  margin: 0 0 calc(2 * 10px) 0;
}

.checkout-fixed-location-selector {
  border-radius: 5px;
  border: solid 1px #63bef1;
  padding: calc(2 * 10px) calc(2 * 10px);
  background: linear-gradient(90deg, #87489b 0%, #b269ca 100%);
  color: white;
  /* Shown until the user narrows the filter to at least a county - the pins are loaded only then. */
}
.checkout-fixed-location-selector .checkout-fixed-location-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 calc(2 * 10px) 0;
}
.checkout-fixed-location-selector .fixed-location-select-county-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 calc(1.5 * 10px) 0;
  padding: calc(1.2 * 10px) calc(1.5 * 10px);
  background: red;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  font-size: 16px;
}
.checkout-fixed-location-selector .fixed-location-select-county-hint .tm-icon {
  font-size: 18px;
  opacity: 0.9;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search {
  margin: 0 0 calc(2 * 10px) 0;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--tm-surface, white);
  border-radius: 10px;
  padding: 0 calc(0.5 * 10px) 0 calc(3.5 * 10px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px transparent;
  transition-duration: 0.2s;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-wrapper:focus-within {
  border-color: var(--tm-primary-dark, #006197);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-icon {
  position: absolute;
  left: calc(10px);
  top: 50%;
  transform: translateY(-50%);
  color: var(--tm-text-muted, #777);
  pointer-events: none;
  font-size: 16px;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-input {
  flex-grow: 1;
  border: none;
  background: transparent;
  padding: calc(1.25 * 10px) 0;
  font-size: 16px;
  color: var(--tm-text, #555);
  min-width: 0;
  outline: none;
  box-shadow: none;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-input:focus {
  outline: none;
  box-shadow: none;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-input::placeholder {
  color: var(--tm-text-muted, #aaa);
  font-style: italic;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-clear {
  flex-shrink: 0;
  background: transparent;
  border: none;
  outline: none;
  color: var(--tm-text-muted, #aaa);
  cursor: pointer;
  padding: calc(0.5 * 10px) 10px;
  font-size: 16px;
  line-height: 1;
  display: none;
  transition-duration: 0.2s;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-clear.visible {
  display: inline-block;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-clear:hover {
  color: var(--tm-text, #555);
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-clear:focus {
  outline: none;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-empty {
  margin-top: 10px;
  padding: 10px calc(1.5 * 10px);
  background: rgba(255, 255, 255, 0.15);
  border: solid 1px rgba(255, 255, 255, 0.35);
  border-radius: 5px;
  color: white;
  font-style: italic;
  font-size: 14px;
  text-align: center;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--tm-surface, white);
  border-radius: 5px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
  max-height: 320px;
  overflow-y: auto;
  z-index: 1000;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item {
  padding: calc(0.75 * 10px) calc(1.25 * 10px);
  cursor: pointer;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  transition-duration: 0.2s;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item:last-child {
  border-bottom: none;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item.highlighted, .checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item:hover {
  background: rgba(0, 97, 151, 0.08);
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item .suggestion-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--tm-text, #555);
  line-height: 1.2;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item .suggestion-locality {
  margin-top: calc(0.25 * 10px);
  font-size: 14px;
  color: var(--tm-text-muted, #777);
  line-height: 1.2;
}
.checkout-fixed-location-selector .checkout-fixed-location-quick-search .fixed-location-quick-search-suggestions .fixed-location-quick-search-suggestion-item .suggestion-address {
  margin-top: calc(0.25 * 10px);
  font-size: 14px;
  color: var(--tm-text-muted, #aaa);
  line-height: 1.2;
}
.checkout-fixed-location-selector #checkout-fixed-location-map {
  position: relative;
  width: 100%;
  height: 400px;
  border: 3px solid white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
.checkout-fixed-location-selector .fixed-location-geolocation-prompt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 calc(2 * 10px) 0;
  padding: calc(1.5 * 10px) calc(2 * 10px);
  background: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.35);
  border-radius: 5px;
  color: white;
}
.checkout-fixed-location-selector .fixed-location-geolocation-prompt > .tm-icon {
  font-size: calc(1.25 * 16px);
}
.checkout-fixed-location-selector .fixed-location-geolocation-prompt .fixed-location-geolocation-prompt-text {
  flex: 1 1 auto;
  min-width: 0;
}
.checkout-fixed-location-selector .fixed-location-geolocation-prompt .fixed-location-geolocation-prompt-no {
  color: white;
  text-decoration: underline;
}
.checkout-fixed-location-selector .selected-fixed-location-info {
  margin: calc(2 * 10px) 0;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: calc(3 * 10px) calc(7 * 10px) calc(3 * 10px) calc(2 * 10px);
  border-radius: 5px;
  position: relative;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-main {
  margin-bottom: calc(1 * 10px);
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-main > .tm-icon {
  display: block;
  position: absolute;
  right: 10px;
  top: calc(3 * 10px);
  font-size: 40px;
  transition-property: all;
  transition-duration: 0.2s;
  opacity: 0.5;
}
.checkout-fixed-location-selector .selected-fixed-location-info:hover .selected-fixed-location-main > .tm-icon {
  opacity: 1;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-courier {
  display: flex;
  align-items: center;
  gap: calc(0.75 * 10px);
  margin-bottom: calc(1 * 10px);
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-courier .selected-fixed-location-courier-logo {
  height: 42px;
  max-width: 130px;
  object-fit: contain;
  background: white;
  border: solid 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 6px 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-courier .selected-fixed-location-courier-name {
  font-weight: 600;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-clear {
  display: none;
}
.checkout-fixed-location-selector .selected-fixed-location-info.locker-selected {
  background: linear-gradient(90deg, var(--tm-success, #85c177) 0%, #a0d497 100%);
}
.checkout-fixed-location-selector .selected-fixed-location-info.locker-selected .selected-fixed-location-main > .tm-icon {
  display: none;
}
.checkout-fixed-location-selector .selected-fixed-location-info.locker-selected .selected-fixed-location-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(0.75 * 10px);
  right: calc(0.75 * 10px);
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.18);
  color: white;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
  transition-property: background, opacity, transform;
  transition-duration: 0.2s;
}
.checkout-fixed-location-selector .selected-fixed-location-info.locker-selected .selected-fixed-location-clear:hover, .checkout-fixed-location-selector .selected-fixed-location-info.locker-selected .selected-fixed-location-clear:focus {
  background: rgba(0, 0, 0, 0.32);
  opacity: 1;
  outline: none;
}
.checkout-fixed-location-selector .selected-fixed-location-info.locker-selected .selected-fixed-location-clear:active {
  transform: scale(0.94);
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-drop-off {
  margin-top: 10px;
  font-size: 0.95em;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-drop-off .tm-icon {
  margin-right: 6px;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule {
  margin-top: 10px;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-header {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-header .tm-icon {
  margin-right: 6px;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 4px 16px;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-list li {
  display: flex;
  justify-content: space-between;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  border: solid 1px white;
  /* A day-less line (e.g. the "Non stop" summary) has only the hours - center it across the cell. */
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-list li .schedule-day {
  font-weight: 500;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-list li .schedule-hours {
  font-variant-numeric: tabular-nums;
}
.checkout-fixed-location-selector .selected-fixed-location-info .selected-fixed-location-schedule .selected-fixed-location-schedule-list li.schedule-single-line {
  justify-content: center;
  font-weight: 600;
}
.checkout-fixed-location-selector .commands-container {
  margin-top: calc(2 * 10px);
}
.checkout-fixed-location-selector .commands-container .btn {
  color: white;
  border-color: white;
}
.checkout-fixed-location-selector .commands-container .btn.fixed-location-apply-filter {
  background: rgb(255, 239, 151);
  opacity: 0.75;
  color: var(--tm-text, #555);
  transition-duration: 0.2s;
  transition-property: all;
}
.checkout-fixed-location-selector .commands-container .btn.fixed-location-apply-filter:hover {
  opacity: 1;
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .add-voucher {
    flex-direction: row;
  }
  ul.shopping-cart-list > li.cart-entry-item .remove-cart-entry-command {
    opacity: 0.5;
  }
  ul.shopping-cart-list > li.cart-entry-item .remove-cart-entry-command:hover {
    opacity: 1;
  }
  .total-value-wrapper .the-total-cart-value {
    font-size: 25px;
  }
  .total-value-wrapper .the-total-value {
    font-size: 45px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  ul.shopping-cart-list.two-per-row > li.cart-entry-item {
    width: calc(50% - 10px / 2);
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 600px;
  }
  ul.shopping-cart-list.two-per-row > li.cart-entry-item:nth-child(2n) {
    margin-right: 0;
  }
  ul.shopping-cart-list.three-per-row > li.cart-entry-item {
    width: calc(33.3333333333% - 7px);
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  ul.shopping-cart-list.three-per-row > li.cart-entry-item:nth-child(2n) {
    margin-right: 10px;
  }
  ul.shopping-cart-list.three-per-row > li.cart-entry-item:nth-child(3n) {
    margin-right: 0;
  }
  .checkout-process-container .btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
/* Extra small devices (portrait phones, < 576px) - use more of the narrow viewport across the checkout */
@media (max-width: 575.98px) {
  /* Trim the checkout card's own side padding. */
  .checkout-page-container {
    padding-left: calc(0.5 * 10px);
    padding-right: calc(0.5 * 10px);
  }
  /* Shrink the step-number badge (and its negative offset) so the step content can sit much closer to the left
     edge without the badge overlapping it; the left padding only needs to clear the now-smaller badge. The right
     padding is trimmed too. Together this widens the whole checkout content - including the locker map. */
  .checkout-steps-container .checkout-step-container {
    padding-left: calc(1.6 * 10px);
    padding-right: calc(0.4 * 10px);
  }
  .checkout-steps-container .checkout-step-container::before {
    width: 26px;
    height: 26px;
    line-height: 22px;
    font-size: 15px;
    top: -6px;
    left: -12px;
  }
  .checkout-steps-container .checkout-step-container.active::before {
    line-height: 18px;
  }
  /* The purple locker panel hugs its edges on mobile, giving the map more usable width. */
  .checkout-fixed-location-selector {
    padding-left: calc(0.75 * 10px);
    padding-right: calc(0.75 * 10px);
  }
}

.select2-container
{
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
}

	.select2-container .select2-selection--single
	{
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		height: 28px;
		user-select: none;
		-webkit-user-select: none;
	}

		.select2-container .select2-selection--single .select2-selection__rendered
		{
			display: block;
			padding-left: 8px;
			padding-right: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.select2-container .select2-selection--single .select2-selection__clear
		{
			position: relative;
		}

	.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered
	{
		padding-right: 8px;
		padding-left: 20px;
	}

	.select2-container .select2-selection--multiple
	{
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		min-height: 32px;
		user-select: none;
		-webkit-user-select: none;
	}

		.select2-container .select2-selection--multiple .select2-selection__rendered
		{
			display: inline-block;
			overflow: hidden;
			padding-left: 8px;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.select2-container .select2-search--inline
	{
		float: left;
	}

		.select2-container .select2-search--inline .select2-search__field
		{
			box-sizing: border-box;
			border: none;
			font-size: 100%;
			margin-top: 5px;
			padding: 0;
		}

			.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button
			{
				-webkit-appearance: none;
			}

.select2-dropdown
{
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
}

.select2-results
{
	display: block;
}

.select2-results__options
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.select2-results__option
{
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
}

	.select2-results__option[aria-selected]
	{
		cursor: pointer;
	}

.select2-container--open .select2-dropdown
{
	left: 0;
}

.select2-container--open .select2-dropdown--above
{
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below
{
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-search--dropdown
{
	display: block;
	padding: 4px;
}

	.select2-search--dropdown .select2-search__field
	{
		padding: 4px;
		width: 100%;
		box-sizing: border-box;
	}

		.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button
		{
			-webkit-appearance: none;
		}

	.select2-search--dropdown.select2-search--hide
	{
		display: none;
	}

.select2-close-mask
{
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0);
}

.select2-hidden-accessible
{
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.select2-container--default .select2-selection--single
{
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
}

	.select2-container--default .select2-selection--single .select2-selection__rendered
	{
		color: #444;
		line-height: 28px;
	}

	.select2-container--default .select2-selection--single .select2-selection__clear
	{
		cursor: pointer;
		float: right;
		font-weight: bold;
	}

	.select2-container--default .select2-selection--single .select2-selection__placeholder
	{
		color: #999;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow
	{
		height: 26px;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px;
	}

		.select2-container--default .select2-selection--single .select2-selection__arrow b
		{
			border-color: #888 transparent transparent transparent;
			border-style: solid;
			border-width: 5px 4px 0 4px;
			height: 0;
			left: 50%;
			margin-left: -4px;
			margin-top: -2px;
			position: absolute;
			top: 50%;
			width: 0;
		}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear
{
	float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow
{
	left: 1px;
	right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single
{
	background-color: #eee;
	cursor: default;
}

	.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear
	{
		display: none;
	}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b
{
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple
{
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
}

	.select2-container--default .select2-selection--multiple .select2-selection__rendered
	{
		box-sizing: border-box;
		list-style: none;
		margin: 0;
		padding: 0 5px;
		width: 100%;
	}

		.select2-container--default .select2-selection--multiple .select2-selection__rendered li
		{
			list-style: none;
		}

	.select2-container--default .select2-selection--multiple .select2-selection__placeholder
	{
		color: #999;
		margin-top: 5px;
		float: left;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__clear
	{
		cursor: pointer;
		float: right;
		font-weight: bold;
		margin-top: 5px;
		margin-right: 10px;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
		background-color: #e4e4e4;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: default;
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		padding: 0 5px;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
	{
		color: #999;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;
		margin-right: 2px;
	}

		.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
		{
			color: #333;
		}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline
{
	float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice
{
	margin-left: 5px;
	margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove
{
	margin-left: 2px;
	margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
{
	border: solid black 1px;
	outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple
{
	background-color: #eee;
	cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove
{
	display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{
	border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field
{
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options
{
	max-height: 200px;
	overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group]
{
	padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true]
{
	color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true]
{
	background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option
{
	padding-left: 1em;
}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__group
	{
		padding-left: 0;
	}

	.select2-container--default .select2-results__option .select2-results__option .select2-results__option
	{
		margin-left: -1em;
		padding-left: 2em;
	}

		.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option
		{
			margin-left: -2em;
			padding-left: 3em;
		}

			.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
			{
				margin-left: -3em;
				padding-left: 4em;
			}

				.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
				{
					margin-left: -4em;
					padding-left: 5em;
				}

					.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option
					{
						margin-left: -5em;
						padding-left: 6em;
					}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background-color: #5897fb;
	color: white;
}

.select2-container--default .select2-results__group
{
	cursor: default;
	display: block;
	padding: 6px;
}

.select2-container--classic .select2-selection--single
{
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

	.select2-container--classic .select2-selection--single:focus
	{
		border: 1px solid #5897fb;
	}

	.select2-container--classic .select2-selection--single .select2-selection__rendered
	{
		color: #444;
		line-height: 28px;
	}

	.select2-container--classic .select2-selection--single .select2-selection__clear
	{
		cursor: pointer;
		float: right;
		font-weight: bold;
		margin-right: 10px;
	}

	.select2-container--classic .select2-selection--single .select2-selection__placeholder
	{
		color: #999;
	}

	.select2-container--classic .select2-selection--single .select2-selection__arrow
	{
		background-color: #ddd;
		border: none;
		border-left: 1px solid #aaa;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		height: 26px;
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px;
		background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
		background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
		background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
	}

		.select2-container--classic .select2-selection--single .select2-selection__arrow b
		{
			border-color: #888 transparent transparent transparent;
			border-style: solid;
			border-width: 5px 4px 0 4px;
			height: 0;
			left: 50%;
			margin-left: -4px;
			margin-top: -2px;
			position: absolute;
			top: 50%;
			width: 0;
		}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear
{
	float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow
{
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single
{
	border: 1px solid #5897fb;
}

	.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow
	{
		background: transparent;
		border: none;
	}

		.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b
		{
			border-color: transparent transparent #888 transparent;
			border-width: 0 4px 5px 4px;
		}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single
{
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
	background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
	background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single
{
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
	background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
	background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple
{
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0;
}

	.select2-container--classic .select2-selection--multiple:focus
	{
		border: 1px solid #5897fb;
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__rendered
	{
		list-style: none;
		margin: 0;
		padding: 0 5px;
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__clear
	{
		display: none;
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice
	{
		background-color: #e4e4e4;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: default;
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		padding: 0 5px;
	}

	.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove
	{
		color: #888;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;
		margin-right: 2px;
	}

		.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover
		{
			color: #555;
		}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice
{
	float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice
{
	margin-left: 5px;
	margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove
{
	margin-left: 2px;
	margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple
{
	border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple
{
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple
{
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field
{
	border: 1px solid #aaa;
	outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field
{
	outline: 0;
	box-shadow: none;
}

.select2-container--classic .select2-dropdown
{
	background-color: white;
	border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above
{
	border-bottom: none;
}

.select2-container--classic .select2-dropdown--below
{
	border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options
{
	max-height: 200px;
	overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group]
{
	padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true]
{
	color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected]
{
	background-color: #3875d7;
	color: white;
}

.select2-container--classic .select2-results__group
{
	cursor: default;
	display: block;
	padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown
{
	border-color: #5897fb;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
  color: var(--tm-text, #555);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 14px;
  color: var(--tm-text-muted, #aaa);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: solid 1px var(--tm-primary-light, #63bef1);
  border-radius: calc(2 * 10px);
  transition-duration: 0.2s;
  padding-left: calc(10px / 2);
  padding-right: calc(10px / 2);
}

.select2-container--default:hover .select2-selection--single,
.select2-container--default:hover .select2-selection--multiple {
  border-color: var(--tm-primary-dark, #006197);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  outline: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid 1px var(--tm-primary, #0088d4);
}

.select2-container {
  font-size: 14px;
}

.select2-container .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0 10px 0 0;
  background-color: rgba(135, 212, 255, 0.5);
  border: 1px solid var(--tm-primary-light, #63bef1);
  color: var(--tm-primary, #0088d4);
  border-radius: calc(2 * 10px);
  white-space: normal;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--tm-primary, #0088d4);
  padding: 0 calc(10px / 2);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(135, 212, 255, 0.5);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--tm-primary, #0088d4);
}

.select2-selection__clear {
  opacity: 0;
}

.select2-container:hover .select2-selection__clear {
  opacity: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-search--inline {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: normal;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.own-os-date-picker-wrapper,
.own-os-date-picker-wrapper input,
.own-os-date-picker-wrapper select {
  font-size: 14px;
}

.own-os-date-picker-wrapper .day-value.with-error input,
.own-os-date-picker-wrapper .month-value.with-error select,
.own-os-date-picker-wrapper .year-value.with-error input,
.own-os-date-picker-wrapper .hour-value.with-error input,
.own-os-date-picker-wrapper .minute-value.with-error input {
  border-color: red;
  background: rgba(255, 158, 158, 0.5);
}

.own-os-date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.only-date-picker-one-row-with-flex-and-gap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.only-date-picker-one-row-with-flex-and-gap .day-value {
  width: 20%;
}
.only-date-picker-one-row-with-flex-and-gap .month-value {
  width: 50%;
}
.only-date-picker-one-row-with-flex-and-gap .year-value {
  width: 30%;
}

.date-picker-month {
  text-transform: capitalize;
}
.date-picker-month option.no-val {
  font-style: italic;
  color: var(--tm-text-muted, #aaa);
}