/* BASE QUIZ STYLES */
/* These styles ensure that the necessary elements are hidden for toggling */

/* DO NOT EDIT UNLESS YOU KNOW WHAT YOU ARE DOING!! */

/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
 .jq-toast-wrap { display:block; position:fixed; width:250px; pointer-events:none !important; margin:0; padding:0; letter-spacing:normal; z-index:9000 !important; }
 .jq-toast-wrap * { margin:0; padding:0; }

 .jq-toast-wrap.bottom-left { bottom:20px; left:20px; }
 .jq-toast-wrap.bottom-right { bottom:20px; right:40px; }
 .jq-toast-wrap.top-left { top:20px; left:20px; }
 .jq-toast-wrap.top-right { top:20px; right:40px; }

 .jq-toast-single { display:block; width:100%; padding:10px; margin:0px 0px 5px; border-radius:4px; font-size:12px; font-family:arial, sans-serif; line-height:17px; position:relative; pointer-events:all !important; background-color:#444444; color:white; }

 .jq-toast-single h2 { font-family:arial, sans-serif; font-size:14px; margin:0px 0px 7px; background:none; color:inherit; line-height:inherit; letter-spacing:normal; }
 .jq-toast-single a { color:#eee; text-decoration:none; font-weight:bold; border-bottom:1px solid white; padding-bottom:3px; font-size:12px; }

 .jq-toast-single ul { margin:0px 0px 0px 15px; background:none; padding:0px; }
 .jq-toast-single ul li { list-style-type:disc !important; line-height:17px; background:none; margin:0; padding:0; letter-spacing:normal; }

 .close-jq-toast-single { position:absolute; top:3px; right:7px; font-size:14px; cursor:pointer; }

 .jq-toast-loader { display:block; position:absolute; top:-2px; height:5px; width:0%; left:0; border-radius:5px; background:red; }
 .jq-toast-loaded { width:100%; }
 .jq-has-icon { padding:10px 10px 10px 50px; background-repeat:no-repeat; background-position:10px; }
 .jq-icon-info { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color:#31708f; color:#d9edf7; border-color:#bce8f1; }
 .jq-icon-warning { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color:#8a6d3b; color:#fcf8e3; border-color:#faebcc; }
 .jq-icon-error { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color:#a94442; color:#f2dede; border-color:#ebccd1; }
 .jq-icon-success { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color:#dff0d8; background-color:#3c763d; border-color:#d6e9c6; }

/*this is for toast*/

@font-face{
/*
	font-family:'digital-clock-font';
	src:url('../font/digital-7.ttf');
*/
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
label {
	display:inline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

.startQuiz,
.nextQuestion,
.backToQuestion,
.questions li.question,
.questions li.question .responses,
.questions li.question .responses .correct,
.questions li.question .responses .incorrect,
.quizResults {
	display:none;
}

/* If response messages are disabled or only shown on quiz completion, nextQuestion button IS checkAnswer button - so it must be displayed */
.nextQuestion.checkAnswer {
	display:block;
}

ol.questions,
ul.answers,
ul.responses,
ol.questions li,
ul.answers li,
ul.responses li {
	list-style-type:none;
}

input[type="radio"],
input[type="checkbox"] {
	width:20px;
	height:20px;
	vertical-align:bottom;
}
input[type="text"]{
	width:90%;
	padding:5px;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
li {
	padding-bottom:5px;
}
/* Accessibility */
.quizName span:first-child {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

/* QUIZ STYLES */
/* Styles to prettify the quiz page */

html {
	background:#eee;
}

.quiz {
	width:100%;
	margin:0 auto;
	border:10px solid #b69b62;
	background:#fff;
	font-family:Trebuchet, Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#353535;
	line-height:1.5em;
}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

h1 {
	font-size:26px;
	margin:0 0 20px;
	color:#0C4569;
}
h2 {
	font-size:22px;
	margin:15px 0;
}
h3 {
	font-size:18px;
	margin:15px 0 10px;
}
h4 {
	font-size:16px;
	margin:10px 0;
}
h5 {
	font-size:14px;
	margin:10px 0 5px;
}
h6 {
	font-size:12px;
	margin:5px 0;
}

h3 img {
	float:right;
}

strong { font-weight:bold; }
em { font-style:italic; }
ul { list-style-type:circle; }
ol { list-style-type:decimal; }
ol li { list-style-type:decimal; margin-left:20px; }

.button {
	width:auto;
	padding:5px 15px;
	color:#aa3334;
	background-color:white;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	font-weight:bold;
}
.button:hover {
	background-color:#eee;
}

.startQuiz {
	margin-top:40px;
}

.tryAgain {
	float:none;
	margin:20px 0;
}

/* clearfix */


.questionCount {
	font-size:14px;
	font-style:italic;
}
.questionCount span {
	font-weight:bold;
}

ol.questions {
	margin-top:10px;
	margin-left:0;
}
ol.questions li {
	margin-left:0;
}

ul.answers {
	margin-left:20px;
	margin-bottom:20px;
}

ul.responses li {
	margin:10px 20px 20px;
}
ul.responses li p span {
	display:block;
	font-weight:bold;
	font-size:18px;
}
.complete ul.answers li.correct, ul.responses li.correct p span {
	color:#6C9F2E;
}
ul.responses li.incorrect p span {
	color:#B5121B;
}

.quizResults h3 {
	margin:0;
}
.quizResults h3 span {
	font-weight:normal;
	font-style:italic;
}
.quizResultsCopy {
	clear:both;
	margin-top:20px;
}

.quizHeader {
	display:table;
	width:100%; /*Optional*/
	height:30px;
	background-color:#b69b62;
}
.quizFooter{
	display:table;
	width:100%; /*Optional*/
	height:40px;
	background-color:#b69b62;
	padding-left:0px;
	padding-top:10px;
	padding-right:0px;
	text-align:center;
}
.quizHeader div, .quizFooter div
{
	display:inline-block;
}
.quizProblemList {
    width:82%;
}
.quizCount {
    width:11%;
	font-size:14px;
}
.quizArea {
	height:420px;
	padding:20px;
	overflow:auto;
}
.quizArea, .quizResults {
	zoom:1;
}
.quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after {
	content:"\0020";
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
}
.quizClock {
	font-size:14px;
	font-weight:bold;
	text-align:right;
}
.quizArea:after, .quizResults:after {
	clear:both;
}
.restart {
	float:left;
}
.next {
	float:right;
}
.check {
	float:left;
	margin-left:10px;
}
.prev {
	float:left;
}
.start {
	float:right;
}
.finish {
	float:right;
	margin-right:10px;
}
.quizCount{
	font-size:14px;
	text-align:right;
	font-weight:normal;
	margin:0px 6px;
}
.quizProblemList select{
	height:auto;
	font-size:12px;
	font-weight:normal;
	border:1px solid#fff;
    margin-bottom:8px;
}
select, option {
    color: #291919 !important;
    text-transform: uppercase;
}
.quizStartScreen{
	text-align:center;
	padding:50px;
	vertical-align:middle;
	font-size:20px;
}
.feedback-question{
	padding:5px;
	margin:0 25px 20px 15px;
	color:#000080;
	background-color:#eef;
	display:none;
}
.feedback-answer{
	margin:0 22px 0 5px;
	padding:3px;
	color:#000080;
	background-color:#eef;
	display:none;
}

#quiz-header {
	display:none !important;
}

path.shadow {
    fill:rgba(0, 0, 0, 0.3);  
}
path.outline {
    fill:rgba(0, 0, 0, 0.25);
}
path.fill {
    fill:white;
}
.match-item {
    display:table;
}

.match-left {
    margin-right:20px;
}
.match-right{
    margin-left:20px;
}
.match-item > div{
    display:table-cell;
    float:left;
}
svg {
    cursor:pointer;
}
.disabled {
    pointer-events:none;
    cursor:default;
    background-color:#aaa;
}

.not_chosen_correct {
	color: #00aa00;
}
.chosen_incorrect {
	color: #cc0000;
	text-decoration: line-through;
}
.chosen_correct {
	color: #00aa00;
}
/*-------------custom  css start here------------------------------*/
.quizFinish {
    margin-left: 11px;
}
.quizCheck{
	 margin-right: 11px;
}
.set-colmn1 img {
    float:right;
}
/*------------------responsive css start here------------------------ */
/* @media only screen and (min-width:1940px) and { */
/* .right_inner-wrapper { */
    /* height: 60px; */
    /* width: 256px !important; */
/* }		 */
	
/* } */

/* @media only screen and (min-width:1922px) and (max-width:3271px){ */
/* .inner-wrapper{ */
	/* width:125px !important; */
/* } */
/* .right_inner-wrapper { */
    /* width:105px !important; */
/* }	 */
/* .right_inner-wrapper{ */
	     /* background-position: 0.6% !important; */
/* }	 */
/* .child{ */
	 /* margin-left: 16.2% !important; */
	/* border-radius:2px 0px 0px 2px !important; */
	/* width:100% !important; */
/* } */
/* } */







/* @media only screen and (min-width:1922px) and (max-width:2160px){ */
/* .right_inner-wrapper{ */
	/* background-position:0.6% !important; */
	/* width: 258px; */
/* }	 */
/* .child{ */
	/* margin-left: 7.2%; */
	/* border-radius:2px 0px 0px 2px !important; */
/* } */
/* } */



@media only screen and (max-width: 1024px) {
.quizProblemList{
	width:80%;
}
.content-area .post-wrap, .contact-form-wrap{
	padding-right:0px !important;
}
.set-colmn1 img {
    float:right;
}
#primary{
	padding:0px;
}
header.entry-header h1 {
    color:#000;
}
div#quiz-start-screen p img {
    width:100%;
    max-width:15%;
}
li.question h3 {
    font-size:15px;
    line-height:23px;
}
ol.questions li h3 {
    color:#000;
}
.quizFinish {
    margin-left:11px;
}
.quizCheck{
	 margin-right:11px;
}
}

@media only screen and (max-width:768px) {
	.quizProblemList{
		width:78%;
	}
	.set-colmn1 img {
    float:right;
}
#primary{
	padding:0px;
}
ol.questions li{
	margin:10px 0px;
}
input#quiz-2558_question521_0 {
    margin: 0px;
}
.quizProblemList select{
	font-size:9px;
}
input[type="radio"], input[type="checkbox"] {
    width: 15px;
}
}

@media only screen and (max-width:599px) {
	.quizProblemList{
		width:100%;
	}
	.quizProblemList select {
    font-size:9px;
    width: 100%;
}
.quizCount {
    width:41%;
    margin:3px 0px 6px 0px;
}
.set-colmn1 img {
    float:none;
}
.quizProblemList select,option:hover{
	color:#000 !important;
}
.quizFooter .quizPrev {
    width:100%;
    max-width:50%;
    margin:0 auto;
}
.quizFooter .quizCheck {
    width:100%;
    max-width:50%;
    margin:3px auto;
}
}

@media only screen and (max-width:360px){
	.quizPrev {
    width:40%;
    margin:0px 7px;
}
.set-colmn1 img {
    float:none;
}
.quizCheck {
    width:35%;
    margin:0px 12px;
}
}

text.match-text{
	fill:#000;
}


/*new css add here------------------------------*/
.wrapper_first {
    width: 92.5%;
    height: 60px !important;
    padding: 0;
    margin: 0;
    height: 100%;
    z-index: 9999999;
    position: relative;
}
.outer_wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-position: 101%;
    text-align: center;
}
.inner-wrapper {
    border-left: none;
    height: 60px;
    overflow-y: auto;
    border-bottom: 1px solid#c5c3c3;
    border-top: 1px solid#c5c3c3;
    padding: 2px;
    border-left: 1px solid#c5c3c3;
    width: 219px;
    z-index: 99999;
    direction: rtl;
    border-radius: 4px 5px 8px 6px;
    font-size: 13px;
    padding: 10px 12px;
    position: relative;
    background: url(../images/new-quize.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-position: 100%;
    text-align: center;
}
.inner-wrapper p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    width: 69%;
    margin: 0 auto;
}
.child{
	height: 100%;
    padding: 10px 12px;
    width: 96%;
    overflow-y: scroll;
    margin-left: 5.2%;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid#ccc;
	    border-radius: 4px 0px 0px 4px;
}

/*right side image css start here--------------------------*/
.right_inner-wrapper {
    height: 60px;
    width: 400px;
    z-index: 99999;
	border-radius: 4px 5px 8px 6px;
    font-size: 13px;
    position: relative;
    background: url(../images/right-side.png);
    background-repeat: no-repeat;
    background-position: 0.9%;
    text-align: center;
	background-position: 0.6%;
}
.child p {
    margin: 0px !important;
}
.child {
    width:100%;
	}
/*end here----------------------------------------------*/





/*responsive css start here--------------------------------------------------------*/



@media screen and (max-width:667px){	
.child {
    height: 100%;
    padding: 10px 12px;
    width:75%;
	 margin-left: 7.2%;
	}
.right_inner-wrapper{
		width:259px !important;
	}
.child{
	    border-radius:1px 0px 0px 1px;
}
}
@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait){
.child{
	width:90% !important;
}
}


@media screen and (max-width:360px){
.child {
    height: 100%;
    padding: 10px 12px;
    width:55%;
	}
.quizFooter .quizPrev{
	max-width:31%;
}
}


@media screen and (min-device-width: 320px) and (max-device-width: 558px) and (orientation : portrait){
.child{
	width:54% !important;
}
.inner-wrapper {
    width: 100px;
}
}


@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait){
.child{
	width:75% !important;
}
}

@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait){
.child{
	width:70% !important;
}
.inner-wrapper{
	 width: 100px !important;
}
}


@media screen and (max-width:568px){	
.quizFooter .quizPrev{
	max-width:35%;
}
}

@media screen and (min-width:700px) and (max-width:768px){
	.child{
		width:80%;
	}
	/* .right_inner-wrapper{ */
		/* margin-left:20%; */
	/* } */
}

@media screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation : landscape){
.right_inner-wrapper {
    height: 60px;
    width:280px !important;
	background-position: 0.3%;
}
.child{
    margin-left:6.2%;
}
}

@media screen and (min-width:768px) and (max-width:1024px){
.child{
	width:100%;
	}
.right_inner-wrapper {
    height: 60px;
    width:360px;
    z-index: 99999;
    border-radius: 4px 1px 8px 0px;
    font-size: 13px;
}
.child {
 margin-left: 5.2% !important;
}	
}

@media only screen and (max-width:767px){
.inner-wrapper{
	width:250px;
}	
.match-left{
	margin-right:0px;
}
.match-right{
	margin-left:0px;
}
.match-item > div{
	float:none;
}
.quizArea{
	padding:0px 5px;	
}
.answers {
    margin:0px !important;
}	
}

@media only screen and (min-width:320px) and (max-width:767px){
	
}