html{width:100%;height:100%;}
body{background-color: #f2f2f2;width:100%;height:100%; overflow-x: hidden; overflow-y: auto;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;}
	ol.alphaRev {counter-reset: alpha 6;}
	ol.alphaRev li, ol.roman li {list-style: none;position: relative;}
	ol.alphaRev > li:before {counter-increment: alpha -1;content:"(" counter(alpha, upper-alpha)") ";position:absolute;left:-1.4em;}

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

div.mainContainer{position:relative;width:100%;min-height:100%;text-align:left;z-index:1;font-size:0;overflow: hidden; overflow-y: auto; white-space: nowrap;}

div#header{position: relative;    background-color: #FFFFFF;    background-image: url(images/banner_EN.jpg);    background-repeat: no-repeat;background-position: center;    height: 28vw; text-align: right;}
	div#header a.lang{padding: 0.7vw 1.7vw 0.7vw 0.7vw; }
	div#header a{display: inline-block;    vertical-align: middle;    padding: 0.7vw 0.7vw;    font-size: 1vw;    line-height: 1vw;   color: #333333;    text-decoration: none; text-transform: uppercase;}
	body.l1 div#header{background-image: url(images/banner_FR.jpg);}
	div#header.hidden{display: none;}

form#logForm{margin:20px auto 0 auto; font-size: 18px; width: 425px; text-align: center;}
	form#logForm input{display: block;padding: 15px 10px 15px 20px;width: 384px;margin: 0 auto 20px auto;}
	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: 384px;margin: 0 auto 15px auto; }
	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: 384px;margin: 0 auto 15px auto; }
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 416px;background-color: #103349;border-radius: 0px;border: 1px solid #103349;color:#fff;margin: 0 auto 20px auto; box-shadow:0px 3px 20px #666;}
		form#logForm input[type="submit"]:hover{background-color: #555;}
	form#logForm h1{font: 28px/32px 'Open Sans', Arial;    font-weight: 400;    color: #103349;}
		body.l1 form#logForm h1{font: 18px/20px 'Open Sans', Arial;    font-weight: 400;}
	form#logForm a{text-decoration: none; color: #4c4c4c;}
	form#logForm select{display: block; color: #4c4c4c;    border: 1px solid #bfbfbf;    font-size: 16px;    line-height: 32px;    border-radius: 0px;    margin: 0px auto 20px auto;    padding: 0px 10px 0 15px;    width: 416px;    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;}

div#content{position: relative;z-index:5; display: block;vertical-align: top; padding:20px 20px 0 40px;font:18px/22px 'Open Sans', Arial;width: 890px;white-space: normal; margin: 0 auto; color: #555;}
	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: #103349;margin: 40px 40px 40px 0px;}
	div#content h2{color: #a41f16;    margin: 30px 0 20px 0;    font-size: 20px;}
	div#content strong{font-weight: 600;}

div#landingPage{}
	div#landingPage.hidden{display: none;}
div.progBox{height: 500px;    background-color: #fff;    box-shadow: 0px 3px 20px #666;    background-image: url(images/pluses.jpg);    background-repeat: no-repeat;}
	div.progBox img.completed{position: absolute;top: 0;right: 0;display: none;}
		div.progBox.complete img.completed{display: block;}
		div#landingPage.complete div.progBox img.completed{display: block;}
div.progBox a.begin{display: block;    position: absolute;    top: 267px;    left: 126px;    width: 200px;    padding: 30px 20px;    background-color: #103349;    color: #fff;    text-decoration: none;    font: 30px/32px 'Open Sans', Arial;    font-weight: 600;    text-align: center;}
	div.progBox a.begin:hover{opacity: 1;    background-color: #555;}
div.masters{margin: 0 5px 0 auto;    width: 450px;    font-size: 14px;    line-height: 18px;}
	div.masters h1{font: 40px/42px 'Open Sans', Arial;    font-weight: 600;    text-align: center;    color: #000;    background-color: #fff;    padding: 10px 0;}
	div.masters div{background-color: #fff;clear: both;}
	div.masters div img{float: right;    width: 200px;    margin: 0 0 5px 5px;}
	div#content div.masters h2{margin: 0 0 2px 0;}
	div.masters p{margin: 0 0 5px 0;}

div#objectives{}

div#committee{background-color: #fff; padding: 0 0 80px 0;}
	div#committee div#content{width: 880px;}
	div#committee div#content > h2{text-align: center;    margin-bottom: 30px;}
	div#committee div#content div.left{display: inline-block;    vertical-align: top; font-size: 14px;    line-height: 18px;    width: 210px; padding: 0 20px 0 0; background-color: #fff;}
	div#committee div#content div.right{display: inline-block;    vertical-align: top;    width: 620px;font-size: 14px;    line-height: 18px;border-left: 2px solid #a41f16;    padding-left: 20px;}
	div#committee div#content p{margin: 0px 0px 8px 0px;}
	div#committee div#content div.right div{display: inline-block; vertical-align: top; width: 45%;margin: 0 2% 30px 0;}

div.miceType{font-size: 12px;    line-height: 14px;}

div#moduleCon.hidden{display: none;}

div#evalCon.hidden{display: none;}

h1.questionTitle{margin: 20px auto 15px auto;    color: #103349;    font: 24px/24px 'Open Sans', Arial;    font-weight: 600;    width: 874px;}

div#questionBox{display: block;width: 874px;min-height: 492px;margin: 0 auto; border-radius: 0;background-color: #fff;box-shadow: 0px 3px 20px #666;padding-bottom: 10px; font-size: 16px;    line-height: 18px; white-space: normal;}
div#questionBox div.question{position: relative;    display: table;    width: 100%;}
	div#questionBox div.question div.number{display: table-cell;    vertical-align: top;    text-align: right;    padding: 20px 16px 0 40px;}
	div.questionCon{display: table-cell;    vertical-align: top;    padding: 20px 20px 0 0px;}
		div.questionCon p{}
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;text-align: center;}
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 0vh 0;    cursor: pointer;    border-radius: 0;    padding: 10px 20px 10px 70px;    display: block;    background-color: #fff;}
	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;}
	div.answer div.text{display: inline-block;vertical-align: top;max-width: 500px;}
	div.answer#answer_1,div.topSpace{margin-top: 20px;}
		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: 0px 20px 10px 40px;    padding: 7px 0 0 0;min-height: 35px;}
div.incorrectAnswer{color: #db4d43;    margin: 0px 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: 0px;    margin-bottom: 30px;}
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;}

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#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: 20px auto 0 auto;}
div#content.evaluation{display: block; margin: 0px 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: #103349;}


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{width: 854px;    margin: 0 auto;    background-color: #fff;    font: 14px 'Open Sans';    font-weight: 400;    text-align: center;    padding: 15px 10px;}

div#endVidFrame{float: right;    width: 598px;    height: 333px;margin: 0;background-color: #fff;box-shadow: 0px 3px 20px #666;}
	div#endVidFrame iframe{width: 100%; height: 100%;}
	div#endVidFrame div#vidCap{width: 96%;    padding: 2%;}
	div#endScreen div.left{display: inline-block; text-align: center;    width: 275px; font: 14px/16px 'Open Sans', Arial;    font-weight: 400;}
	div#endScreen h1{font: 25px/25px 'Open Sans', Arial; font-weight: 600; margin: 0 0 10px 0;}
	div#endScreen a.assessment{display: block;background-image: url(images/learning_icon.svg); background-size: 118px 164px;    background-position: top center;background-repeat: no-repeat; padding: 175px 0px 20px 0px; font: 18px/22px 'Open Sans', Arial;    font-weight: 400;}
	div#endScreen a{text-decoration: none;    color: #222;}

div#buttonStrip{position: relative;    width: 834px;    height: 42px;    background-color: #103349; margin: -5px auto 20px auto;}
	div#buttonStrip.hidden{display: none;}

div#progress{font: 16px/42px 'Open Sans';    font-weight: 400;    text-align: center;    color: #fff;}

a.back_button{position: absolute;    z-index: 60;    bottom: 0px;    left: 0px;    display: block;    text-align: center;    padding: 10px 20px 10px 20px;    border-radius: 10px;    color: #fff;    font: 20px/22px 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
	a.back_button.hidden{display: none;}
	a.back_button.right{left: initial; right: 80px;}
	a.back_button:hover{opacity: 0.9}
a.next_button{position: absolute;    z-index: 60;    bottom: 0;    right: 0;    display: block;    text-align: center;    padding: 10px 20px 10px 20px;    color: #fff;    font: 20px/22px 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
	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;}

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

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

div.resultCon div.results{display: inline-block; vertical-align: top; width: auto;margin-right: 20px;max-width: 420px;}
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 20px 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.responseContent{font: 14px/20px 'Open Sans', Arial;}
	div.responseContent img{display: block;    max-width: 850px;    margin: 0 0 10px 0;}
	div.responseContent p.ref{font-size: 12px;    line-height: 14px;}


div#content.resources h2{color: #000;    margin: 0 0 10px 0;}
div#content.resources a.ppt{display: block;    text-decoration: none;    margin: 0 0 8px 0;    padding: 9px 0 10px 42px;    background-image: url(images/icon_ppt_black.svg);    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 40px 40px;    font-size: 20px;    color: #000;}
	div#content.resources a.pdf{display: block;    text-decoration: none;    margin: 0 0 8px 0;    padding: 9px 0 10px 42px;    background-image: url(images/icon_pdf_black.svg);    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 40px 40px;    font-size: 20px;    color: #000;}
	div#content.resources a.mp4{display:inline;margin:8px 0px 8px 0px;   text-decoration: none;    margin: 0 0 8px 0;    padding: 9px 0 10px 42px;    background-image: url(images/icon_mp4_black.svg);    background-repeat: no-repeat;    background-position: 0px 0px;    background-size: 40px 40px;    font-size: 20px;    color: #000;}


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

form#adminForm{padding:20px;font-size: 16px;    width: 980px;    margin: 0 auto;}

span.bigPerc{display: inline-block;    padding: 0 6px;    font-size: 38px;}

div#repLeaderBoard{padding: 20px;background-color: #fff;border-bottom: 1px solid #fff;}
	div#repLeaderBoard h2{color: #a41f16; margin: 0 0 20px 0;}
		div#repLeaderBoard h2 span{color: #000000; font-size: 14px;}

div.scoreBar{color: #fff;border-bottom: 1px solid #fff; cursor: pointer;}
	div.scoreBar div.code{display: inline-block;    vertical-align: top;    width: 75px;    text-align: center; background-color: #103349;}
	div.scoreBar div.name{display: inline-block;    vertical-align: top;    width: 205px;    text-align: center;    overflow: hidden; background-color: #103349;}
	div.scoreBar div.bar{position: relative;    display: inline-block;    vertical-align: top;    width: 50px;    text-align: center; background-color: #103349;}
	div.scoreBar div.score{text-align: right;    padding-right: 5px;}

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: inline-block; vertical-align: top; width: 450px; height: 335px;margin-bottom: 30px;}/* display: inline-block; */
div.feedGraph div.pieLabel{font-size: 14px;    font-weight: 600;    padding: 0 0 0 20px;}

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;}

a.evalReportBtn{float: right;    display: block;    background-image: url(../images/learning_icon.svg);    background-size: 60px 89px;    background-position: top center;    background-repeat: no-repeat;    padding: 92px 0px 0px 0px;    font: 14px/16px 'Open Sans', Arial;
    font-weight: 400;    text-decoration: none;    white-space: normal;    width: 110px;    height: 110px;    text-align: center;    color: #000;}

ol#qFeedback{font-size: 16px;    width: 980px;    margin: 20px auto;white-space: normal;}
	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 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;}
	ul.textAnswers{font-size: 14px;}

div.evalSectionTitle{font-size: 16px;    width: 980px;    margin: 10px auto;    white-space: normal;    font: 22px/24px 'Open Sans', Arial;    font-weight: 600;}
ol#qFeedback > li{list-style-type: decimal;}
ol#qFeedback.indent{padding-left: 33px;    width: 855px;}

.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;}


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

div#footer{position: absolute;    left: 0;    bottom: 0;    z-index: 50;    width: 100%;    height: 120px;    padding: 20px 20px 10px 0px;    background-color: #103349;    text-align: center;    font-size: 14px;    overflow: hidden;}
	div#footer p{margin: 0 0 5px 0; color: white;}
	div#footer img{
		width: 200px;
	}

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

.buttons-position a{
	float:right;
	 font-size:1rem;
	  color:#103349;
	  text-decoration: none;
  }


  @media all and (max-width: 1000px) {

	div#content.resources a.mp4{
		display: block;
	}
	div#content.resources .buttons-position a{

	  float: none;
	}


}


@media all and (max-height: 1000px) {
	a.back_button{}
	a.next_button{}
	div#content{font: 2vh/3vh 'Open Sans', Arial;}
	div#questionBox{display: block;    width: 874px;    min-height: unset;padding-bottom: 1vh;}
	div#questionBox div.question {}
	div#questionBox div.question p {}
	div#questionBox div.question div.number {}
	div.answer{margin: 0 0 2vh 0;    cursor: pointer;    border-radius: 0;    padding: 1vh 20px 1vh 40px;}

	div#vidFrame{}
	div#vidFrame iframe{display: block;    width: 91vh;    height: 51vh;}
	div#vidCap{font: 1.6vh 'Open Sans';    font-weight: 400;    text-align: center;    padding: 1vh 1vh;    width: 89vh;}
	



}


@media all and (max-width: 600px) {
	p{margin: 0px 0px 2vw 0px;}
	ul, ol{padding: 0px 0px 2vw 5vw;}
	div#header a.lang{padding: 1vw 1.7vw 0.7vw 0.7vw; display: block; font-weight: bold;}
	div#header a{font-size: 3vw;    line-height: 3vw; display: none;}
	div#header{height: 30vw;}
	input[type="text"], input[type="password"]{font: 4vw 'Open Sans';}
	form#logForm{margin: 3vw auto 10vw auto; width: 90vw;    font-size: 5vw;}
		form#logForm h1{font: 5vw/5vw 'Open Sans', Arial;    font-weight: 400;}
		form#logForm input{width: 80vw; margin: 0 auto 3vw auto;}
		form#logForm input[type="text"]#email{width: 80vw;}
		form#logForm input[type="password"]#password{width: 80vw;}
		form#logForm input[type="submit"]{width: 89vw; font-size: 6vw;}
		form#logForm select{width: 89vw;    font-size: 4vw;    margin: 0px auto 3vw auto;}

	div#content{position: relative;    z-index: 5;    display: block;    vertical-align: top;    padding: 2vw 2vw 0 2vw;    font: 3vw/4vw 'Open Sans', Arial;    width: 90vw;    white-space: normal;    margin: 0 auto;    color: #555;}
	
	div.progBox{position: relative; height: auto;    background-color: #fff;    box-shadow: 0px 3px 20px #666;    background-image: none;    background-repeat: no-repeat;}
	div.masters{margin: 0 0 14vw 0;    width: 90vw;    font-size: 3vw;    line-height: 3.5vw; padding-bottom: 7vw;}
		div.masters h1{font: 9vw/9vw 'Open Sans', Arial;    font-weight: 600;    text-align: center;    color: #000;    background-color: #fff;  padding: 2vw 0 1vw 0;    margin: 0;}
		div.masters div{background-color: #fff;    clear: both; padding: 3vw;}
			div.masters div img{float: right;    width: 34vw;    margin: 0 0 1vw 1vw;}
			div#content div.masters h2{margin: 0 0 1vw 0;}
			div#content h2{color: #a41f16;    margin: 3vw 0 2vw 0;    font-size: 4vw;}
	div.progBox a.begin{display: block;    position: absolute;    top: unset;    bottom: -8vw;    left: 18vw;    width: 50vw;    padding: 4vw 2vw;    background-color: #103349;    color: #fff;    text-decoration: none;    font: 6vw/6vw 'Open Sans', Arial;    font-weight: 600;    text-align: center;}

	div#committee{background-color: #fff;    padding: 0 0 10vw 0;}
		div#committee div#content{width: 90vw;}
		div#committee div#content > h2{text-align: center;    margin: 2vw 0;}
		div#committee div#content div.left{display: block;    vertical-align: top;    font-size: 3vw;    line-height: 3.5vw;    width: auto;    padding: 0 2vw 0 0;    background-color: #fff;}
		div#committee div#content div.right{display: block;    vertical-align: top;    width: auto;    font-size: 3vw;    line-height: 3.5vw;    border-left: 0px solid #a41f16;    padding-left: 0;}

	div#moduleCon{width: 94vw;    margin: 0 auto;}
	h1.questionTitle{margin: 4vw auto 2vw auto;    color: #103349;    font: 5vw/5vw 'Open Sans', Arial;    font-weight: 600;    width: auto;}
	div#questionBox{display: block;    width: auto;    min-height: unset;    padding-bottom: 1vh;    background-color: transparent;    box-shadow: none;    font-size: 4vw;    line-height: 4.5vw;}
		div#questionBox div.question div.number{display: table-cell;    vertical-align: top;    text-align: right;    padding: 2vw 1vw 0 0vw;}
		div.questionCon{display: table-cell;    vertical-align: top;    padding: 2vw 0vw 0 0px;}
		div.answer{margin: 0 0 3vw 0;    cursor: pointer;    border-radius: 0;    padding: 1vh 0 1vh 5vw; background-color: transparent;}
	div#buttonStrip{position: absolute;    bottom: 8vw;    width: 100vw;    height: 10vw;    background-color: #103349;    margin: 0 0 0 -3vw;}
		a.back_button{position: absolute;    z-index: 60;    bottom: 1.5vw;    left: 2vw;    display: block;    text-align: center;    padding: 1vw 1vw;    border-radius: 0;    color: #fff;    font: 4.5vw/4.5vw 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
		div#progress{font: 3vw/10vw 'Open Sans';    font-weight: 400;    text-align: center;    color: #fff;}
		a.next_button{position: absolute;    z-index: 60;    bottom: 1.5vw;    right: 2vw;    display: block;    text-align: center;    padding: 1vw 1vw;    color: #fff;    font: 4.5vw/4.5vw 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
		div#footnote{font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 300;    margin: 4vw 0 0 0;    text-align: center;}

	div.qDrops{display: table;    margin-top: 0px;    margin-bottom: 4vw;}
		div.qDrop div{display: table-cell;    vertical-align: middle;    padding: 1vw 1vw 2vw 4vw;    font-size: 3vw;    line-height: 3.5vw;}
		div.qDrop select{display: table-cell;    margin: 0 0 2vw 10px;    padding: 5px 10px 5px 10px;    width: 55vw;    font-size: 3vw;}
	
	div#vidFrame iframe{display: block;    width: 100%;    height: 54vw;}
	div#vidCap{white-space: normal;    font: 3vw 'Open Sans';    font-weight: 400;    text-align: center;    padding: 1vh 1vh;    width: 90vw;}

	form#evaluationForm{position: relative;    padding: 0;    width: 90vw;    margin-right: auto;    margin-left: auto;    font-size: 3vw; margin-bottom: 14vw;}
		form#evaluationForm fieldset{border: 1px solid #999;    margin-bottom: 4vw;}
		form#evaluationForm legend{color: #222;    font: 3.5vw/3.5vw 'Open Sans', Arial;    font-weight: 600;}
		form#evaluationForm div.question{color: #262626;    font-weight: 600;    display: inline-block;    vertical-align: top;    width: 52vw;}
		form#evaluationForm select{color: #4c4c4c;    border: 1px solid #bfbfbf;    font-size: 3vw;    line-height: 3vw;    border-radius: 0px;    margin: 0px 0px 2vw 0px;    padding: 0px 1vw 0 1vw;    width: 31vw;    height: 40px;}

	form#evaluationForm p{font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;    margin: 0 0 1vw 0;}
	form#evaluationForm textarea{width: 88vw;}
	form#evaluationForm label{font-size: 4vw;    cursor: pointer;}
	form#evaluationForm input[type="submit"]{font-size: 6vw;    width: 90vw;    margin: 0 0 2vw 0;}

	div#endVidFrame{float: none;    width: auto;    height: 53vw;    margin: 4vw 0;    background-color: #fff;    box-shadow: 0px 3px 20px #666;}
	div#endScreen div.left{display: block;    text-align: center;    width: auto;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;}
	div#endScreen h1{font: 5vw/5vw 'Open Sans', Arial;    font-weight: 600;    margin: 0 0 1vw 0;}

	div.resultAnswer{display: table;    font: 3vw/4vw 'Open Sans', Arial;}
	div.responseContent{font: 3vw/4vw 'Open Sans', Arial;}
	div.responseContent img{display: block;    max-width: 90vw;    margin: 0 0 4vw 0;}
	div.learningResults div.feedGraph{display: inline-block;    vertical-align: top;    width: 90vw;    height: 90vw;    margin-bottom: 4vw;}

	div#resultScoreBoard{padding: 6vw 0px;    font-size: 6vw;    font-weight: 600;}

	div.feedGraph div.pieLabel{font-size: 3.5vw;    font-weight: 600;    padding: 0 0 0 2vw;}

	div.miceType{font-size: 2vw;    line-height: 2.5vw;}

	div#footer{height: 6vw;    padding: 1vw 0;    font-size: 2vw;}
		div#footer p{margin: 0 0 0px 0;}


}

.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;}

div.footer{
		background-color: #103349;
		width: 100%;
		height: 120px;
		padding: 20px 20px 10px 0px;
}

div.footer img{
	display: block;
	width: 200px;
	margin: 0 auto;
	
}

div.footer p{
	color: white;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}

div.wrap{
	min-height: 100%;
	margin-bottom: -120px;
}
.intro{
	
	float: left;
	width: 100%;
	white-space: normal;
	padding-bottom: 20px;
}
.intro p{
	margin: 0 auto;
	width: 60%;
	font-size: 14px;
	padding-bottom: 10px;
}

#rFade, #mFade, #sFade {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
  }
  
  #rLight, #mLight, #sLight {
	display: none;
	position: absolute;
	top: 10%;
	left: 50%;
	max-width: 600px;
	max-height: 360px;
	margin-left: -300px;
	margin-top: -180px;
	border: 2px solid #FFF;
	background: #FFF;
	z-index: 1002;
	overflow: visible;
  }
  
  #boxclose {
	float: right;
	cursor: pointer;
	color: #fff;
	border: 1px solid #AEAEAE;
	border-radius: 3px;
	background: #222222;
	font-size: 31px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 11px 3px;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 1002;
	opacity: 0.9;
  }
  
  .boxclose:before {
	content: "x";
  }
  
  #fade:hover ~ #boxclose {
	display:none;
  }
  
  .test:hover ~ .test2 {
	display: none;
  }

  #content h1{
	padding: 1%;
	background-color: #103349;
	color: white;
	font-size: 1.5rem;
  }