/**
 * CSS file for product configurator
 * @author Fajar Chandra
 * @date 2019.05.22
 */
.product-configurator-wizard .questionnaire {
  border: solid 1px #ccc;
  border-radius: 4px;
  color: #333;
}
.product-configurator-wizard .questionnaire .qitem {
  border-top: solid 1px #ccc;
}
.product-configurator-wizard .questionnaire .qitem:first-child {
  border-top: none;
}
.product-configurator-wizard .questionnaire .qtitle {
  padding: 15px;
  background: #eee;
  display: flex;
  transition: background-color 0.3s;
}
.product-configurator-wizard .questionnaire .qitem.answered .qtitle:hover {
  background: #ddd;
  cursor: pointer;
}
.product-configurator-wizard .questionnaire .qitem.active .qtitle {
  background: #ddd;
}
.product-configurator-wizard .questionnaire .qitem.disabled .qtitle,
.product-configurator-wizard .questionnaire .qitem.disabled .qtitle:hover {
  background: #eee;
  opacity: 0.3;
  cursor: default;
}
.product-configurator-wizard .questionnaire .title-text {
  flex-grow: 1;
}
.product-configurator-wizard .questionnaire .answer-text {
  text-align: right;
}
.product-configurator-wizard .questionnaire .cost-text {
  margin-left: 10px;
  display: none;
}
.product-configurator-wizard .questionnaire .cost-text.visible {
  display: block;
}
.product-configurator-wizard .questionnaire .qitem.disabled .answer-text {
  display: none;
}
.product-configurator-wizard .questionnaire .qbody {
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
  display: none;
}
.product-configurator-wizard .questionnaire .qitem.active .qbody {
  display: block;
}
.product-configurator-wizard .questionnaire label {
  display: block;
}