.node-quiz,
#quiz-report-form {
  max-width: 1180px;
  margin: 2.5em auto;
  padding: 0 20px;
}

#quiz_progress,
#quiz_score_possible,
#quiz_score_percent,
#quiz_summary,
#quiz-question-answering-form,
.node-type-quiz section > .messages.error {
  max-width: 1180px;
  margin: .5em auto 1em;
  padding: 0 20px;
}

#quiz_score_possible {
  margin-top: 2em;
}

.node-quiz .submitted {
  margin: 0 0 1em;
}

#quiz-view-table td {
  padding: 5px 10px;
}

#quiz_progress {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: .5em;
}

#quiz-question-answering-form .form-item.form-type-radios {
  margin: 0 auto 1em;
}

#quiz-question-answering-form .form-type-radios > label {
  vertical-align: top;
  color: #333;
}

#quiz-question-answering-form .form-radios {
  margin-left: 50px;
}

#quiz-question-answering-form .form-submit {
  margin: 7px 0;
}

#quiz-question-answering-form .form-submit + .form-submit {
  margin: 7px 0 7px 20px;
}

#quiz-question-answering-form .q-skip-button,
#quiz-question-answering-form .q-back-button {
  color: #333;
  text-decoration: underline;
}

#quiz-question-answering-form .q-back-button {
  padding-left: 0;
}

#quiz-question-answering-form .q-skip-button:hover,
#quiz-question-answering-form .q-back-button:hover {
  color: #e50051;
}

#quiz-question-answering-form .form__checked-control {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #e1dcd8;
  cursor: pointer;
}

#quiz-question-answering-form input[type=radio]+.form__checked-control:after {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background-color: #e50051;
}

.node-type-quiz section > .messages.error {
  background-color: transparent;
  vertical-align: middle;
  padding: 10px 20px;
  border: 0;
}

.node-type-quiz section > .messages.error:before {
  display: inline-block;
  margin-right: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 10px;
  content: "!";
  color: #fff;
  background-color: #c00;
  vertical-align: middle;
}

#quiz-report-form th,
#quiz-report-form td {
  vertical-align: top;
}

#quiz-report-form td p {
  margin: 0;
}

#quiz-report-form .dd > p {
  padding: 0 5px;
}

div.quiz-score-submit {
  float: none !important;
}

@media only screen and (max-width: 760px) {
  #quiz-question-answering-form .form-type-radios > label {
    display: block;
  }

  #quiz-question-answering-form .form-radios {
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  #quiz-question-answering-form .form-submit {
    margin: 7px 0 !important;
    display: block;
  }

  #quiz-question-answering-form .q-skip-button,
  #quiz-question-answering-form .q-back-button {
    padding: 0;
  }
}