@-webkit-keyframes fontfix {
 from {
opacity: 1;
}
 to {
opacity: 1;
}
}
#quiz-modal .w3-modal-content {
   border-radius: 6px!important;
   min-height: 350px;
}
#quiz-modal .quiz-close {
   z-index: 10;
}
#quizModal {
   padding: 0 15px 15px 15px;
}
#quizModal .timesupbg {
	background: transparent url("../assets/quiz_timesup.jpg") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#quizModal .orangebg {
	background: rgba(253, 199, 70, 1);
}
#quizModal .border {
	border: 2px solid #fff;
}
#quizModal .lightBox {
	background: rgba(255,255,255,0.9);
	padding: 20px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	border: 1px solid #ddd;
}
#quizModal .timeoutContainer {
	height: 100%;
} /* allows for vertical alignment */
#quizModal .scoreContainer {
	height: 50%;
} /* allows for vertical alignment */
#quizModal .white {
	color: #fff;
}
#quizModal .black {
	color: #111;
}
#quizModal .grey {
	color: #666;
}
#quizModal .orange {
	color: #982b00;
}
#quizModal .cent {
	text-align: center;
}
#quizModal .p_16 {
	font-size: 16px;
	line-height: 21px;
   margin: 0!important;
}
#quizModal .p_24 {
	font-size: 20px;
	line-height: 26px;
	margin: 10px 0px;
}
#quizModal .p_30 {
	font-size: 30px;
	line-height: 35px;
	margin: 10px 0px;
}
#quizModal .p_32 {
	font-size: 32px;
	line-height: 40px;
	margin: 10px 0px;
}
#quizModal .p_42 {
	font-size: 42px;
	line-height: 40px;
}
#quizModal .mcqRadioBtn {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#quizModal .optionBox {
	background: #4b4b40;
	padding: 8px;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	overflow: hidden !important;
}
#quizModal .optionOverCss, #quizModal .optionOutCss{
    padding: .3em;
    font-weight: bold;
    position: relative;
    margin: 0 .8em .6em 0;
    min-height: 45px;
    border: 1px solid #4e5052;
}
#quizModal .optionOverCss {
   background: #4e5052;
   color: #FFF;   
}
#quizModal .optionOutCss p {
   color: #4e5052!important;
}
#quizModal .optionOutCss {
   background: #fff;
   border-color: #4e5052;
}
#goBtn, #submitBtn {
   width: 100px;
}
#quizModal input {
   color: #fff;
   font-size: 1em;
   font-weight: bold;
   font-family: inherit;
   line-height: inherit;
   display: inline-block;
   padding: .6em 3em .57em 1.2em;
   background: none;
   transition: color .3s;
   -moz-transition: color .3s;
   -webkit-transition: color .3s;   
   text-decoration: none;
   border: 1px solid;
}
#quizModal input:after {
   content: "\f178";
}
#quizModal .btnOutCss input {
   color: #fff !important;
   background: #185a69;
   border-color: #185a69;
}
#quizModal .btnOverCss input {
   color: #00758f;
   background: #fff;
   border-color: #00758f;
   transition: background .2s, border .2s;
   -moz-transition: background .2s, border .2s;
   -webkit-transition: background .2s, border .2s;
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);   
}
#quizModal .vertical-align {
	position: relative !important;
	padding-top: 10px;
}
/* timer */
#quizModal .timerContainer {
	text-align: center;
}
#quizModal .timer {
	margin-top: 150px;
	background: transparent none no-repeat 0px 0px;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	position: relative !important;
}
#quizModal #failTextBox #goBtn, #quizModal #passTextBox #goBtn {
   margin-top: 15px;
}
#quizModal #fail_txt {
   background-color: #ebcad3!important;   
   border-radius: 8px;
   padding: 10px;
   left: 0!important;  
   width: 95%;
}
#quizModal #fail_txt p{
   color: #592439!important;
}
#quizModal #pass_txt {
   background-color: #d2e8c5!important;   
   border-radius: 8px;
   padding: 10px;
   left: 0!important; 
   width: 95%;   
}
#quizModal #pass_txt p{
   color: #004f35!important;
}
#quizModal .btnQuit {
   width: 130px;
   cursor: pointer;
   background-color: #7a3c4b;
}