/* CSS for surveys, overrules the bootstrap css */

.survey-is-correct:after {
	color: green;
	font-weight: bold;
	content: " √";
}

.survey-is-not-correct:after {
	color: red;
	font-weight: bold;
	content: " X";
}

.survey-thurstone .btn {
	display: block;
	width: auto;
	margin-bottom: 12px;
}

.survey-thurstone .btn:before {
	content: "\0025BA";
}

.survey-narrative input,
.survey-narrative select {
	display: inline-block;
	width: auto;
    vertical-align: baseline;
}

hr.survey-stop {
    display: none;
}

.picture-file {
	display: block;
}

.picture-preview {
	width: 128px;
	margin: 4px 0;
}

.picture-preview.has-preview {
	width: 256px;
}

.alert.z_invalid {
	display: none;
}

form.z_form_invalid .alert.z_invalid {
    display: block;
}

.form-survey .form-actions {
	margin-top: 12px;
}

.survey-q-ok .survey-test-feedback-icon {
    color: green !important;
}
.survey-q-not-ok .survey-test-feedback-icon  {
    color: red !important;
}
.do_survey_test_feedback .survey-test-feedback-answer,
.do_survey_test_feedback .survey-test-feedback-correct,
.do_survey_test_feedback .survey-test-feedback-wrong {
    display: none;
}
.do_survey_test_feedback.survey-test-correct .survey-test-feedback-correct {
    display: block;
}
.do_survey_test_feedback.survey-test-wrong .survey-test-feedback-wrong {
    display: block;
}