/*  PLUGIN DEFAULT STYLES    */

.quiz {
  font-family: "Open Sans", Arial, sans-serif;
  position: relative;
  max-width: 100%;
}

.quiz ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.quiz .hidden {
  display: none;
}

.quiz button {
  font: inherit;
  font-size: 14px;
  border: none;
  background: #abb2b9;
  color: #fff;
  cursor: pointer;
  margin-bottom: 5px;
  outline: none;
  padding: 5px;
   width: auto;
  display: inline-block;
  border-radius: 5px;
}

@media screen and (min-width: 640px) {
  .quiz button {
    width: auto;
  }
}

.quiz button:hover {
  background: #3e77da;
}

.quiz .quizQuestions {
  margin-bottom: 10px;
}

.quiz .quizQuestions > li {
  display: none;
  position: relative;
}

.quiz .quizQuestions > li.showQuestion {
  display: block;
}

.quiz .quizQuestions > li.disabled .questionAnswers li:hover:not(.selectedAnswer) {
  background: initial;
}

.quiz .quizQuestions > li.disabled .questionAnswers li label,
.quiz .quizQuestions > li.disabled .questionAnswers li input[type="radio"] {
  cursor: default;
}

.quiz .quizQuestions > li .questionCount {
  font-size: 12px;
}

.quiz .quizQuestions > li .questionTitle {
  margin: 0; 
  padding: 18px 0;
}

.quiz .quizQuestions ul.questionAnswers {
  overflow: hidden;
}

.quiz .quizQuestions ul.questionAnswers li {
  margin-top: 5px;
  border: 1px solid #E2E2E2;
}

.quiz .quizQuestions ul.questionAnswers li:first-child {
  margin: 0;
}

.quiz .quizQuestions ul.questionAnswers li:hover {
  background: #ededed;
}

.quiz .quizQuestions ul.questionAnswers li.selectedAnswer {
  background: #4789FB;
  color: #FFF;
}

.quiz .quizQuestions ul.questionAnswers li.incorrectAnswer {
  background: #F02D3A;
  color: #FFF;
}

.quiz .quizQuestions ul.questionAnswers li.correctAnswer {
  background: #2ECC71;
  color: #FFF;
}

.quiz .quizQuestions ul.questionAnswers label,
.quiz .quizQuestions ul.questionAnswers input[type="radio"] {
  cursor: pointer;
}

.quiz .quizQuestions ul.questionAnswers input[type="radio"] {
  margin: 0;
  margin-right: 10px;
  vertical-align: middle;
}

.quiz .quizQuestions ul.questionAnswers label {
  display: inline-block;
  padding: 13px;
  width: 100%;
}

.quiz .quizControls {
  margin-top: 10px;
}

.quiz .quizControls button {
  display: block;
}

@media screen and (min-width: 640px) {
  .quiz .quizControls button {
    display: initial;
    margin-right: 5px;
  }
}

.quiz .quizControls button.ctrlPrev {
  background: #224178; float: left;
}

.quiz .quizControls button.ctrlPrev:hover {
  background: #2f5ba7;
}

.quiz .quizControls button.ctrlDone {
  display: none;
}

.quiz .quizControls button.ctrlNext,
.quiz .quizControls button.ctrlDone {
  float: right;
  background: #2ECC71;
}

.quiz .quizControls button.ctrlNext:hover,
.quiz .quizControls button.ctrlDone:hover {
  background: #28b162;
}

.quiz .quizControls button.ctrlSkip {
  background: #9b59b6;
}

.quiz .quizControls button.ctrlSkip:hover {
  background: #874d9e;
}

.quiz .quizControls button.disabled {
  cursor: not-allowed;
  background: #ff0022;
}

.quiz .quizControls button.disabled:hover {
  background: #e8001f;
}

.quiz .quizResults ul {
  margin: 20px 0 10px;
}

.quiz .quizResults li {
  font-size: 14px;
  padding: 10px;
  border: 1px solid;
  border-left: 10px solid;
  margin-bottom: 10px;
  line-height: 1.5em;
}

@media screen and (min-width: 640px) {
  .quiz .quizResults li {
    padding-left: 20px;
  }
}

.quiz .quizResults .viewResults {
  background: #2ECC71; vertical-align: middle;
  
}

.quiz .quizResults .viewResults:hover {
  background: #26aa5e;
}

.quiz .quizResults .questionTitle {
  margin: 5px 0 10px;
}

.quiz .quizResults .answeredCorrect {
  border-color: #2ECC71;
}

.quiz .quizResults .answeredWrong {
  border-color: #F02D3A;
}


/*# sourceMappingURL=main.css.map */

}