#realmedia-quiz div, #realmedia-quiz span, #realmedia-quiz applet, #realmedia-quiz object, #realmedia-quiz iframe,
#realmedia-quiz h1, #realmedia-quiz h2, #realmedia-quiz h3, #realmedia-quiz h4, #realmedia-quiz h5, #realmedia-quiz h6, #realmedia-quiz p, #realmedia-quiz blockquote, #realmedia-quiz pre,
#realmedia-quiz a, #realmedia-quiz abbr, #realmedia-quiz acronym, #realmedia-quiz address, #realmedia-quiz big, #realmedia-quiz cite, #realmedia-quiz code,
#realmedia-quiz del, #realmedia-quiz dfn, #realmedia-quiz em, #realmedia-quiz img, #realmedia-quiz ins, #realmedia-quiz kbd, #realmedia-quiz q, #realmedia-quiz s, #realmedia-quiz samp,
#realmedia-quiz small, #realmedia-quiz strike, #realmedia-quiz strong, #realmedia-quiz sub, #realmedia-quiz sup, #realmedia-quiz tt, #realmedia-quiz var,
#realmedia-quiz b, #realmedia-quiz u, #realmedia-quiz i, #realmedia-quiz center,
#realmedia-quiz dl, #realmedia-quiz dt, #realmedia-quiz dd, #realmedia-quiz ol, #realmedia-quiz ul, #realmedia-quiz li,
#realmedia-quiz fieldset, #realmedia-quiz form, #realmedia-quiz label, #realmedia-quiz legend,
#realmedia-quiz table, #realmedia-quiz caption, #realmedia-quiz tbody, #realmedia-quiz tfoot, #realmedia-quiz thead, #realmedia-quiz tr, #realmedia-quiz tr th, #realmedia-quiz tr td,
#realmedia-quiz article, #realmedia-quiz aside, #realmedia-quiz canvas, #realmedia-quiz details, #realmedia-quiz embed, 
#realmedia-quiz figure, #realmedia-quiz figcaption, #realmedia-quiz footer, #realmedia-quiz header, #realmedia-quiz hgroup, 
#realmedia-quiz menu, #realmedia-quiz nav, #realmedia-quiz output, #realmedia-quiz ruby, #realmedia-quiz section, #realmedia-quiz summary,
#realmedia-quiz time, #realmedia-quiz mark, #realmedia-quiz audio, #realmedia-quiz video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: inherit;
}
/* HTML5 display-role reset for older browsers */
#realmedia-quiz article, #realmedia-quiz aside, #realmedia-quiz details, #realmedia-quiz figcaption, #realmedia-quiz figure, 
#realmedia-quiz footer, #realmedia-quiz header, #realmedia-quiz hgroup, #realmedia-quiz menu, #realmedia-quiz nav, #realmedia-quiz section {
	display: block;
}
#realmedia-quiz ol, #realmedia-quiz ul {
	list-style: none;
}
#realmedia-quiz blockquote, #realmedia-quiz q {
	quotes: none;
}
#realmedia-quiz blockquote:before, #realmedia-quiz blockquote:after,
#realmedia-quiz q:before, #realmedia-quiz q:after {
	content: '';
	content: none;
}
#realmedia-quiz table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 !important;
}

/* End Reset */

#realmedia-quiz {
	background: #fff;
	border: 1px #ccc solid;
	font-family: Arial;
	padding: 20px;
	line-height: 25px;
	font-size: 14px;
	margin: 0 auto;
}

#realmedia-quiz * {
	box-sizing: border-box;
}

#realmedia-quiz *[dir="ltr"] {
	text-align: left;
}

#realmedia-quiz input {
	line-height: 25px !important;
	font-family: Arial !important;
	font-size: 14px !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	outline: none !important;
}

#realmedia-quiz h3 {
	margin-bottom: 20px;
}

#realmedia-quiz p {
	margin-top: 5px;
}

#realmedia-quiz p:first-child {
	margin-top: 0;
}

#realmedia-quiz h3 {
	font-weight: bold;
	font-size: 16px;
}

#realmedia-quiz h4 {
	font-weight: bold;
}

#realmedia-quiz ul#realmedia-quiz-questions > li {
	margin-top: 20px;
	display: none;
	position: relative;
}

#realmedia-quiz ul#realmedia-quiz-questions > li.good,
#realmedia-quiz ul#realmedia-quiz-questions > li.bad {
	padding-right: 50px;
}

#realmedia-quiz ul#realmedia-quiz-questions > li.good:before,
#realmedia-quiz ul#realmedia-quiz-questions > li.bad:before {
	font-family: "FontAwesome";
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}

#realmedia-quiz ul#realmedia-quiz-questions > li.good:before {
	content: "\f00c";	
	background: #68a30b;
}

#realmedia-quiz ul#realmedia-quiz-questions > li.bad:before {
	content: "\f00d";	
	background: #b21515;
}

#realmedia-quiz ul#realmedia-quiz-questions > li:first-child {
	margin-top: 0;
}

#realmedia-quiz ul#realmedia-quiz-questions > li.current {
	display: block;
}

/*
#realmedia-quiz ul#realmedia-quiz-questions > li label {
	display: block;
}*/

#realmedia-quiz ul#realmedia-quiz-questions > li label span.good,
#realmedia-quiz ul#realmedia-quiz-questions > li label span.bad {
	font-weight: bold;
}

#realmedia-quiz ul#realmedia-quiz-questions > li label span.good:before,
#realmedia-quiz ul#realmedia-quiz-questions > li label span.bad:before {
	font-family: "FontAwesome";
	font-size: 12px;
	content: "\f177";
	display: inline-block;
	margin: 0 5px;
}

#realmedia-quiz ul#realmedia-quiz-questions > li label.good {
	color: #68a30b;
	font-weight: bold;
}

#realmedia-quiz ul#realmedia-quiz-questions > li label.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;
}

/* Table */ 
#realmedia-quiz table {
	display: table;
	table-layout: 100%;
	width: 100%;
	border-collapse: collapse;
}

/*  
-------------------------------------
Question Type 1
-------------------------------------
*/

#realmedia-quiz li[data-question-type="1"] label {
	display: block;
} 

/*  
-------------------------------------
Question Type 3
-------------------------------------
*/

#realmedia-quiz li[data-question-type="3"] table {
	border: 1px #ccc solid !important;
}

#realmedia-quiz li[data-question-type="3"] table tr td, li[data-question-type="3"] table tr th {
	border: 1px #ccc solid !important;
	padding: 5px !important;
	width: calc(100% / 5) !important;
	text-align: center;
}

#realmedia-quiz li[data-question-type="3"] table.six tr td, li[data-question-type="3"] table.six tr th {
	width: calc(100% / 6) !important;
}

#realmedia-quiz li[data-question-type="3"] table tr td strong {
	background: #fafafa;
	border: 1px #ccc solid;
	padding: 5px 10px;
	display: block;
}

#realmedia-quiz li[data-question-type="3"] table tr td span.ui-droppable {
	background: #fff;
	border: 1px #ccc dashed;
	padding: 5px 10px;
	display: block;
	position: relative;
}

#realmedia-quiz li[data-question-type="3"] table tr th:first-child,
#realmedia-quiz li[data-question-type="3"] table tr td:first-child {
	background: #f8f1eb;
}

#realmedia-quiz li[data-question-type="3"] table tr td:first-child span.ui-droppable {
	border-color: #b48a6b;
}

#realmedia-quiz li[data-question-type="3"] table tr th:nth-child(2),
#realmedia-quiz li[data-question-type="3"] table tr td:nth-child(2) {
	background: #eaf7e7;
}

#realmedia-quiz li[data-question-type="3"] table tr td:nth-child(2) span.ui-droppable {
	border-color: #94b16e;
}

#realmedia-quiz li[data-question-type="3"] table tr th:nth-child(3),
#realmedia-quiz li[data-question-type="3"] table tr td:nth-child(3) {
	background: #e9eef5;
}

#realmedia-quiz li[data-question-type="3"] table.six tr th:nth-child(3),
#realmedia-quiz li[data-question-type="3"] table.six tr td:nth-child(3) {
	background: #f8eef8;
}

#realmedia-quiz li[data-question-type="3"] table.six tr td:nth-child(3) span.ui-droppable {
	border-color: #b688ac;
}

#realmedia-quiz li[data-question-type="3"] table.six tr th:nth-child(4),
#realmedia-quiz li[data-question-type="3"] table.six tr td:nth-child(4) {
	background: #e9eef5;
}

#realmedia-quiz li[data-question-type="3"] table tr td span.ui-droppable.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;	
}

#realmedia-quiz li[data-question-type="3"] table tr td span.ui-droppable.good {
	color: #68a30b;
	font-weight: bold;
}

#realmedia-quiz li[data-question-type="3"] table tr td span.ui-droppable span.fa {
	font-family: "FontAwesome";
	float: left;
	font-size: 9px;
	cursor: pointer;
	line-height: 18px;
	width: 18px;
	height: 18px;
	background: #222;
	color: #fff;
	position: absolute;
	top: -3px;
	left: -3px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;	
}

#realmedia-quiz li[data-question-type="3"] table tr th {
	font-weight: bold;
}

#realmedia-quiz li[data-question-type="3"] ul.answeres {
	margin: 0 -10px;
    display: inline-block;
    width: calc(100% + 20px);	
}

#realmedia-quiz li[data-question-type="3"] ul.answeres li {
	float: right;
	background: #fcf8e3;
	border: 1px #dfd0b2 dashed;
	padding: 5px;	
	width: calc(25% - 20px);
	margin: 20px 10px 0 10px;
	text-align: center;
	cursor: move;
}

#realmedia-quiz li[data-question-type="3"] table tr td span.ui-state-hover {
	background: #d5e5f8;
	border-color: #7791b3;
}

#realmedia-quiz li[data-question-type="3"] ul.answeres li.ui-draggable-disabled {
	opacity: 0.5;
	cursor: auto;
}

#realmedia-quiz li[data-question-type="3"] ul.answeres li.ui-draggable-dragging {
	width: calc(100% / 3);
	background: #d5e5f8;
	border-color: #7791b3;
}

/*  
-------------------------------------
Question Type 4
-------------------------------------
*/

#realmedia-quiz li[data-question-type="4"] > ol {
	counter-reset: question;
}

#realmedia-quiz li[data-question-type="4"] > ol > li {
	margin-top: 20px;	
	position: relative;
	padding-right: 40px;
}

#realmedia-quiz li[data-question-type="4"] > ol > li:before {
	content: counter(question, decimal);
	counter-increment: question;	
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #006ad6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol {
	display: table;
	table-layout: fixed;
	width: calc(100% - 40px);
	counter-reset: answere;
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li {
	display: table-cell;
	position: relative;
	padding-right: 32px;
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li:before {
	content: counter(answere, hebrew);
	counter-increment: answere;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #413c37;
	background: #fcf8e3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label span {
	padding: 5px;
	border: 1px transparent solid;
	cursor: pointer;
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label span.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;	
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label span.good {
	color: #68a30b;
	font-weight: bold;
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label span:hover,
#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label input:checked + span {
	background: #fafafa;
	border: 1px #ccc solid;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
}

#realmedia-quiz li[data-question-type="4"] > ol > li > ol > li > label input {
	display: none;	
}

/*  
-------------------------------------
Question Type 5
-------------------------------------
*/

#realmedia-quiz li[data-question-type="5"] div {
	margin-top: 10px;
}

#realmedia-quiz li[data-question-type="5"] div span.ui-droppable {
	background: #fafafa;
	border: 1px #ccc dashed;
	padding: 5px 10px;
	margin: 0 5px;
	display: inline-block;
	width: 130px;	
	position: relative;
}

#realmedia-quiz li[data-question-type="5"] div span.ui-droppable span.fa {
	font-family: "FontAwesome";
	float: left;
	font-size: 9px;
	cursor: pointer;
	line-height: 18px;
	width: 18px;
	height: 18px;
	background: #222;
	color: #fff;
	position: absolute;
	top: -9px;
	left: -9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;	
	text-align: center;
}

#realmedia-quiz li[data-question-type="5"] div span.ui-droppable.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;	
}

#realmedia-quiz li[data-question-type="5"] div span.ui-droppable.good {
	color: #68a30b;
	font-weight: bold;
}

#realmedia-quiz li[data-question-type="5"] div span.ui-state-hover {
	background: #d5e5f8;
	border-color: #7791b3;
}

#realmedia-quiz li[data-question-type="5"] ul.answeres {
	margin: 0 -10px;
    display: inline-block;
    width: calc(100% + 20px);	
}

#realmedia-quiz li[data-question-type="5"] ul.answeres li {
	float: right;
	background: #fcf8e3;
	border: 1px #dfd0b2 dashed;
	padding: 5px;	
	width: calc(25% - 20px);
	margin: 20px 10px 0 10px;
	text-align: center;
	cursor: move;
}

#realmedia-quiz li[data-question-type="5"] table tr td span.ui-state-hover {
	background: #d5e5f8;
	border-color: #7791b3;
}

#realmedia-quiz li[data-question-type="5"] ul.answeres li.ui-draggable-disabled {
	opacity: 0.5;
	cursor: auto;
}

#realmedia-quiz li[data-question-type="5"] ul.answeres li.ui-draggable-dragging {
	background: #d5e5f8;
	border-color: #7791b3;
}

/*  
-------------------------------------
Question Type 6
-------------------------------------
*/

#realmedia-quiz li[data-question-type="6"] > div {
	margin-top: 15px;
}

#realmedia-quiz li[data-question-type="6"] > div input {
	background: #fafafa !important;
	border: 1px #ccc solid !important;
	padding: 5px 10px !important;
	margin: 0 5px !important;
	display: inline-block !important;
	width: 130px !important;	
	box-shadow: 0 0 0 0;
}

#realmedia-quiz li[data-question-type="6"] > div input.good {
	color: #68a30b;
	font-weight: bold;	
}

#realmedia-quiz li[data-question-type="6"] > div input.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;		
}

#realmedia-quiz li[data-question-type="6"] ul.answeres {
	margin: 0 -10px;
    display: inline-block;
    width: calc(100% + 20px);	
}

#realmedia-quiz li[data-question-type="6"] ul.answeres li {
	float: right;
	background: #fcf8e3;
	border: 1px #dfd0b2 dashed;
	padding: 5px;	
	width: calc(25% - 20px);
	margin: 20px 10px 0 10px;
	text-align: center;
}

/*  
-------------------------------------
Question Type 7
-------------------------------------
*/

#realmedia-quiz li[data-question-type="7"] > div,
#realmedia-quiz li[data-question-type="7"] > h3 > div {
	margin-top: 15px;
}

#realmedia-quiz li[data-question-type="7"] ul.answeres {
	display: inline-block;
}

#realmedia-quiz li[data-question-type="7"] ul.answeres li {
	background: #fcf8e3;
	border: 1px #dfd0b2 dashed;
	padding: 5px;	
	margin: 0 5px;
}

#realmedia-quiz li[data-question-type="7"] ul.answeres li.ui-draggable-disabled {
	opacity: 0.5;
	cursor: auto;
}

#realmedia-quiz li[data-question-type="7"] ul.answeres li.ui-draggable-dragging {
	background: #d5e5f8;
	border-color: #7791b3;
	z-index: 1;
}

#realmedia-quiz li[data-question-type="7"] div span.ui-state-hover {
	background: #d5e5f8;
	border-color: #7791b3;
}

#realmedia-quiz li[data-question-type="7"] div span.ui-droppable {
	background: #fafafa;
	border: 1px #ccc dashed;
	padding: 5px 10px;
	margin: 0 5px;
	display: inline-block;
	width: 130px;	
	position: relative;
}

#realmedia-quiz li[data-question-type="7"] div span.ui-droppable span.fa {
	font-family: "FontAwesome";
	float: left;
	font-size: 9px;
	cursor: pointer;
	line-height: 18px;
	width: 18px;
	height: 18px;
	background: #222;
	color: #fff;
	position: absolute;
	top: -9px;
	left: -9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;	
	text-align: center;
}

#realmedia-quiz li[data-question-type="7"] div span.ui-droppable.bad {
	color: #b21515;
	font-weight: bold;
	text-decoration: line-through;	
}

#realmedia-quiz li[data-question-type="7"] div span.ui-droppable.good {
	color: #68a30b;
	font-weight: bold;
}

#realmedia-quiz li[data-question-type="7"] div span.ui-state-hover {
	background: #d5e5f8;
	border-color: #7791b3;
}

/* Done Button */
button.done {
	border: 0;
	background: green;
	color: #fff;
	line-height: 50px;
	font-weight: bold;
	width: 120px;
	margin: 40px auto 0 auto;
	display: none;
}

/* Navigation */

#realmedia-quiz ul#realmedia-quiz-navigation {
	margin-top: 40px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#realmedia-quiz ul#realmedia-quiz-navigation li {
	display: table-cell;
	text-align: center;
}

#realmedia-quiz ul#realmedia-quiz-navigation li:first-child {
	text-align: right;
}

#realmedia-quiz ul#realmedia-quiz-navigation li:first-child a {
	display: none;
}

#realmedia-quiz ul#realmedia-quiz-navigation li:last-child {
	text-align: left;
}