.product-options-bottom,
#product-options-wrapper,
#alfa-case-configurator-tooltip,
.product-order {
  display: none;
}
.product-collateral .box-collateral.box-description,
.product-more-details{
  display: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  #product-options-wrapper,
  .product-options-bottom,
  .product-order {
    display: block;
  }
}
#alfa-case-configurator-tooltip {
  position: absolute;
  padding: 15px;
  background-color: #fff;
  border: 2px #e30613 solid;
  left: 50%;
  width: 40%;
  top: 0;
  z-index: 99;
}
#alfa-case-configurator-tooltip .product-title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
#alfa-case-configurator-tooltip .product-teaser {
  display: block;
  margin-bottom: 10px;
}
#alfa-case-configurator-tooltip .product-benefits {
  display: block;
  margin-bottom: 10px;
}

#alfa-case-configurator-tooltip .product-link {
  display: block;
  font-weight: bold;
  text-align: right;
}
#alfa-case-configurator {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#alfa-case-configurator .acc__product,
.acc__product__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.acc__product__details {
  margin-left: 0;
  margin-right: auto;
  width: 330px;
  word-break: break-all;
}
.acc__product {
  position: relative;
}
.acc__product__details > .name {
  font-size: 16px;
}
.acc__product__details:hover > .name,
.acc__product__details:hover > .text {
  color: #e30613;
  cursor: help;
}
.acc__product__price {
  font-size: 14px;
  margin-right: 12px;
}
.acc__product__actions__btn-add,
.acc__product__actions__btn-remove,
.acc__product__actions__btn-add-supply,
.acc__product__actions__btn-remove-supply {
  font-size: 32px;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  height: 48px;
}
.acc__product__actions__btn-add:after,
.acc__product__actions__btn-remove:after,
.acc__product__actions__btn-add-supply:after,
.acc__product__actions__btn-remove-supply:after {
  color: #e30613;
  position: relative;
  display: inline-block;
  font-family: "FontAwesome", serif;
}
.acc__product__actions__btn-add:after,
.acc__product__actions__btn-add-supply:after {
  content: "\f055";
}
.acc__product__actions__btn-remove:after,
.acc__product__actions__btn-remove-supply:after {
  content: "\f056";
}
.acc__product__actions__btn-remove,
.acc__product__actions__btn-remove-supply {
  padding-bottom: 2px;
}
.btn--disabled:after,
.btn--disabled:before {
  opacity: 0.3;
  color: #888888;
}
.acc__product__actions > input {
  display: block;
  margin: 0 12px;
  pointer-events: none;
  font-size: 16px;
  width: 50px;
  text-align: right;
  height: 35px;
  color: #555;
  background-color: #fff;
  background-image: none;
  line-height: 35px;
  padding: 6px 10px;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 0;
}
.alfa-case-configurator__left,
.alfa-case-configurator__right,
.product-options-bottom > .add-to-cart {
  float: none;
  width: 49%;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
.alfa-case-configurator__right {
  padding-bottom: 10px;
  text-align: center;
}
.alfa-case-configurator__productgroup .panel-heading {
  cursor: pointer;
  background-color: #e5e5e5;
}

.alfa-case-configurator__case-image {
  display: inline-block;
  position: relative;
  width: 480px;
  height: 460px;
  background: url(/refill-configurator/img/karton.png) no-repeat;
  background-size: contain;
}
.alfa-case-configurator__case__imagealike {
  position: absolute;
  right: 0;
  bottom: 150px;
  z-index: 99;
  font-size: 11px;
}
.alfa-case-configurator__case__imagealike > span {
  transform: rotate(-90deg);
  transform-origin: right top;
  display: block;
}
.alfa-case-configurator__case-image img {
  display: none;
  transition: transform 0.2s linear;
  transform: scale(1.5);
  width: 12%;
}
.alfa-case-configurator__case-image img.putInside {
  transform: scale(1);
}
#alfa-case-configurator__price-total {
  background-color: #e4001b;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 42px;
  position: absolute;
  right: 45px;
  top: 300px;
  display: inline-block;
  width: 200px;
}
#alfa-case-configurator__price-total:after,
#alfa-case-configurator__price-total:before {
  content: "";
  position: absolute;
  background-color: #e30613;
  width: 40px;
  height: 60px;
  border-radius: 100%;
  left: -20px;
  top: 50%;
  margin-top: -30px;
}
#alfa-case-configurator__price-total:after {
  right: -20px;
  left: auto;
}

.panel-product-wrapper {
  height: 260px;
  overflow-y: scroll;
}
#add-to-cart-accordion.alfa-case-configurator__left {
  margin-bottom: 10px;
}
span.selectionIndicator {
  display: none;
  margin-right: 20px;
  float: right;
}
.acc__product__details__color {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: antiquewhite;
  border-radius: 50%;
  border: 1px #ccc solid;
  position: relative;
  margin-left: 10px;
  margin-bottom: -4px;
}
#alfa-case-configurator__intro,
#alfa-case-configurator__limit,
#alfa-case-configurator__alfaplus,
#alfa-case-configurator__complete {
  user-select: none;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* #alfa-case-configurator__complete,
#alfa-case-configurator__limit {
  display: flex;
} */
.alfa-case-configurator__complete__text,
.alfa-case-configurator__intro__text,
.alfa-case-configurator__limit__text {
  margin-bottom: 10%;
  border-top: 1px #ddd solid;
  text-align: center;
  padding: 25px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12),
    0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12),
    0 16px 16px rgba(0, 0, 0, 0.12);
  /* box-shadow: 0 0 64px #000; */
  max-width: 500px;
}
.alfa-case-configurator__intro__text > .alert {
  margin: 0;
}
.product-options-bottom {
  margin-bottom: 30px;
}
#add-to-card-accordion-button {
  background-color: #e4001b;
  cursor: pointer;
  color: #fff;
  padding: 8px 14px;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0 2px;
}
#get-alfa-plus {
  display: block;
  background-color: #0093cd;
  cursor: pointer;
  color: #fff;
  padding: 8px 14px;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0 2px 5px;
}
#alfa-plus-discount {
  color: #0093cd;
  font-weight: bold;
}
#add-to-card-accordion-button.disabled {
  background-color: #888888;
}
.acc__product__group {
  background-color: #f5f5f5;
  padding: 12px 30px 12px 15px;
  border-bottom: 1px #ddd solid;
  position: relative;
}
.alfa-case-configurator__left .panel-title > a > span {
  font-weight: bold !important;
}

.acc__product__group > span.expand {
  position: absolute;
  right: 10px;
  top: 5px;
}

.acc__product__group > span.expand:after {
  position: relative;
  display: inline-block;
  left: 1px;
  top: 6px;
  font-family: "FontAwesome", serif;
  content: "\f054";
}
.acc__product__group:hover {
  color: #e30613;
  cursor: pointer;
}
.acc__product__group.active {
  color: #e30613;
}
.acc__product__group.active > span.expand:after {
  content: "\f078";
}
.acc__product__grouped {
  display: none;
}
#add-to-cart-accordion .acc__product__grouped .product {
  padding-top: 15px;
  padding-bottom: 15px;
}
.selectionIndicator2 {
  float: right;
  display: none;
  margin-right: 5px;
}
#priceCalculation {
  padding: 15px;
}

#priceCalculation > div {
  padding: 5px 10px 15px;
}

#priceCalculation > div > span.value {
  float: right;
}
#priceCalculation > div.total-price {
  border-top: 1px #ccc solid;
  font-weight: bold;
}
#priceCalculation > div.total-price .text {
  margin-top: 10px;
  display: inline-block;
}
#priceCalculation > div.total-price > span.value {
  font-size: 24px;
}
#priceCalculation .discount--active {
  font-weight: bold;
  color: #4BA10D;
}
#priceCalculation .discount--soon strong {
  color: #e30613;
}
#priceCalculation .discount--deactivated {
  text-decoration: line-through;
  font-weight: normal;
  opacity: 0.4;
}
@media all and (max-width: 1000px) {
  .alfa-case-configurator__right {
    width: 35%;
  }
  .alfa-case-configurator__case-image {
    width: 254px;
    height: 230px;
  }

  #alfa-case-configurator__intro,
  #alfa-case-configurator__limit,
  #alfa-case-configurator__alfaplus,
  #alfa-case-configurator__complete,
  .alfa-case-configurator__left {
    width: 65%;
  }
}
@media all and (max-width: 800px) {
  #alfa-case-configurator-tooltip {
    left: 10%;
    width: 80%;
  }
  #alfa-case-configurator {
    flex-wrap: wrap;
    justify-content: center;
  }
  .alfa-case-configurator__right {
    width: auto;
    margin-left: 35px;
  }
  .alfa-case-configurator__left {
    order: 2;
  }
  .alfa-case-configurator__case__imagealike {
    right: 108%;
    width: 200px;
  }
  .alfa-case-configurator__left,
  #alfa-case-configurator__intro,
  #alfa-case-configurator__limit,
  #alfa-case-configurator__alfaplus,
  #alfa-case-configurator__complete {
    width: 100%;
  }
}
@media all and (max-width: 540px) {
  .selectionIndicator,
  .selectionIndicator2 {
    display: none !important;
  }
  #add-to-cart-accordion .acc__product__grouped .product {
    flex-wrap: wrap;
  }
  .acc__product__details {
    width: 100%;
  }
  #priceCalculation .text,
  #priceCalculation .value {
    margin-bottom: 10px;
    float: none !important;
    display: block;
  }
}
