body {
	font:14px/1.8 Arial, Helvetica, sans-serif;
	font-weight:bold;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 



/* Transition */

.choose-answer li
{
	-webkit-transition:0.1s all ease-in-out;
	-moz-transition:0.1s all ease-in-out;
	-ms-transition:0.1s all ease-in-out;
	-o-transition:0.1s all ease-in-out;
	transition:0.1s all ease-in-out;
}


/************************************ 
Quiz Box 
************************************/

.quiz-box-main {
	background-color:whiteSmoke;
	max-width:800px;
	margin:20px auto;
	min-height:550px;
	border-radius:2px;
}

.quiz-inner {
	padding:25px 30px;
}

/* Question Box */
.question-box {
	margin:25px 0;
	padding:5px 0;
}



/* Question Title */
.ques-title {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	
}

.ques-title .nm {
	color:#43A743;
	display:inline-block;
	margin-right:10px;
}

/* answer list */
.choose-answer {
	padding-left:0;
	list-style-type:none;
}

.choose-answer li {
	padding:5px 20px;
	display:block;
	margin: 10px auto;
    max-width: 500px;
	background-color:rgba(255,255,255,1);
	border:2px solid #ccc;
	cursor:pointer;
	color:#666;
}

.choose-answer li:hover {
	background-color:#FAF9E2;
	border-color:#DDDAAA;
	color:#5D5636;
}

/* Selected Answer */
.choose-answer li.selected {
    background-color: #FFFBE7;
    border-color: #C0B785;
    color: #928B57;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



/* Wrong Answers */
.choose-answer li.selected.red {
background-color: #FFE7E7;
border-color: #C08585;
color: #925757;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


/* Right Answers */
.choose-answer li.selected.green {
	background-color: #EAFFE7;
    border-color: #9CC085;
    color: #579257;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



/* Buttons */
.quiz-control {
	text-align:center;
	margin:20px auto;
}
.btn {
	display:inline-block;
	padding:10px 50px;
	cursor:pointer;
	margin:5px 10px;
	background-color:#9cc;
	color:#fff;
	min-width:250px;
	text-transform:uppercase;
	font-size:14px;
	text-shadow:1px 1px rgba(0,0,0,0.2);
	box-shadow:inset 0 -2px rgba(0,0,0,0.3);
	position:relative;
	font-weight:800;
	border-radius:5px;
	background-repeat:no-repeat;
	background-position:20px center;
	background-size:20px;
	box-sizing:border-box;
}

.btn:active {
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.3);
	top:2px;
}

.btn.disabled {
	opacity:0.5;
}
.btn.disabled:hover {
	background-color:inherit;
}
.btn.disabled:active {
	box-shadow:inset 0 -2px rgba(0,0,0,0.3);
	top:0;
}


.btn.purple {
	background-color:#8C8FC0;
	background-image:url(../img/tick.png);
}
.btn.purple:hover {background-color:#7578AA;}

.btn.green {
	background-color:#9FCCA3;
	background-image:url(../img/submit.png);
}

.btn.green:hover {background-color:#79AC7D;}


.btn.orange {
	background-color:#D89162;
	background-image:url(../img/reload.png);
}
.btn.orange:hover {background-color:#C77D4C;}


/* others */
.nofns {
	color:#666;
    text-align:center;
	text-shadow:1px 1px 0 #fff;
}






/* Grades Box */

.grades-box {
	font-size:28px;	
}

.grades-box .you-answered {
	text-transform:uppercase;
	font-weight:800;
	color:#333;
}

.stats-answers {
	text-align:center;
	border-top:1px solid #eee;
	padding:20px 0;
}

.grades-box .right-answers {
	color:#43A743;
	font-weight:bold;
}

.grades-box .wrong-answers {
	color:#A74343;
	font-weight:bold;
}

.gradeMarks {
	text-align:center;
	color:#666;
	font-weight:800;
	padding:20px 0;
	border:1px solid #ccc;
	border-width:1px 0;
	
}

.gradeMarks .marks {
	color:#43A743;
}