/**
 * CSS file for product configurator
 * @author Fajar Chandra
 * @date 2019.05.22
 */
.product-configurator-wizard {
  margin-bottom: 1em;
}
.product-configurator-wizard h1 img {
  max-width: 100%;
  width: 300px;
}
.product-configurator-wizard .questionnaire-section {
  display: none;
}
.product-configurator-wizard .questionnaire-section.active {
  display: block;
}
.product-configurator-wizard .questionnaire .input-range-wrapper input {
  width: 100%;
  padding: 0;
}
.product-configurator-wizard .questionnaire .input-range-labels {
  position: relative;
  height: 2em;
}
.product-configurator-wizard .questionnaire .input-range-labels > span {
  position: absolute;
  text-align: center;
  width: 30%;
  margin: 0 -15%;
}
.product-configurator-wizard .questionnaire .input-range-labels > span.min {
  margin: 0;
  text-align: left;
}
.product-configurator-wizard .questionnaire .input-range-labels > span.max {
  margin: 0;
  left: auto !important;
  right: 0%;
  text-align: right;
}
.product-configurator-wizard .questionnaire .qerror {
  color: red;
}
.product-configurator-wizard .questionnaire .qbuttons {
  margin: 10px 0 0;
}
.product-configurator-wizard .result-section {
  display: none;
}
.product-configurator-wizard .result-section.active {
  display: block;
}
.product-configurator-wizard .noresult {
  display: none;
}
.product-configurator-wizard .result-table {
  margin: 0;
}
.product-configurator-wizard .result-table .template {
  display: none;
}
.product-configurator-wizard .result-table .subname:before {
  content: ': ';
}
.product-configurator-wizard .result-table .description {
  font-size: 0.9em;
}
.product-configurator-wizard .result-table .price {
  text-align: right;
}
.product-configurator-wizard .result-table:not(.has-recurring-products) .unit,
.product-configurator-wizard .result-table:not(.has-recurring-products) .total-recurring-row {
  display: none;
}
.product-configurator-wizard .result .total-label,
.product-configurator-wizard .result .total-recurring-label {
  font-weight: bold;
  text-align: right;
}
.product-configurator-wizard .result-notes {
  font-size: 10px;
}
.product-configurator-wizard .result-fields tbody td {
  vertical-align: middle;
}
.product-configurator-wizard .result-fields .input {
  margin: 0;
  width: 100%;
}
.product-configurator-wizard .result-fields tfoot td {
  padding: 0;
  height: 0;
}
.product-configurator-wizard__share-popup .share-url-box {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  cursor: text;
}