/* CSS Document */
.is_rtl{
	direction: rtl;
}
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.quiz-description-wrapper h1{
	text-align: center;
}
.hide_title .quiz-description-wrapper h1{
	display: none;
}
#progress_wrapper{
	margin-bottom: 0.5rem;
}
#progress_wrapper span{
	background: #cccccc;
	border-radius: 50%;
	padding: 0.6rem 0 0.6rem;
}
#progress_wrapper span.passed-dot{
	background: #999999;
	border-radius: 50%;
}
.progress_inner{
	display: inline-block;
	line-height: 1.8em;
	padding: 0 0.7em;
}
@media screen and (max-width: 530px){
	#progress_wrapper span{
		width: 2.2rem;
	}
}
.survey_answer{
	text-align: right;
	margin-bottom: 0.8em;
	font-size: 0.85em;
}
.survey_answer_label{
	display: inline-block;
	width: 44%;
	line-height: 1em;
	font-size: 0.9em;
	text-align: left;
	float: right;
}
.survey_answer_label::after{
	content: ":";
	margin-left: 0.3em;
}
.survey_answer_percents{
	display: inline-block;
	float: right;
	width: 12%;
	text-align: right;
	font-size: 0.7em;
	color: #777777;
}
.survey_answer_bar{
	display: inline-block;
	width: 44%;
	height: 1em;
	float: right;
}
.survey_answer_bar_fill{
	display: inline-block;
	background-color: #cccccc;
	height: 1em;
}

.right-answers-item {
	padding-bottom: 1rem;
	border-top: none;
	font-size: 1rem;
}
.right-answers-item h4 {
    margin-bottom: 0.5rem;
    color: #444444;
}
.answers_columns .answers-list{
	display: grid;
	display: -ms-grid;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	grid-column-gap: 1em;
	width: 100%;
}
.answers_columns.answers_columns_2 .answers-list{
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;	
}
.answers_columns.answers_columns_3 .answers-list{
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;	
}
.answers_columns.answers_columns_4 .answers-list{
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;	
}
.answers_columns .answers-list.is_answered{
	display: block;
}
.answers_columns .answers-list.is_answered li{
	margin: 0 auto;
}
.answers_columns.answers_columns_2 .answers-list.is_answered li{
	width: calc(50% - 0.5em);
}
.answers_columns.answers_columns_3 .answers-list.is_answered li{
	width: calc(33.33333% - 1em);
}
.answers_columns.answers_columns_4 .answers-list.is_answered li{
	width: calc(25% - 1.5em);
}