@CHARSET "UTF-8";

.cmvl-quiz-question-answer { margin: 0; font-weight: normal; display: block !important; user-select: none; }
.cmvl-quiz-question-answers-list { margin-top: 3px; }
.cmvl-submit-quiz { background: #336699; color: white; padding: 0.7em 1.5em; font: normal 16px Arial; border: none; border-radius: 5px; cursor: pointer; }
.tryagain_button_container { margin: 0em 0em 0.5em 1em; }
.cmvl-tryagain-quiz { background: #336699; color: white; padding: 0.7em 1.5em; font: normal 16px Arial; border: none; border-radius: 5px; cursor: pointer; }
.cmvl-quiz-ajaxloader { display: none; width: 30px; height: 30px; border: 8px solid #333; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; vertical-align:middle; margin-left:10px; }
@keyframes spin { from { transform: rotate(0deg); } 50% { transform: rotate(180deg); } to { transform: rotate(360deg); } }

.cmvl-quiz-questions { margin: 2em 0; background: #f5f5f5; border-bottom: solid 1px #ccc; }
.cmvl-quiz-single-question { padding: 1em 1em 1em 1em; color: #666; }
.cmvl-quiz-single-question label { cursor: pointer; }
.cmvl-quiz-header { padding: 1em; }
.cmvl-quiz-header h3 { margin: 0 !important; padding: 0 !important; font-size: 120%; font-weight: bold; margin-bottom:5px; display:inline-block; color: #000; }
.cmvl-quiz-header > div { float: right; }
.cmvl-quiz-header.header2 { padding:0; }
.cmvl-quiz-description { padding: 1em 1em 1em 1em; }
.cmvl-quiz-form-summary { border-top: solid 1px #ccc; padding: 1em; background: #eee; }
.cmvl-quiz-question-title { color: black; }

.cmvl-quiz-results-container { clear:both; }
.cmvl-quiz-results-container .cmvl-quiz-results { display:none; padding:1em; }

.cmvl-red { color:red; font-weight:bold; }
.cmvl-green { color:green; font-weight:bold; }

.take_a_quiz_link { float:left; background:#ccc; color:#333; padding:10px 20px; text-align:center; margin:20px auto 20px auto; }
.take_a_quiz_link.before { float: none; line-height: 36px; margin-top: 0px !important; margin-left: 0.5em; }

.cmvl-quiz-below-area { display:none; }
.quiz_open_close { cursor:pointer; }

.quizSummaryPopupModal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.cmvl-quiz-modal-content-container { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 40%; }
.quizSummaryPopupClose { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.quizSummaryPopupClose:hover, .quizSummaryPopupClose:focus { color: #000; text-decoration: none; cursor: pointer; }
.quizSummaryPopupModal .cmvl-quiz-modal-content-header { text-align: center; clear: both; }
.quizSummaryPopupModal .cmvl-quiz-modal-content-header img { width:250px; }
.quizSummaryPopupModal .cmvl-quiz-modal-content-middle { text-align: center; clear: both; font-size: 20px; font-weight: bold; }
.quizSummaryPopupModal .cmvl-quiz-modal-content-footer { text-align: center; clear: both; }

.takeQuizPopupModal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.cmvl-take-quiz-modal-content-container { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 40%; }
.takeQuizPopupClose { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.takeQuizPopupClose:hover, .takeQuizPopupClose:focus { color: #000; text-decoration: none; cursor: pointer; }
.takeQuizPopupModal .cmvl-take-quiz-modal-content { text-align: left; font-size: 16px; line-height: 30px; }

@media only screen and (max-width: 768px) {
  .cmvl-quiz-modal-content-container { width: 80%; }
  .cmvl-take-quiz-modal-content-container { width: 80%; }
}