html{width:100%;height:100%;}
body{background-color: #fff;width:100%;height:100%;overflow: hidden;margin: 0;font-family: 'Open Sans';}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

input[type="submit"]{outline-width: 0;}

div.mainContainer{position:relative;width:100%;height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden; overflow-y: auto; background-image: url(images/bkg-swoosh.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}
	body#s0 div.mainContainer{background-image: url(images/bkg_home.jpg); background-position: top left; background-size: cover; background-repeat: no-repeat;}

div#mainLogo{position: absolute; top:40px; left:20px; width:150px;height:200px; background-image: url(images/evolve_icon_grey.svg); background-repeat: no-repeat; background-size: 150px 200px;z-index: 1100;}
	body#s0 div#mainLogo{background-image: url(images/evolve_grey.svg);    width: 550px;    height: 166px;    background-size: 550px auto;}
		/* body#s0.l1 div#mainLogo{background-image: url(images/evolve_grey_1.svg);    width: 550px;    height: 166px;    background-size: 550px auto;} */
	body#s2 div#mainLogo{background-image: url(images/evolve_grey.svg);    width: 550px;    height: 166px;    background-size: 550px auto;    top: 70px;}
		/* body#s2.l1 div#mainLogo{background-image: url(images/evolve_grey_1.svg);    width: 550px;    height: 166px;    background-size: 550px auto;    top: 70px;} */

a#langBtn{position: absolute;    top: 20px;    right: 20px;    font: 20px 'Open Sans';    font-weight: 600;    text-decoration: none;    color: #222222;}

div#header{position: absolute; top: 0; left: 0; width: 100%;height:49px; background-color: #fff; box-shadow:0px 3px 20px #666;z-index: 1000;}
	body#s0 div#header{display: none;}

div#menuBtn{display: inline-block;vertical-align: middle;position: absolute;top: 0px;right: 30px;overflow: hidden;  margin: 0 0 0 0;  padding: 0;  width:48px;height:52px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition:left 400ms ease-in-out;z-index:5100;border-bottom-right-radius:5px;}
	div#menuBtn:focus{outline:none;}
	div#menuBtn span{display:block;position:absolute;top:24px;left:10px;right:10px;height:3px;background:#595959;}
		div#header.front div#menuBtn span{background:#15244b;}
	div#menuBtn span::before, div#menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #595959;  content: "";}
		div#header.front div#menuBtn span::before, div#header.front div#menuBtn span::after{background:#15244b;}
	div#menuBtn span::before{top:-7px;}
	div#menuBtn span::after{bottom:-7px;}

	div#menuBtn span{transition:background 0s 0.3s;}
	div#menuBtn span::before, div#menuBtn span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
	div#menuBtn span::before{transition-property:top, transform;}
	div#menuBtn span::after{transition-property:bottom, transform;}

	div#menuBtn.HL span {background:none !important;}
	div#menuBtn.HL span::before {top:0;transform:rotate(45deg);}
	div#menuBtn.HL span::after{bottom:-2px;transform:rotate(-45deg);}
	div#menuBtn.HL span::before, div#menuBtn.HL span::after{transition-delay:0s, 0.3s;height:5px;background-color: #595959 !important;}


div#mainMenu{position:absolute;top:0px;right:0px;z-index:500;background-color: #495f6d;width:400px;height:100%;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;}
	div#mainMenu.hidden{right:-400px;}
	div#mainMenu a{display:block;font:26px/30px 'Open Sans', Arial;font-weight:700;text-decoration: none;color:#fff;text-transform: uppercase;padding:5vh 50px 0px 50px;}
	    div#mainMenu div.spacer{height:60px;}
	    div#mainMenu a.lang{}

form#logForm{margin:240px 0 0 50px; font-size: 18px; width: 325px;}
	form#logForm input{display: block;padding: 15px 10px 15px 20px;width: 284px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]#email{display: block; background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 284px;margin: 0 0 15px 0; box-shadow:0px 3px 20px #666;}
	form#logForm input[type="password"]#password{display: block; background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 284px;margin: 0 0 15px 0; box-shadow:0px 3px 20px #666;}
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #595959;border-radius: 0px;border: 1px solid #fff;color:#fff;margin: 0 0 20px 0;}
		form#logForm input[type="submit"]:hover{background-color: #93278f;}
	form#logForm h1{font: 40px/44px 'Open Sans', Arial; font-weight: 400;}
		body.l1 form#logForm h1{font: 37px/40px 'Open Sans', Arial;    font-weight: 400;}
	form#logForm a{text-decoration: none; color: #4c4c4c;}
	form#logForm select{color: #4c4c4c;    border: 1px solid #bfbfbf;    font-size: 16px;    line-height: 32px;    border-radius: 0px;    margin: 0px 0px 20px 0px;    padding: 0px 10px 0 15px;    width: 316px;    height: 54px;}

div.toggled{display:inline-block;vertical-align:top;}
div.toggled.disabled{opacity:0.4;pointer-events:none;}
div.toggled.disabled.hidden{display:none;}

h1{margin: 0 0 20px 0;color: #333333;font:20px/22px 'Open Sans', Arial;font-weight: 600;}
	h1 strong{font-size: 36px;font-weight: 400;}
	div.mainContainer.full h1{height: auto;padding: 10px 0px 10px 26px;}
	h1 span{display: block; font:16px/18px 'Open Sans', Arial;font-weight: 300;padding: 10px 0px 0px 0px;}
		h1 span strong{font-size: 16px;    font-weight: 600;    display: block;    padding: 4px 0 0 0;}

div.fullNoWrap{width: 100%;    height: 100%;    white-space: nowrap;}

div#loggedLeft{display: inline-block;    vertical-align: top;    width: 160px;    height: 100%; margin: 0 20px; font-size: 12px;white-space: normal;}
	div#logMsg{margin: 240px 0 20px 0; text-align: left;font:18px/20px 'Open Sans', Arial;font-weight: 400;}

div#programMenu{display: inline-block; vertical-align: top; width: 75vw;margin: 0 auto 0 auto;white-space: normal;}
	div#programMenu h1{margin: 100px 0 0 0; padding: 0 20px 12px 60px;font:2.4vw/2.5vw 'Open Sans', Arial;font-weight: 300;height: 60px; background-image: url(images/choose_icon.svg);background-repeat: no-repeat;background-size: 52px 60px;}
	body.l1 div#programMenu h1{font: 1.8vw/2.2vw 'Open Sans', Arial;    font-weight: 300;}

a.progThumb{position: relative; display: inline-block;vertical-align: top;margin: 0 15px 10px 15px; padding: 18px 27px; font: 12px/14px 'Open Sans', Arial; font-weight: 600; color: #000; border-radius: 20px; text-decoration: none; box-shadow: 0px 3px 20px #666;cursor: pointer;}
	a.progThumb img.thumb{display: block;width: 225px;height: 273px; margin-bottom: 10px;}
	div#programMenu a.progThumb img.thumb{width: 350px;height: auto;}
	a.progThumb img.completed{position: absolute;top: 0;right: 0;display: none;}
		a.progThumb.complete img.completed{display: block;}
		div#landingPage.complete a.progThumb img.completed{display: block;}
	a.progThumb h2{max-width: 350px; font: 20px/24px 'Open Sans', Arial; font-weight: 400; margin: 0 5px 15px 5px; color:#595959;}
		a.progThumb h2 em{display: block;    font-size: 18px;    font-style: italic;}
	a.progThumb div.selectBtn{background-color:#595959;border-radius: 10px; color: #fff; font:24px/44px 'Open Sans', Arial;font-weight: 600; margin: 0 15px; text-align: center;}
		a.progThumb.disabled{display: none;}
			a.progThumb.disabled:hover{pointer-events:none;opacity: 0.6;}

a.progThumb.p2{}/* opacity: 0.5;    pointer-events: none; */
a.progThumb.p3{}
a.progThumb.p4{}
a.progThumb.p5{}

div#content{position: relative;z-index:5; display: inline-block;vertical-align: top; padding:10vh 20px 0 40px;font:20px/24px 'Open Sans', Arial;color:#222222;height: 89vh;width: 890px;white-space: normal;}
	div#content > h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#222;}
	div#content div.tableCell h3{margin:0 0 1vw 0;font-size: 2.5vw;font-weight: 600;color:#15244b;}
	div#content hr{height: 4px;border: 0px;background-color: #f3714d;margin: 40px 40px 40px 0px;}
	div#content h2{color: #262626;    margin: 30px 0 20px 0;    font-size: 20px;}

div#landingPage{font-size:0; line-height: 0; padding: 80px 0 0 0;}
	div#landingPage.hidden{display: none;}
	div#landingPage h1{font:36px/38px 'Open Sans', Arial;font-weight: 600;color:#262626;}
		div#landingPage h1 em{display: block;    font: 29px/32px 'Open Sans', Arial;    font-weight: 600;    font-style: italic;}
	div#landingPage div.left{display: inline-block;vertical-align: top; width: 415px;}
	div#landingPage div.right{display: inline-block;vertical-align: top; width: 445px; margin: 0 0 0 30px;}
	a.progThumb.begin{border-radius: 0; box-shadow: none; margin: 0 0 20px 0; padding: 0;}
		a.progThumb.begin img.begin{position: absolute;top: 138px; left: 86px; border-radius: 10px; box-shadow: 0px 6px 18px #666;}
		a.progThumb.begin img.thumb{width: 415px; height: 231px;}
	div#landingPage a.progThumb{border: 1px solid #595959;}
		div#landingPage a.progThumb img.thumb{margin-bottom: 0;}
div#objectives{font: 18px/22px 'Open Sans', Arial; font-weight: 300; color: #262626;}

div#toolBox{ border-radius: 20px; box-shadow:0px 3px 20px #666; margin-bottom: 20px;}
div.toolsTop{border-top-left-radius: 20px;border-top-right-radius: 20px;background-color: #fff; font:16px/50px 'Open Sans', Arial;font-weight: 400; text-align: center; height: 50px;}
a.doc{background-color: #fff;border-bottom: 1px solid #e5e5e5; display: block; height: 82px; background-repeat: no-repeat; background-position: 15px 15px; padding: 15px 10px 0 100px; font: 14px/20px 'Open Sans', Arial; font-weight: 400; color: #000; text-decoration: none;}
	a.doc.ppt {background-image: url(images/ppt.jpg);}
	a.doc.ocx {background-image: url(images/wordDoc.jpg);}
	a.doc.pdf {background-image: url(images/pdf.jpg);}
	a.doc.offRow{background-color: #f2f2f2;}
div.toolsBot{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;background-color: #595959; height: 50px;}
a.actionPlan{display: inline-block; vertical-align: top; font: 14px/18px 'Open Sans', Arial; font-weight: 400; color: #262626; text-decoration: none; text-align: center; padding: 20px 0 10px 10px; pointer-events: none; opacity: 0.3;}
	a.actionPlan img{display:block; width: 103px; height: 117px;    margin: 0 0px 13px 8px;}
	div#landingPage.complete a.actionPlan{pointer-events: all; opacity: 1;}
		div#landingPage.complete a.actionPlan:hover img{opacity: 6;}
a.certificate{display: inline-block; vertical-align: top; font: 14px/18px 'Open Sans', Arial; font-weight: 400; color: #262626; text-decoration: none; text-align: center; padding: 20px 0 10px 10px; pointer-events: none; opacity: 0.3;}
	a.certificate img{display:block; width: 87px; height: 118px;    margin: 10px 0px 3px 8px;}
	div#landingPage.complete a.certificate{pointer-events: all; opacity: 1;}
		div#landingPage.complete a.certificate:hover{opacity: 6;}
a.evaluation{display: inline-block; vertical-align: top; font: 14px/18px 'Open Sans', Arial; font-weight: 400; color: #262626; text-decoration: none; text-align: center; padding: 20px 0 10px 10px; pointer-events: none; opacity: 0.3;}
	a.evaluation img{display:block; width: 103px; height: 117px;    margin: 0 0px 13px 0px;}
	div#landingPage.complete a.evaluation{pointer-events: all; opacity: 1;}
		div#landingPage.complete a.evaluation:hover img{opacity: 6;}

div#subToolsInstruc{display: block; vertical-align: top; width: auto; font: 12px/14px 'Open Sans', Arial; font-weight: 400; margin: 0px 0 0 22px;}
	/* div#landingPage.complete div#subToolsInstruc{display: none;} */
div#subToolsInstrucAfter{display: none; vertical-align: top; width: 340px; font: 12px/14px 'Open Sans', Arial; font-weight: 400; margin: 0px 0 0 22px;}
	/* div#landingPage.complete div#subToolsInstrucAfter{display: block;} */
	body.l1 div#subToolsInstrucAfter{width:240px;}

div#faculty{font: 18px/22px 'Open Sans', Arial; font-weight: 400;}
	div#faculty h2{font: 18px/22px 'Open Sans', Arial; font-weight: 400; color: #262626; margin: 0 0 20px 0;}
	div#faculty div.left{display: inline-block;vertical-align: top; width: auto;}
	div#faculty div.left img{margin-bottom: 15px;}
	div#faculty div.right{display: inline-block;vertical-align: top; width: 720px;padding: 35px 0 0 0;}
	div#faculty div.name{font-weight: 600;}
	div#faculty div.credentials{font-weight: 400;    padding: 5px 0px 20px 0;}
	div#faculty a.pdf{background-image: url(images/pdf_icon.svg);    background-repeat: no-repeat;    background-position: -2px 0px;    background-size: 30px 30px;    text-decoration: none;    padding: 3px 0 0px 33px;    height: 27px;    display: block;    color: #222222;    margin: 8px 0 0 0;}

div.leftCol{float:left;vertical-align: top;margin:0px 20px 20px 0px;}
	div.leftCol ul{list-style-type: none;padding: 0;}

img#svg{max-width: 87vw;max-height: 57vh;margin-left: 60px;display: block;margin-left: auto;margin-right: auto;    position: relative;    z-index: 5;}
	img#svg.hidden{display: none;}
	img#svg.full{margin-top: -186px;    margin-left: 189px;    max-width: 72vw;    max-height: 70vh;}

div#questionBox{display: block;width: 874px;min-height: 492px;margin: 0 auto; border-radius: 20px;background-color: #fff;box-shadow: 0px 3px 20px #666;padding-bottom: 10px;}
div#questionBox div.question{position: relative; overflow: hidden; height: 145px; box-shadow: 10px 13px 7px -11px #ccc; margin-left: -20px;}
	div#questionBox div.question p{display: table-cell; vertical-align: middle; height: 145px; margin: 20px;}
	div#questionBox div.question div.number{float: left; text-align: center; font: 140px/137px 'Open Sans', Arial; font-weight: 800; padding:0 20px 0 40px; color: #e0e0e0;}
div#questionBox > div.right{display: block;}
	div#questionBox div.right p{margin:0px 20px 20px 40px}
	div#questionBox div.right ul{margin-left: 40px;}

div#questionBox div.explanation{font:18px/24px 'Open Sans', Arial;font-weight:300;margin-top: 20px;    display: none;}
div#footnote{font:12px/14px 'Open Sans', Arial;font-weight:300;margin:30px 20px 0px 20px}
div#questionBox span.smaller1{font:14px/18px 'Open Sans', Arial;font-weight:300;}

div#questionBox span.smaller2{font:16px/20px 'Open Sans', Arial;font-weight:300;}



div.answer{margin: 0 0 2vh 0;    cursor: pointer;    border-radius: 0;    padding: 10px 20px 10px 40px;    display: block;    background-color: #f2f2f2;}
	div.answer:hover, div.answer.answered{background-color: #aaa;color:#fff;}
	div.answer div.alpha{display: inline-block;vertical-align: top;color: #000;margin-right: 8px; text-transform: uppercase;}
	div.answer div.text{display: inline-block;vertical-align: top;max-width: 500px;}
	div.answer#answer_1,div.topSpace{margin-top: 30px;}
		div.answerCol.left div.answer#answer_1{margin-top: 0px;}
		div#questionBox.responding div.answer#answer_1{margin-top: 0px;}
    a.next_button.disabled{pointer-events:none;opacity: 0.4;}
    	a.next_button.disabled:hover{opacity: 0.4}
    div.correctIcon{float:left;width:40px;height:40px;background-image: url(images/correct.svg);background-repeat: no-repeat;background-size: 40px 40px;margin: 0px 10px 0px 34px;}
    div.incorrectIcon{float: left;    width: 40px;    height: 40px;    background-image: url(images/incorrect.svg);    background-repeat: no-repeat;    background-size: 40px 40px;    margin: 0px 10px 0px 34px;}
div.correctAnswer{color:#65ae61;    margin: 20px 20px 10px 40px;    padding: 7px 0 0 0;min-height: 35px;}
div.incorrectAnswer{color: #db4d43;    margin: 20px 20px 10px 40px;    padding: 7px 0 0 0;    min-height: 35px;}
div.rightAnswer{font-weight: 600;margin: 0 20px 10px 40px;}
div.responseAnim{margin: 20px 20px 10px 40px;    padding: 7px 0 0 0;min-height: 35px;}

div.answerCol.left{display: inline-block;    vertical-align: top;    margin-right: 20px;width: 427px; margin-top: 30px;}
div.answerCol.right{display: inline-block;    vertical-align: top;width: 427px; margin-top: 30px;}

div.answer.answered.correct{background-color: #65ae61;background-image: url(images/correct.svg);background-repeat: no-repeat;    background-size: 16px 18px;    background-position: 13px 13px;}
div.answer.answered.incorrect{background-image: url(images/incorrect.svg);background-repeat: no-repeat;    background-size: 16px 18px;    background-position: 13px 13px;}

div.qDrops{display: table;margin-top: 20px;}
div.qDrop{display: table-row;}
	div.qDrop div{display: table-cell;    padding: 16px 5px 0px 25px;}
	div.qDrop select{display: table-cell;    margin: 0 0 0 10px;    padding: 5px 10px 5px 10px;}
	div.qDrop.correct{color: #65ae61;}
	div.qDrop.incorrect{color: #db4d43;}
	div.qDrop div.rightAnswer{font-weight: 600;    margin: 0 20px 10px 40px;    font-size: 14px;}
	div.qDrop.correct div.rightAnswer{background-image: url(images/correct.svg);background-repeat: no-repeat;    background-size: 16px 18px;    background-position: 3px 21px;}
	div.qDrop.incorrect div.rightAnswer{background-image: url(images/incorrect.svg);background-repeat: no-repeat;    background-size: 16px 18px;    background-position: 3px 21px;}


div#conclusion{width:534px;}
	a.eval{display: block;color:#ff5457;margin:0 0 20px 0;}
	div#conclusion textarea{display: block; width:494px;height: 204px;padding: 10px 20px 10px 20px;font: 20px/22px 'Open Sans', Arial;font-weight: 400;}
	div#conclusion a#yourQuestionsSubmit{display: block;text-align: center;padding: 10px 20px 10px 20px;background-color: #ff5457;border-radius: 10px;border: 1px solid #ff5457;color:#fff;font: 20px 'Open Sans'; font-weight: 400;text-decoration: none;text-transform: uppercase; white-space: nowrap;letter-spacing:0;margin: 10px 0 0 426px;}
	div#conclusion a#yourQuestionsSubmit.hidden{display: none;}
	form#yourQuestionsForm.hidden{display: none;}
	div#yourQuestionsThanks.hidden{}
	div#yourQuestionsThanks.hidden{display: none;}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

div#content.learningResults{display: block; margin: 180px auto 0 auto;}
div#content.evaluation{display: block; margin: 180px auto 0 auto;}
form#evaluationForm{position:relative;padding:30px 20px 30px 20px;width:850px;margin-right:auto;margin-left:auto;font-size: 18px;}
    form#evaluationForm h2{font: 22px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
    form#evaluationForm fieldset{border: 1px solid #999; margin-bottom: 20px;}
    form#evaluationForm legend{color:#222;font: 18px/20px 'Open Sans', Arial;font-weight: 600;}
    form#evaluationForm select{color: #4c4c4c;    border: 1px solid #bfbfbf;    font-size: 16px;    line-height: 32px;    border-radius: 0px;    margin: 0px 0px 20px 0px;    padding: 0px 10px 0 15px;    width: 170px;    height: 40px;}
    body.l1 form#evaluationForm select{width: 180px;}
    form#evaluationForm p{font:20px/20px 'Open Sans', Arial;font-weight:400;margin:0 0 10px 0;}
	form#evaluationForm div.question{color:#262626;font-weight: 600;display: inline-block;vertical-align: top;width: 600px;}
		form#evaluationForm fieldset div.question{font-weight: 400;}
	form#evaluationForm label{font-size: 20px; cursor: pointer;}
	form#evaluationForm textarea{width:600px;}
	form#evaluationForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 316px;background-color: #595959;border-radius: 0px;border: 1px solid #fff;color:#fff;margin: 0 0 20px 0;}
	form#evaluationForm input[type="submit"]:hover{background-color: #93278f;}


form#evaluationForm div.table{display:table;border:0px;border-collapse:collapse;}
	form#evaluationForm div.tableRow.{display:table-row;}
	form#evaluationForm div.tableCell{display:table-cell;padding-bottom:10px;}
	form#evaluationForm div.tableCell.head{font-weight:bold;}
	form#evaluationForm div.tableCell.question{width:390px;padding-right:20px;}
	form#evaluationForm div.tableCell.answer{width:200px;}



div#vidFrame iframe{display: block;width: 874px;height: 492px;margin: 0 auto;background-color: #fff;box-shadow: 0px 3px 20px #666;}
	div#vidFrame.hidden{display: none;}
div#vidCap{font: 16px 'Open Sans'; font-weight: 400; text-align: center; padding: 10px;}

a.back_button{position: absolute;z-index: 60;bottom: 58px;left: 40px;display: block;text-align: center;padding: 5px 20px 5px 48px;border-radius: 10px;color:#4c4c4c;font: 20px 'Open Sans'; font-weight: 400;text-decoration: none;text-transform: uppercase; white-space: nowrap;letter-spacing:0;}
	a.back_button img{width: 40px; height: 40px; position: absolute; top: -2px; left: 0;}
	a.back_button.hidden{display: none;}
	a.back_button.right{right: 80px;}
	a.back_button:hover{opacity: 0.9}
a.next_button{position: absolute;z-index: 60;bottom: 58px;right: 40px;display: block;text-align: center;padding: 5px 20px 5px 55px;    background-color: #595959;    border-radius: 10px;    border: 1px solid #595959;color:#fff;font: 20px 'Open Sans'; font-weight: 400;text-decoration: none;text-transform: uppercase; white-space: nowrap;letter-spacing:0;}
	a.next_button img{width: 70px;height: 70px;position: absolute; top:-20px;left:-20px;}
	a.next_button.hidden{display: none;}
	a.next_button:hover{opacity: 0.9}
a.large_button{display: block;width:310px;height:58px;background-image: url(images/large_button.svg);background-repeat: no-repeat;padding:18px 0px 2px 0px;text-align: center;color: #fff;font-size: 28px;font-weight: 600;text-decoration: none;}
a.mid{margin-right: auto;margin-left: auto;}

div.table{display:table;border:0px;border-collapse:collapse;margin-bottom: 20px;}
div.tableRow{display:table-row;}
div.tableCell{display:table-cell;padding: 0.5vw;}
div.tableRow.head div.tableCell{border:1px solid #fff;background-color:#262626;color:#fff;font-weight: 600;}
div.tableRow.dGray div.tableCell{border:1px solid #fff;background-color:#ccccd0; }
div.tableRow.gray div.tableCell{border:1px solid #fff;background-color:#e7e8e9;}

div.tableRow.noPad div.tableCell{padding:0;}

#app.splash{background-size: cover;background-position: bottom right;background-repeat: no-repeat;}

form#adminForm{padding:20px;font-size: 16px;}

div.resultCon div.results{display: inline-block; vertical-align: top; width: auto;margin-right: 20px;} /* width: 419px; */
div.resultAnswer{display: table; font: 18px/22px 'Open Sans', Arial;}
	div.resultAnswer div.letter{display: table-cell;padding: 0 8px 0 0;}
	div.resultAnswer div.txt{display: table-cell;}

div.learningResponse{font-weight: 600; margin: 20px 20px 0px 0px; padding: 5px 0 0 50px; min-height: 40px;}
	div.learningResponse.correct{background-image: url(images/correct.svg);background-repeat: no-repeat; background-position: 0px 6px; background-size: 40px 40px;}
	div.learningResponse.incorrect{background-image: url(images/incorrect.svg);background-repeat: no-repeat; background-position: 0px 0px; background-size: 40px 40px;}
	div.learningResponse.qDrops{margin: 10px 20px 0px 0px;    padding: 5px 0 0 50px;}

div#resultScoreBoard{padding: 40px 0px; font-size: 26px; font-weight: 600;}

div.pieLabel{padding: 0 0 0 0;}

div.feedGraph{position: relative;display: inline-block;vertical-align: top;width: 380px; height: 390px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
	div#feedGraph1 {margin-right: 20px;}
	div.learningResults div.feedGraph{display: none; vertical-align: top; width: 450px; height: 335px;}/* display: inline-block; */

div.LRfeedback{padding: 20px 0 0 0;}

div.theLegend{position: absolute;    top: 40px;    left: 500px;    width: 280px;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms;}
	div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
	div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
	div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;color: #061d49;}
		div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
		div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
		div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
		div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
		div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
		div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
		div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
		div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}


.fsSmall{font-size: 21px;}
.fsSmallpx{font-size: 14px;}
.w100{width: 100%;}
.floatLeft{float:left;margin: 0 20px 20px 0;}
.floatRight{float:left;margin: 0 0px 20px 20px;}
.centered{text-align: center;}
div.blocked{display: inline-block;vertical-align: top;max-width: 46vw;}
div.blocked p{margin:0px 0px 10px 0px;}
div.lrgBlue{font-size: 40px;line-height: 40px;font-weight: 700;color: #182954;width: 212px;text-align: center;}


input[type="text"],input[type="password"]{border-radius: 0px;border: 1px solid #bfbfbf;color:#4c4c4c;margin: 0 0 10px 0;font: 16px 'Open Sans';}
input[type="submit"]{cursor:pointer;}

ol#qFeedback.admin{margin: 235px 0 0 0; font-size: 16px;    line-height: 18px;}
	ol#qFeedback h2{font: 20px/24px 'Open Sans', Arial;font-weight: 600;margin: 0px 0px 10px 0px;}
	ol.alpha.answers{padding: 5px 0px 20px 60px;}
	img.feedGraph{display: block;margin: 0 auto 10px auto;}

	ol#qFeedback.admin > h3{white-space: normal;    font-size: 20px;    line-height: 22px;    max-width: 750px;}

	ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
		ol#qFeedback div.graphRight h3{text-align: center;}
		ol#qFeedback div.feedGraph{width:480px;height:300px;}
	ol#qFeedback hr{height: 0;    border: 0;    border-bottom: 1px solid black;    margin: 30px 0 20px 0;}


table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
	table.csvTable th{text-transform:uppercase;padding:3px 3px 8px 3px;}
	table.csvTable tr.offRow{background-color:#ccc;}
	table.csvTable td{padding:3px 8px;}

.onlyPrint{display: none;}

@media all and (max-height: 868px) {
	a.back_button{bottom: 1vh;}
	a.next_button{bottom: 1vh;}
	div#content{font: 2vh/3vh 'Open Sans', Arial;}
	div#questionBox{display: block;    width: 874px;    min-height: unset;padding-bottom: 1vh;}
	div#questionBox div.question {    position: relative;    overflow: hidden;    height: 14vh;}
	div#questionBox div.question p {    display: table-cell;    vertical-align: middle;    height: 14vh;    font: 2.3vh/3vh 'Open Sans', Arial;}
	div#questionBox div.question div.number { font: 12vh/15vh 'Open Sans', Arial;font-weight: 800;}
	div.answer{margin: 0 0 2vh 0;    cursor: pointer;    border-radius: 0;    padding: 1vh 20px 1vh 40px;}

	div#vidFrame{width: 132vh;}
	div#vidFrame iframe{display: block;    width: 124vh;    height: 69vh;}
	div#vidCap{font: 2vh 'Open Sans';    font-weight: 400;    text-align: center;    padding: 1vh;}
}
@media print{
	.dontPrint{display: none;}
	.onlyPrint{display: block;}
	body{overflow:auto;height: auto;}
   div.mainContainer{height: auto; background-image: none;}
   #qFeedback > li{page-break-inside: avoid;}
   #qFeedback a{display: none;}
}









div#debug{display:none;position: absolute;bottom: 2px;left: 50%;font-size: 26px;color: #f3714d;}

div#footer{position: relative;z-index:50;height: 21px;padding: 50px 20px 10px 0px;background-color:#fff;text-align: right;font-size: 12px;}
	img#logo_bl{width:251px;height:53px;position: absolute;z-index: 10;top: 15px;left: 20px;}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:17px/19px 'Montserrat', Arial;font-weight:400;text-shadow: 1px 1px #fff;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

textarea.adminTexts{width:300px;padding:5px;}
textarea.adminTextl{width:600px;padding:5px;}
button.adminPost{position:absolute;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 background-color: transparent !important;
    background-image: inherit !important;
}

.backAnim{position: absolute;z-index:2;width: 100%;max-width: 87vw;
    max-height: 57vh;
    margin-left: 60px;
    display: block;
   margin-left: -43.5vw;
    left: 50%;}

.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
img.fade_24_1{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 2600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 2600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 2600ms;}

img.fade_24_2{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 5600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 5600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 5600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 5600ms;}

img.fade_24_3{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 8600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 8600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 8600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 8600ms;}

img.fade_24_4{opacity:0;-webkit-animation-name: FadeInOut; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 12600ms;
-moz-animation-name: FadeInOut; -moz-animation-timing-function: ease-in; -moz-animation-duration: 12600ms;
-ms-animation-name: FadeInOut; -ms-animation-timing-function: ease-in; -ms-animation-duration: 12600ms;
animation-name: FadeInOut; animation-timing-function: ease-in; animation-duration: 12600ms;}