/* Quiz plugin by Ioannis Sannos */
.quiz_ctgs_wrap {
	margin:20px 0; padding: 0; display:flex; width:100%;
	flex-wrap: wrap; gap:15px; justify-content: flex-start; align-items: stretch; box-sizing: border-box;
 }
.quiz_ctg { flex:1 1 32%; max-width: 400px; margin:0; padding:15px; background:#FFFFFF; border:1px solid #DDDDDD; }
.quiz_ctg_gray { background:#F8F8F8; border:1px solid #DDDDDD; }
.quiz_ctg_top {
	margin:0 0 10px 0; padding: 0; display:flex; width:100%; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; box-sizing: border-box;
}
.quiz_ctg_icon { margin:0 10px 0 0; padding:8px; flex:0 0 50px; text-align:center; background:#000000; color:#FFFFFF; border-radius:5px; }
.quiz_ctg_icon span { font-size: 28px; line-height:28px; }
.quiz_ctg_title { flex:1 1 auto; }
.quiz_ctg_title h4 { margin:0; padding:8px 0 0 0; font:bold 16px/28px "Open Sans", Helvetica, Arial, sans-serif; color: #242a37; border:none; background:none; }
.quiz_ctg_desc, .quiz_ctg_time {
	margin:0 0 3px 0; padding:0; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color: #242a37;
}
.quiz_ctg_time { color:#666666; }
.quiz_ctg_aw { margin:30px 0 0 0; text-align:center; }
a.quiz_ctg_a, a.quiz_ctg_a:visited, a.quiz_ctg_a:active, a.quiz_ctg_a:link, a.quiz_ctg_a:hover {
	margin:0; padding:5px 25px; display:inline-block; text-decoration:none; outline:none;
	font:normal 15px/20px "Open Sans", Helvetica, Arial, sans-serif; color: #666666;
	background:#F0F0F0; border:1px solid #E0E0E0;
}
a.quiz_ctg_a:hover { background:#0091FF; color: #FFFFFF; }
.quiz_ctg_gray a.quiz_ctg_a, .quiz_ctg_gray a.quiz_ctg_a:visited, .quiz_ctg_gray a.quiz_ctg_a:active, .quiz_ctg_gray a.quiz_ctg_a:link {
	color: #555555; background:#E0E0E0; border:1px solid #D0D0D0;
}
.quiz_ctg_gray a.quiz_ctg_a:hover { background:#0091FF; color: #FFFFFF; }
.quiz_ctg_active { margin:0 0 8px 0; padding:0; display:flex; flex-wrap:nowrap; width:100%; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; box-sizing: border-box; }
.quiz_ctg_acticon { 
	margin:0 10px 0 0; padding:8px 0; flex:0 0 45px; text-align:center; background:#000000; color:#FFFFFF; border-radius:5px; 
	font-size: 22px; line-height:22px;
}
h3.quiz_h3 {
	flex:1 1 auto; margin:0; padding:0; font:normal 20px/38px "Open Sans", Helvetica, Arial, sans-serif; color: #242a37;
	background:none; border:none; border-radius:none; box-sizing: border-box;
}
a.quiz_reload, a.quiz_reload:visited, a.quiz_reload:active, a.quiz_reload:link, a.quiz_reload:hover {
	margin: 0; padding:0; display:block; flex:0 0 50px; text-decoration:none; outline:none;
	font:normal 26px/38px "Open Sans", Helvetica, Arial, sans-serif; color: #0091FF;
	background:none; border:none; box-sizing: border-box;
}
a.quiz_reload:hover { color:#000000; }
p.quiz_ctg_note { margin:0 0 20px 0; padding:0; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color: #242a37; }
.quiz_question { margin:0 0 20px 0; padding:0; font:normal 17px/28px "Open Sans", Helvetica, Arial, sans-serif; color: #242a37; }
.quiz_question > span { color:#4789E0; }
.quiz_question > span.quiz_questnum { color:#888888; margin-right:5px; }
a.quiz_revlnk, a.quiz_revlnk:visited, a.quiz_revlnk:active, a.quiz_revlnk:link, a.quiz_revlnk:hover {
	margin:10px 0 0 0; padding:4px 15px; display:inline-block; text-decoration:none; outline:none; 
	font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color:#555555; background:#FFFFFF; border:1px solid #E0E0E0;
}
a.quiz_revlnk:hover { background:#0091FF; color: #FFFFFF; }
a.quiz_revlnk_gray, a.quiz_revlnk_gray:visited, a.quiz_revlnk_gray:active, a.quiz_revlnk_gray:link {
	color:#444444; background:#F0F0F0; border:1px solid #E0E0E0;
}
a.quiz_revlnk_gray:hover { background:#0091FF; color: #FFFFFF; }
#quiz_timebox { margin: 0 0 20px 0; padding:0; border:1px solid #D2D2D2; background: #FFFFFF; overflow:hidden; font-size:12px; line-height:12px; height:12px; }
#quiz_timebox > span { margin:0; padding:0; display:block; height:100%; overflow: hidden; width:100%; background-color:#67a3d4; }
ul.quiz_answers {
	margin:0 0 20px 0; padding:0; list-style:none; text-indent:0; background:none; border:none; 
	display:flex; flex-wrap: wrap; width:100%; gap:15px; justify-content: space-between; align-items: stretch;
}
ul.quiz_answers li {
	display:block; margin:0; padding:0; flex: 0 0 48.5%; list-style:none; text-indent:0;
	background: none; border: none; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif;
}
ul.quiz_answers li a, ul.quiz_answers li a:hover, ul.quiz_answers li a:active, ul.quiz_answers li a:visited { 
	margin:0; padding:8px 15px; background:#FFFFFF; border:1px solid #E0E0E0; display:block; text-decoration:none;
	box-sizing: border-box; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color:#242a37;
}
ul.quiz_answers li a:hover { background:#C9E8FF; border:1px solid #5fa3db; }
.quiz_review {
	margin:0 0 10px 0; padding:6px 12px; background:#FFFFFF; border:1px solid #E0E0E0;
	font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color:#242a37;
}
.quiz_review_gray { background:#F0F0F0; border:1px solid #E0E0E0; }
.quiz_review_quest {
	margin:0 0 3px 0; padding:0; font:normal 16px/20px "Open Sans", Helvetica, Arial, sans-serif; color:#242a37;
}
.quiz_review_answer {
	margin:0; padding:0; font:normal 16px/20px "Open Sans", Helvetica, Arial, sans-serif; color:#666666;
}
/* backend */
.quiz_nav { margin:30px 0 10px 0; padding:0; text-align: center; }
a.quiz_ctg_title, a.quiz_ctg_title:visited, a.quiz_ctg_title:hover, table.elx5_datatable td a.quiz_ctg_title {
	display:block; margin:0 0 3px 0; padding:0; text-decoration: none; border:none; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;
	font:normal 14px/18px tahoma, verdana, sans-serif; color:#272727; box-sizing: border-box; vertical-align: middle;
}
a.quiz_ctg_title:hover, table.elx5_datatable td a.quiz_ctg_title:hover { color: #3E8DD7; }
#quiz_timeleft { width:100%; }
/* addons/various */
.quiz_dlspace { margin:0 0 40px 0; padding:0; clear:both; }
.quiz_vspace { margin:20px 0; padding:0; display:block; clear:both; }
.quiz_bg_purple { background:#D95599; }
.quiz_bg_red { background:#FE6969; }
.quiz_bg_lightgreen { background:#A6CB63; }
.quiz_bg_yellow { background:#FAC11B; }
.quiz_bg_orange { background:#FC9D5D; }
.quiz_bg_green { background:#5BAB7C; }
.quiz_bg_blue { background:#4789E0; }
.quiz_bg_black { background:#242a37; }
.quiz_bg_darkgray { background:#666666; }
.quiz_green, .quiz_question > span.quiz_green { color:#5BAB7C; }
.quiz_red, .quiz_question > span.quiz_red { color:#FE6969; }
.quiz_hidden, ul.quiz_answers li.quiz_hidden { display:none; }
.quiz_show, ul.quiz_answers li.quiz_show { display:block; }
.quiz_inshow { display:inline; }

@media only screen and (max-width: 650px) {
	.quiz_ctg { max-width: 100%; }
}
@media only screen and (max-width: 550px) {
	ul.quiz_answers li {
		margin:0; pading:0; flex:0 0 100%;
	}
	.quiz_ctg { flex:0 0 100%; max-width: 100%; }
}