.questionnaire #previewHeader,
.questionnaire #responseHeader {
  background-color: #fab500;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.questionnaire .section .question {
  background-color: #bce7f3;
}
.questionnaire .section .sub-section {
  padding: 0 20px;
}
.questionnaire .section .sub-section .question {
  background-color: #00d5bc;
}
.questionnaire .question {
  padding: 5px;
  margin-bottom: 10px;
}
.questionnaire .question .question-text {
  font-weight: bold;
}
.questionnaire .question .question-text p {
  display: inline;
}
.questionnaire .question .question-answered {
  float: right;
  font-size: 20px;
}
.questionnaire .question .required {
  font-size: 85%;
  color: #4c4c4c;
  padding-left: 10px;
}
.questionnaire .answer {
  clear: left;
  padding: 5px 15px 5px 15px;
}
.questionnaire .answer textarea.answer-value {
  width: 100%;
  height: 120px;
}
.questionnaire .answer label {
  padding: 3px 40px 3px 3px !important;
  margin-bottom: 5px !important;
  min-width: 50px;
}
.questionnaire .answer .answer-title {
  font-weight: normal !important;
}
.questionnaire .answer .answer-wrapper {
  width: 95%;
  float: left;
}
.questionnaire .scrolling-save {
  width: 225px;
  position: fixed;
  top: 30%;
  z-index: 1000;
}
.questionnaire .scrolling-save div {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .questionnaire .scrolling-save {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .questionnaire .static-save {
    display: none !important;
  }
  .questionnaire .scrolling-save {
    right: 20px;
  }
}
@media (min-width: 992px) {
  .questionnaire .scrolling-save {
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .questionnaire .scrolling-save {
    right: 80px;
  }
}
.questionnaire .save-progress-button-wrapper {
  margin-bottom: 20px;
}
.questionnaire .answer-counter {
  font-size: 25px;
}
input[type=radio].answer-value,
input[type=checkbox].answer-value {
  vertical-align: -2px;
}
.modal {
  z-index: 1050 !important;
}
.modal-backdrop {
  position: fixed !important;
}
.inactive-watermark {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url('Images/inactive.png');
  background-repeat: repeat;
  opacity: 0.1;
}
/*# sourceMappingURL=Questionnaire.css.map */