div.lecture-nav {
	color				: #222299;
	font-size			: 10pt;
}

td.quizz-table-left {
	width				: 160px;
}

td.quizz-table-mid {
	width				: 50px;
}

table.quizz-table {
	width: 50%;	
}

@media (max-width: 992px){
	table.quizz-table {
		width: 100%;	
	}
}

td.quizz-table-right {
}

div.episode-parts {
	margin				: 5px 0px 5px 0px;
}

div.episode-video {
	display				: none;
}

div.quizz-info-correct {
	display				: none;
	color				: #00aa00;
	font-style			: bold;
}

div.quizz-info-incorrect {
	display				: none;
	color				: #bb0000;
	font-style			: bold;
}

div.question-opt-mid-norm {
}

div.question-opt-mid-correct {
		background-color: #00b200;
		padding: 3px;		
		width: 18px;
		float: left;
}

div.question-opt-mid-incorrect{
		background-color: #b00b20;
		padding: 3px;
		width: 18px;
		float: left;
}

div.question-opt-mid-correct1{
		background-color: #00b200;
		padding: 3px;		
		width: 18px;
		float: left;
}

div.question-opt-mid-incorrect1{
		background-color: #b00b20;
		padding: 3px;
		width: 18px;
		float: left;
}

.question-opt-right-explain {
	font-style			: italic; 
	display				: none;
}

.question-opt-right-norm {
	color				: #000000;
}

.question-opt-right-correct {
	/* color				: #00aa00; */
}

.question-opt-right-incorrect {
	/* color				: #aa0000; */
}

#quizz-question-text {
	font-style			: italic;
	font-size			: 18px;
}

.question-opt-mid {
	width				: 50px;
}


/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect

input[type=radio] {
    display:none;
    margin:10px;
}
*/ 
/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio] + label {
    display:inline-block;
    border: 5px solid #eee;
	margin-right: 50px;
	margin-left: 8px;
}


/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked + label {
   background-image: none;
  /* background-color:#00b230; 
   border: 5px solid #b20b10; */
}

#episode-quizz{
	margin-top: 5px;
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #EEEEEE;
	border-radius: 10px 10px 0px 10px;
}

#episode-quizz p{
  /* border-bottom: 1px solid black; */
}
#quizz-table {
 border-spacing: 10px;
 border-collapse: separate;
 margin-bottom: 15px;
 /* border: 1px solid black; */
}