/* Obecná CSS */
#w_cofigurator input {
  border-color: #dadada;
  vertical-align: middle;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  text-align: right;
}

#w_cofigurator input::-webkit-inner-spin-button,
#w_cofigurator input::-webkit-outer-spin-button {
  opacity: 1;
  margin-left: 10px
}

#w_cofigurator .w_helper {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}

#w_cofigurator .w_unit {
  padding-left: 5px;
}

#w_cofigurator tr input {
  margin-bottom: 10px;
   width: 100%;
}

#w_cofigurator .w_input,
#w_cofigurator .w_size {
  padding-left: 30px;
}

@media only screen and (max-width: 600px) {
  #w_cofigurator .w_input {
    width: 30%
  }

  #w_cofigurator tr input {
    width: 100%;
  }
}

/* STEP*/
.w_step {
  padding-top: 30px;
}

/* WALTZ */
.w_waltz {
  padding-bottom: 30px;
}

/* TANGO */
.w_tango {
  padding-bottom: 30px;
}

select.w_cofigurator-select-cut {
  width: 100%;
}

/* v2: total price */
#w_cofigurator .w_total-value {
  padding-left: 30px;
}

/* v2: weight — fine print under the calculation */
#w_cofigurator .w_weight {
  font-size: 12px;
  color: #777;
  font-weight: 300;
  padding-top: 6px;
}

/* v2: quantity multiplier */
#w_cofigurator .w_qty-multiplier input {
  width: auto;
}

/* v2: variant_select inline validation error */
#w_cofigurator .w_input {
  position: relative;
}

#w_cofigurator .w_input-error {
  display: none;
  position: absolute;
  left: calc(100% + 40px);
  /* center on the input, not the cell: the cell is taller by the input's 10px margin-bottom */
  top: calc(50% - 5px);
  transform: translateY(-50%);
  white-space: nowrap;
  background: #d32f2f;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  padding: 4px 8px;
  border-radius: 3px;
}

#w_cofigurator .w_input-error.is-visible {
  display: block;
}

.add-to-cart-button.w_cart-blocked {
  opacity: 0.5;
  cursor: not-allowed;
}