.price-breakdown { padding-bottom: 10px;position: relative; }
.price-breakdown-row { overflow: hidden;border-bottom: 1px dotted #ddd;padding: 2px 0; }
.price-breakdown-row.last { border-bottom: 0; }
.price-breakdown-row .price-breakdown-label { float: left;width: 70%; }
.price-breakdown-row .price-breakdown-value { float: left;width: 30%;text-align: right;font-weight: 700; }

.price-breakdown .loader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8) url('../images/loader.svg') no-repeat center center;
	background-size: 30px 30px;
	display: none;
}

.form-row.disable-selection { display: none !important; }

.disable-selection-address, .disable-shipping-selection-address { padding-bottom: 10px; }


/* override product tab icons */
#woocommerce-coupon-data ul.wc-tabs li a::before, 
#woocommerce-product-data ul.wc-tabs li a::before, 
.woocommerce ul.wc-tabs li a::before {
   display: none;
}

.woocommerce-tabs ul.tabs li a { padding-left: 16px;  }


.display-none { display: none; }


/* Smart Buy */
.bg-countdown { color: #6d6d6d;padding: 10px 0 30px;width: 70%;margin: 0 auto; }
.bg-countdown div.label {
	font-size: 16px;
	text-align: center;
}
.bg-countdown .countdown-col { width: 22%;display: inline-block;color: #0082c4; }
.bg-countdown .countdown-col .value { font-size: 16px;font-weight: 700; }
.bg-countdown .countdown-col .fragment-label { font-size: 12px; }

.bg-progress-bar {
	position: relative;
	width: 70%;
	margin: 40px auto 10px;
}


body.single-product .summary .bg-progress-bar {
    margin: 30px 0 10px 0;
}


.bg-progress-bar .progress-bar {
	height: 20px;
	width: 100%;
	position: relative;
	background-color: #eee;
  	border-radius: 2px;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  	overflow: hidden;
}

.progress-bar > span {
  background-color: #0082c4;
  border-radius: 2px;
  display: block;
  text-align: right;
  line-height: 20px;
  height: 20px;
  color: #fff;
}

.progress-bar > span.complete {
	background-color: #23a704;
}

.bg-progress-bar .start {
    display: block;
    position: absolute;
    top: -28px;
    color: #6d6d6d;
}

.bg-progress-bar .max {
    display: block;
    position: absolute;
    top: -28px;
    right: 0;
    color: #6d6d6d;
}

.bg-progress-bar .total-qty {
  font-size: 12px;
  text-align: right;
  color: #6d6d6d;
}

/* Sustainable */
.showcase__label {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background: #FF6200;
  position: absolute;
  top: 0;
  z-index: 2;
}

.showcase__label.out-of-stock {
  border: 1px solid #FF6200;
  background: #fff;
  color: #FF6200;
  border-radius: 9px 0 0 0;
}

.showcase__label.sustainable {
  background: #0082c4;
  color: #fff;
}

.is-sustainable {
  background: url('../images/sustainable-choice.png') top left no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

/* Tested by R&D */
.showcase__label.randd-tested {
  background: #5c2d91;
  color: #fff;
  /* justify-self: anchor-center; */
}

.is-randd-tested {
  /* background: url('../images/sustainable-choice.png') bottom left no-repeat; */
  background-size: cover;
  width: 60px;
  height: 60px;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}

/* Blog Overrides */
.bg-blog-16 .bg-countdown .countdown-col {
  color: #417b88;
}

.bg-blog-20 .cart_totals .woocommerce-store-credit-code { display: none; }
.bg-blog-20 .cart_totals .woocommerce-store-credit-expiry { display: none; }

.bg-blog-20.woocommerce-cart #coupons_list {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
    clear: right;
}


.bg-blog-54 .bg-countdown .countdown-col {
  color: #f3822c;
}

.bg-blog-54 .progress-bar > span {
  background-color: #f3822c;
}

@media(max-width: 768px) {
  .bg-blog-20.woocommerce-cart #coupons_list {
      width: 100%;
      float: none;
      margin-right: 0;
      clear: both;
  }
}

/* checkout billing shipping differ start */
.bg-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  z-index: 1072;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0,0,0,.6);
}

.bg-fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.bg-fade.bg-show {
  opacity: 1;
}

.bg-popup-inner {
  position: relative;
  width: auto;
  pointer-events: none;
}

@media (min-width: 576px){
  .bg-popup-inner {
      max-width: 500px;
  }
}

.bg-popup.bg-fade .bg-popup-inner {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out;
  -webkit-transform: translate(0,-25%);
  transform: translate(0,-25%);
}

.bg-popup.bg-show .bg-popup-inner {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.bg-popup-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 0.3rem;
  outline: 0;
}

.bg-popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.bg-popup-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 20px;
  line-height: 27px;
  font-family: "ING Me Bold";
}

.bg-popup-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

button.bg-popup-close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.bg-popup-header .bg-popup-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.bg-popup-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.bg-popup-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

#bg-initial-role-switch-popup .bg-popup-footer,
#bg-checkout-po-required-popup .bg-popup-footer,
#bg-checkout-vat-bllng-spng-differ .bg-popup-footer {
    justify-content: space-between;
}

#bg-initial-role-switch-popup .bg-popup-inner,
#bg-checkout-po-required-popup .bg-popup-inner,
#bg-checkout-vat-bllng-spng-differ .bg-popup-inner {
    display: flex;
    align-items: center;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
}

.btn-bg-popup {
  text-align: center;
  cursor: pointer;
}

/* Experience popup selector */
.choose-experience-popup .experience-list-wrapper {
  display: flex;
  flex-direction: row;
  margin: 25px auto 10px;
}

.choose-experience-popup .popup-selection-item {
  margin: 15px;
  border: 1px solid #ccc;
  padding: 20px 15px;
  border-radius: 10px;
  cursor: pointer;
  width: calc(50% - 15px);
}

.choose-experience-popup .popup-selection-item:hover,
.choose-experience-popup .popup-selection-item:active,
.choose-experience-popup .popup-selection-item:focus,
.choose-experience-popup .popup-selection-item.clicked {
  border-color: #FF6200;
}

.choose-experience-popup .experience-header,
.choose-experience-popup .experience-remember-me,
.choose-experience-popup .experience-continue-btn {
  margin-left: 15px;
  margin-right: 15px;
}

.choose-experience-popup .experience-header {
  margin-top: 20px;
}

.choose-experience-popup .experience-icon {
  text-align: center;
}

.choose-experience-popup .experience-icon svg {
  width: 70px;
  height: 70px;
}

.choose-experience-popup .popup-selection-item .experience-icon svg {
  fill: #a8a8a8;
}

.choose-experience-popup .popup-selection-item:hover .experience-icon svg,
.choose-experience-popup .popup-selection-item:active .experience-icon svg,
.choose-experience-popup .popup-selection-item:focus .experience-icon svg,
.choose-experience-popup .popup-selection-item.clicked .experience-icon svg {
  fill: #FF6200;
}

.choose-experience-popup .experience-title h6 {
  font-size: 18px;
  font-family: "ING Me Bold";
  text-align: center;
  margin-top: 10px;
}

.choose-experience-popup .experience-text p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 0px;
}

.choose-experience-popup .experience-remember-me {
  margin-bottom: 20px;
  margin-top: 5px;
}

.choose-experience-popup .experience-remember-me input[type=checkbox] {
  max-height: 14px;
}

.choose-experience-popup .experience-continue-btn {
  margin-bottom: 20px;
}

.choose-experience-popup .experience-continue-btn .btn-bg-popup {
  border-radius: 5px;
  min-width: 110px;
}

#experience-continue-btn-click-response {
  color: #800000;
}

/* checkout billing shipping differ end */

#approval-overview {
  font-size: 13px;
}

#approval-overview thead {
  font-size: 15px;
}