/*========================================================================*/
/*   07. QUIZ
/*========================================================================*/
.full_desc{display: none;}

.full_desc .link,
.small_desc .link{
	margin-left:0px;
	font-weight:600;
}
.quiz-sidebar{
}
.quiz_details{
	margin:30px 0;
	padding:30px 0;
	text-align: center;
	background: #313b3d;
	border-radius:2px;
	border: 1px solid rgba(0,0,0,0.1);
}

.quiz_timer{
	display: inline-block;
	text-align: center;
	position: relative;
	color: #FFF;
	border-radius: 50%;
	width: 212px;
	height: 212px;
	margin: 0 auto;
}
.quiz_timer:after{
	content:'';
	background:transparent;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 99;
}
.countdown + span{
	position: absolute;
	top: 54px;
	left: 0;
	width:100%;
	text-align: center;
	font-size: 11px;
	color:#bbb;
	text-transform: uppercase;
	font-weight: 600;
}
.countdown{
	font-family: 'Oswald',sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing:2px;
}

.countdown+span+span{
	font-size: 11px;
	text-transform: uppercase;
	color: #bbb;
	font-weight: 700;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 52px;
}
.countdown+span+span > strong{
	margin-right:24px;
}

.quiz_timeline{
	margin-top:30px;
	padding: 0 30px;
	position: relative;
	max-height:204px;
	overflow-y:scroll;
 	.timeline_wrapper{
		border-left:4px solid #232b2d;
	}

	li{
		padding:8px 0 8px 30px;
		text-align: left;
		position: relative;
		&:first-child{
			padding-top:0;
			&	> span{
				top:0;
			}
		}
		&:last-child{
			padding-bottom:0;
			padding-top:0;
		}
		
		& > span{
			position: absolute;
			left: -10px;
			top: 8px;
			width: 16px;
			height: 16px;
			background: #232b2d;
			border-radius: 50%;
			border: 1px solid rgba(0,0,0,0.1);
		}

		a{
			font-size:12px;
			text-transform: uppercase;
			color:#bbb;
			font-weight:600;
		}

		&.active{
			border-left: 4px solid #78c8ce;
			margin-left: -4px;
		}
		&.done{
			border-left: 4px solid #70c989;
			margin-left: -4px;
			a{
				color:#70c989;
			}
			& > span{
				background:#70c989;
				&:before{
					font-family: "fonticon";
					content: "\e038";
					color:#FFF;
					font-size: 10px;line-height: 1;
					line-height: 1;
					position: absolute;
					top: 2px;
					left: 2px;
				}
			}
		}

		&:hover,
		&.active{
			a{
				color:#78c8ce;
			}
			& > span{
				background:#78c8ce;
			}
		}


		&.active:after{
			position: absolute;
			height: 100%;
			width: 5px;
			display: block;
			background: #78c8ce;
			left: 0;
			top: 0;
		}
		& > a > span{
			float:right;
			padding:3px 8px;
			background: #232b2d;
			border-radius:16px;
			color:#FFF;
		}

		.done{
			span{
				background:#70c989;
				color:#FFF;
			}
		}
		&.active{
			span{
				background:#78c8ce;
				color:#FFF;
			}
		}
	}
}


.quiz_result .quiz_questions .icon-x{
	color:#cf4f2f;
}
.quiz_result .quiz_questions .icon-check{
	color:#6eaa66;
}

/*========================================================================*/
/*   07. SINGLE QUESTION
/*========================================================================*/

.post .content{
	.question{
		padding:30px;
		margin:15px 0;
		border:1px solid $bordercolor;
		border-radius:2px;
		.question_content{
			padding:0;
			margin:0;
			bordeR:none;
		}
		.message{
			position:relative;
			&.success:before{
				content:"\f00c";
				font-family:fontawesome;
				position:absolute;
				left:15px;
				top:10px;
				font-size:16px;
			}
			&.message.error:before{
				content:"\f071";
				font-family:fontawesome;
				position:absolute;
				left:15px;
				top:10px;
				font-size:16px;
			}
		}
	}
}
.single-quiz{
	.content .question{
		font-size:24px;
		font-weight:400;
		padding-bottom:5px;
		margin-bottom:15px;
		padding-right:35px;
		border-bottom:5px solid $bordercolor;

		&.fillblank,
		&.select,
		&.match{
			border:none;
		}
	}
	.quiz_next{margin-top:30px;}
}

.clear_question_marked_answer{
    background: rgba(0,0,0,0.08);
    padding: 8px 10px;
    border-radius: 50%;
    font-size: 16px;
    color: rgba(0,0,0,0.4);
    line-height: 1;
    display: inline-block;
}
#question{padding-bottom: 60px; }
#question #respond+h5{
	margin:30px 0 10px;
	padding-bottom:10px;
	border-bottom:5px solid $bordercolor;
}
.content ul.question_options{
	list-style:none;
	margin:30px 0;
}


.question_options input[type="checkbox"],
.question_options input[type="radio"]{
	display: none;
}
.question_options + #respond > #reply-title{
	display:none;
}
.question_options + #respond > #commentform > p,
.fillblank #respond > #commentform > p, 
.fillblank #reply-title,
.select_dropdown #respond > #commentform > p,
.select_dropdown #reply-title{
	display:none;
}
.question_options + #respond > #commentform > p.form-submit,
.fillblank #respond > #commentform > p.form-submit,
.select_dropdown #respond > #commentform > p.form-submit{
	display:inline-block;
	margin:0 20px 0 0;
}


.question_options.sort{position: relative;overflow: auto;}
.question_options .sort_option,
.question_options .match_option{
	padding: 6px 24px 4px;background:#FFF;border-radius:2px;
	border: 1px solid $bordercolor;
	border-top:none;
	cursor:move;
}
.question_options.match{border:1px solid $bordercolor;background:#F9f9f9;min-height:80px;}
.question_options .match_option{
	clear:both;display: 
	inline-block;
	border-top:1px solid $bordercolor;
	margin:15px; 
	padding:5px 15px 5px 35px;
	position: relative;
	border-radius:2px;
}

.question_options .match_option span{
	color:#bbb;
	font-family: 'fonticon';
	font-size:16px;
	position: absolute;
	left: 10px;
	top:10px;
}
.question_options .match_option span:before{
	content:"\e0e0";
}

.sort_option.ui-sortable-helper,.match_option.ui-sortable-helper{display: block}
.question_options li.sort_option:first-child{
	border-top:1px solid $bordercolor;
}

.placeholder {
 background-color: #fff8dc;
 padding-right:10px;
 padding-left:10px;
 text-align:center;
 width:100%;
 height:48px;
 border:2px dotted #ffe993;
}

.quiz_question{
	cursor:pointer;
}
.quiz_result ul.socialicons.round li a{font-size:14px;}
.data_stats{
	list-style: none !important;
	position: absolute;
	top: -35px;
	margin:0 !important;
	right: 0;
}
.data_stats li {
	float: left;
	padding: 8px 10px 5px 10px;
	background: #FFF;
	font-size: 16px;
	border-radius: 2px;
	cursor: pointer;
}
.data_stats li:hover,.data_stats li.active{
	background:#78c8c9;
	color:#FFF;border-bottom-left-radius: 0;border-bottom-right-radius: 0;
}
.stats_content h2{
	margin:0;
}
.heading a.small_link{
	float:none;
	font-size:11px;
	font-weight:600;
	color:#bbb;
	margin-left:10px;
}

#question #submit{
	position: absolute;
	z-index: 999;
	width: 50%;
	background: none;
	padding: 15px 0;
	bottom: 0;
	left: 0;
	margin-left:25%;
	border-radius:0;
}
.ques_link{
	font-size:12px;
	font-weight:600;
	color:#FFF;
	text-transform: uppercase;
	position: relative;
	min-width:120px;
	padding:15px 0;
	width: 25%;
	text-align: center;
	opacity: 0.8;
}

.nextq i,
.prevq i{
	font-size:16px;
	line-height: 12px
}

.nextq{
	box-shadow: -1px 0 0 rgba(255,255,255,0.2);
}

.prevq{
	box-shadow: 1px 0 0 rgba(255,255,255,0.2);
}

.reset_answer{
	z-index: 999;
	color: #FFF;
	width: 50%;
	display: block;
	left: 25%;
	padding: 15px 0;
	position: absolute;
	font-size:12px;
	text-transform: uppercase;font-weight:600;
	bottom: 0;
	text-align: center;
	background: #78C8Ce;
	cursor:pointer;
}

#comment-status{
	text-align: center;
	display: block;
	margin: 0 -30px 0 -30px;
	text-transform: uppercase;
	font-weight:600;
	font-size:11px;
}
#comment-status p{
	padding:15px 0;
	background:#f0c36d;
	color:#333;
}
.boxed #comment-status{margin:0;}
.boxed #comment-status p{
	margin-bottom:48px;
}
#comment-status .ajax-success{
	background:#70c989;
	color:#FFF;
}

#comment-status .wdpajax-error{
	background:#f0c36d;
	color:#333;
}

.quiz_bar{
	background: #313b3d;
	display: block;
	width:100%;
	position: absolute;
	bottom:0;
	left:0;	
	min-height:45px;
}
.ques_link > i{font-size:12px;line-height: 1;}
#question #submit:hover,
.ques_link:hover,
.reset_answer:hover{
	opacity: 1;
	color:#FFF;
	background:#6eaa66;
}
.reset_answer:hover{
	background: #313b3d;
}

.single_text .form-allowed-tags,
.single_text .logged-in-as,
.single-text label.comment-form-textarea{
	display: none;
}

.single_text #comment{
	max-height:40px;
	margin-bottom:48px;
}

.navigation a{
	font-size:12px;
	text-transform: uppercase;
	font-weight:600;
	color:#78c8ce;
}


