/**
* All of the CSS for public-facing functionality
*/
.explanation:nth-of-type(n+2) {
    display: none;
}
.eqb_score_buttons {
    margin: 20px 0;
}
.eqb_view_questions_btn {
    margin-right: 20px;
}
.eqb_question_separator {
    clear: both;
    margin: 0 auto;
}
.eqb_quiz.single hr.eqb_question_separator {
    display: none;
}
.eqb_progress {
    text-align: right;
    padding: 5px 10px;
}

.eqb_answers_column {
    width: 100%;
    padding-bottom: 0;
}
.eqb_answers_portlet.ui-widget {
    margin-right: 1em;
    margin-bottom: 1em;
    padding: 0.3em;
}
.eqb_portlet_answers_header {
    padding: 0.3em 0.6em;
    margin-bottom: 0.5em;
    position: relative;
    cursor: grab;
}
.eqb_portlet_answers_toggle {
    float: right;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0 !important;
    cursor: default;
}
.eqb_portlet_answers_toggle .ui-icon-minusthick {
    color: white !important;
    background-color: white !important;
}
.eqb_portlet_answers_content {
    padding: 0.4em;
}
.eqb_portlet_answers_placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}
.eqb_quiz {
    border: 1px solid #eee;
    border-radius: 4px;
}
.eqb_quiz.single .eqb_quiz_item:not(:first-child) {

}
.eqb_single_question {
    padding: 40px;
    padding-bottom: 0;
    font-size: 1.2em;
}
.eqb_single_question_answers {
    padding: 40px;
}
.eqb_explanation_div {
    padding: 40px;
    margin-bottom: 40px;
    border: 1px solid #c5c5c5;
    clear: both;
    display: none;
}
.eqb_explanation_div.correct {
    background-color: #edf8eb;
    color: #4d973b;
}
.eqb_explanation_div.incorrect {
    background-color: #ffe6e6;
    color: #cc0000;
}
.explanation {
    color: #000;
}
.eqb_single_question_buttons_div {
    border-top: 1px solid #eee;
    text-align: right;
}
.eqb_single_question_buttons_div button {
    margin: 20px;
}
.eqb-error {
    color: #8a2424;
    margin-left: 10px;
}

.eqb_question_image {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 30px;
}
.eqb_start_message {
    padding: 30px;
    font-size: 1.2rem;
}
.eqb_start_quiz_button {
    margin-top: 30px;
}
.eqb_quiz.assessment .eqb_quiz_item {
    display: none;
}
.eqb_quiz.assessment .eqb_submit_quiz_button {
    display: none;
}
.eqb_timer {
    display: none;
    padding: 10px;
    border: 1px solid #eee;
    width: 100px;
    text-align: center;
    font-size: 1.5rem;
}
.eqb_score_div {
    padding: 0 30px;
}
.eqb_incorrect_div .feedback button, .eqb_incorrect_div .feedback p {
    display: none;
}

.eqb_single_question_answers .radio_toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.eqb_single_question_answers .radio_toolbar label {
    display: block;
    background: #f3f3f3;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 1.2em;
}
.eqb_single_question_answers .radio_toolbar input[type="radio"]:checked + label {
    background-color: #f9bc60;
}
.eqb_single_question_answers .radio_toolbar input[type="radio"]:checked + label.correct {
    background-color: #6db46d;
}
.eqb_single_question_answers .radio_toolbar input[type="radio"]:checked + label.incorrect {
    background-color: #ff9191;
}
.eqb_single_question_answers .radio_toolbar label:hover {
    background-color: #eee;
}

.eqb_quiz_item.answered .radio_toolbar label {
    display: #ffe6e6;
}

.eqb_answer {
    font-size: 1.2em;
}

.eqb_quiz.all .eqb_single_question_buttons_div {
    border-top: none;
}

.eqb_chart_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #f3f3f3;
    border: 2px solid #cfcfcf;
    border-radius: 5px;
    padding: 20px;
    width: inherit;
}
.eqb_chart_wrap .eqb_score {
    flex: 0 0 65%;
}
.eqb_chart_wrap .eqb_chart {
    flex: 0 0 35%;
    padding-right: 20px;
}
.eqb_chart_wrap .eqb_score h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1;
}
.eqb_chart_wrap .eqb_score span {
    font-size: 40px;
    display: block;
    line-height: 1;
    padding-bottom: 20px
}
.eqb_chart_wrap .eqb_score span.total {
    color: #4d90fe;
}
.eqb_chart_wrap .eqb_score span.percent {
    color: #edb02e;
}
.eqb_pie {
    max-width: 200px;
    max-height: 200px;
}