/********************
FREE RESPONSE QUESTIONS
********************/
.AE-FRQ,
.AE-scrollable-FRQ {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  min-height: 1%;
  overflow: hidden;
  padding: 25px;
  border-radius: 10px;
  background-color: #dee3e9;
}

.AE-FRQ {
  max-width: 1200px;
}

.AE-scrollable-FRQ {
  max-width: 1200px;
  position: relative;
}

.AE-FRQ .question,
.AE-FRQ .summary,
.AE-scrollable-FRQ .question,
.AE-scrollable-FRQ .summary {
  background-color: #fff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  box-shadow: 3px 3px 3px rgba(152, 152, 152, 1);
}

.AE-scrollable-FRQ .question,
.AE-scrollable-FRQ .summary {
  box-sizing: border-box;
}

.AE-FRQ .textfields,
.AE-scrollable-FRQ .textfields {
  width: 100%;
}

.AE-scrollable-FRQ .textfields {
  margin: 0 auto;
}

.AE-FRQ .textfields .question,
.AE-scrollable-FRQ .textfields .question {
  display: none;
}

.AE-FRQ .textfields .question:first-child,
.AE-scrollable-FRQ .textfields .question:first-child {
  display: block;
}

.AE-FRQ .textfields .next,
.AE-FRQ .review,
.AE-scrollable-FRQ .textfields .next,
.AE-scrollable-FRQ .review {
  margin: 0 auto;
  margin-top: 16px;
  width: 50%;
  max-width: 400px;
  -webkit-text-stroke: 0px;
  font-weight: bold;
}

.AE-FRQ .textfields .response textarea,
.AE-scrollable-FRQ .textfields .response textarea {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  height: 200px;
  padding: 5px;
  border: 1px solid #888;
  background-color: #f1f6f9;
  font: 1em arial, sans-serif;
  -webkit-text-stroke: 0px !important;
}

.AE-scrollable-FRQ .textbox_FRQ {
  height: 450px;
  padding: 10px;
  overflow: auto;
  float: none;
  clear: both;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border: thin solid #ccc;
  -moz-box-shadow: inset 0 -20px 20px -20px #989898;
  -webkit-box-shadow: inset 0 -20px 20px -20px #989898;
  box-shadow: inset 0 -20px 20px -20px #989898;
}

.AE-scrollable-FRQ .textbox_FRQV2 {
  box-sizing: border-box;
  width: 100%;
  height: 450px;
  padding: 10px;
  overflow: auto;
  float: none;
  clear: both;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  border: thin solid #ccc;
  -moz-box-shadow: inset 0 -20px 20px -20px #989898;
  -webkit-box-shadow: inset 0 -20px 20px -20px #989898;
  box-shadow: inset 0 -20px 20px -20px #989898;
}

.AE-FRQ .textfields .answer-table,
.AE-scrollable-FRQ .answer-table {
  width: 100%;
  border-collapse: collapse;
}

.AE-FRQ .answer-table th,
.AE-scrollable-FRQ .answer-table th {
  text-align: left;
  font-size: 1.2em;
  vertical-align: middle;
  background-color: #2980b9;
  color: #fff;
  padding: 6px 5px;
  border-bottom: 1px solid #888;
  -webkit-text-stroke: 0px;
}

.AE-FRQ .answer-table td,
.AE-scrollable-FRQ .answer-table td {
  padding: 6px 5px;
  border-bottom: 1px solid #888;
}

.AE-FRQ .qStore,
.AE-scrollable-FRQ .qStore {
  background-color: #ecf0f1;
}

.AE-FRQ .header {
  margin-top: -20px;
}

.AE-FRQ .header h3,
.AE-scrollable-FRQ .header h3 {
  font-size: 1.5em;
  margin-top: 0px;
  margin-bottom: 15px;
}

.AE-scrollable-FRQ .qStore h3 {
  font-size: 1em;
}

.AE-FRQ .sampleAns,
.AE-scrollable-FRQ .sampleAns {
  font-style: italic;
}

/* Full-Width Preview */
.AE-scrollable-FRQ .withPreview {
  box-sizing: content-box;
  width: 203%;
}

.AE-scrollable-FRQ .withPreviewNext {
  display: none;
  margin-top: 20px;
}

.AE-scrollable-FRQ .withPreviewNext .next {
  width: 50%;
  margin: 0 auto;
  -webkit-text-stroke: 0px;
  font-weight: normal;
}

/* MC Specific Styles */
.AE-scrollable-FRQ .AE-multiple_choice > .question > .correct,
.AE-scrollable-FRQ .AE-multiple_choice > .question > .incorrect {
  padding-top: 3px;
  left: 4px;
  font-size: 28px;
  -webkit-text-stroke: 0px;
}

.AE-scrollable-FRQ .AE-multiple_choice .next {
  -webkit-text-stroke: 0px;
}

/* Scrollable MC Summary */
.AE-scrollable-FRQ .AE-multiple_choice .summary {
  width: 100%;
  margin: 0 auto;
}

.AE-scrollable-FRQ .AE-multiple_choice .summary h2 {
  font-size: 1.5em;
  margin-bottom: -5px;
}

.AE-scrollable-FRQ .AE-multiple_choice .summary p {
  font-size: 0.8em;
  line-height: 1.5;
}

.AE-scrollable-FRQ .AE-multiple_choice .review {
  width: 80%;
  margin-top: 35px;
}

.AE-scrollable-FRQ .AE-multiple_choice .question .responses,
.AE-scrollable-FRQ .AE-multiple_choice .question .responsesMA {
  padding-left: 15px;
  -webkit-text-stroke: 0px;
}

.AE-scrollable-FRQ .AE-multiple_choice .question .responses ol i,
.AE-scrollable-FRQ .AE-multiple_choice .question .responses ol svg,
.AE-scrollable-FRQ .AE-multiple_choice .question .responsesMA ol i,
.AE-scrollable-FRQ .AE-multiple_choice .question .responsesMA ol svg {
  top: -4px;
  left: -61px;
  font-size: 28px;
}

.AE-scrollable-FRQ .AE-multiple_choice .question .responsesMA ol li.selected {
  margin-top: -29px;
}

.AE-scrollable-FRQ .AE-multiple_choice .summary p i.fa-check-circle,
.AE-scrollable-FRQ .AE-multiple_choice .summary p svg.fa-check-circle,
.AE-scrollable-FRQ .AE-multiple_choice .summary p i.fa-times-circle,
.AE-scrollable-FRQ .AE-multiple_choice .summary p svg.fa-times-circle {
  -webkit-text-stroke: 0px;
}

.AE-scrollable-FRQ .AE-multiple_choice .button-container .finished,
.AE-scrollable-FRQ .AE-multiple_choice .button-container .next {
  -webkit-text-stroke: 0px;
}

/* Free Response Question Media Queries */
@media all and (max-width: 63.99rem) {
  .AE-scrollable-FRQ .textbox_FRQV2 {
    height: 200px;
    margin-bottom: 10px;
  }

  .AE-scrollable-FRQ .textfields .response textarea {
    height: 150px;
  }

  .AE-scrollable-FRQ .summary {
    width: 100%;
    margin: 0 auto;
  }

  .AE-scrollable-FRQ .withPreview {
    box-sizing: border-box;
    width: 100%;
  }
}