html{width:100%;height:100%;}
body{background-color: #69356d;width:100%;height:100%; overflow-x: hidden; overflow-y: auto;margin: 0;font-family: 'Open Sans';}
    body#s0{background-image: url(images/icon_BG.svg);    background-position: center;    background-repeat: no-repeat;    background-size: auto 90vh;}
/* e8366e
Dark grey: 60605f
Light  grey: ebebeb
 */
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#topStrip{position: relative;    background-color: #fff;    background-image: url(images/logo_infocus.svg);    background-repeat: no-repeat;    background-size: 17vh 6vh;    background-position: 1vw center;    width: 100vw;    height: 10vh; text-align: right;box-shadow: 0px 3px 29px -3px #333}
	div#topStrip a{display: inline-block;    vertical-align: middle;    padding:5.5vh 0.7vh;    font-size: 1vw;    line-height: 1vw;   color: #a01f16;    text-decoration: none; text-transform: uppercase;}
	div#topStrip a.lang{padding: 0.7vw 1.7vw 0.7vw 0.7vw;}
	body.l1 div#topStrip{background-image: url(images/logo_infocus.svg);}
	body#s0 div#topStrip{display: none;}

div#homeBox{margin:17vh auto 0 auto;    width: 982.77px; background-color:#fff;box-shadow: 9px 9px 14px -4px #333;}
	div#homeBox div.left{display: inline-block; vertical-align: top; width: 502px; margin: 40px;}
	div#homeBox img#logoMain{display: block; vertical-align: top; width: 502px;margin-bottom: 40px;}
	div#homeBox h1{font: 34px/36px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 10px 0 20px 0;    color: #60605f;}
	div#homeBox p{font: 16px/20px 'Open Sans',arial,sans-serif;    font-weight: 400; white-space: normal; color: #60605f;}

form#loginForm{position: relative; display: inline-block; vertical-align: top; background-color:#ecebec; white-space: normal; padding: 30px; height: 470px; color: #60605f;}
	form#loginForm a.lang{font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 600;    text-decoration: none;    color: #60605f;    position: absolute;    top: 15px;    right: 15px;}
	form#loginForm a.signUp{display: inline-block;    font: 20px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;}
	form#loginForm span.slash{display: inline-block; padding: 0 5px; font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm a.login{display: inline-block;    font: 20px/20px 'Open Sans',arial,sans-serif;    font-weight: 400;    text-decoration: none;    color: #60605f;    margin-bottom: 10px;}
	form#loginForm a.HL{font-weight: 600;    color: #69356d;}
	form#loginForm input{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 10px;    height: auto;    margin: 0px 0px 20px 0px; width: 320px; color: #60605f;}
	form#loginForm select{display: block; border: 0; border-bottom: 1px solid #808184; font: 16px/18px 'Open Sans',arial,sans-serif; font-weight: 400;     background-color: transparent;     padding: 8px 10px 3px 6px;    height: auto;    margin: 0px 0px 20px 0px; width: 340px; color: #60605f;}
	form#loginForm input[type="submit"]{position: absolute;    bottom: 30px;    left: 50%;    margin: 0 0 0 -56px;    font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #69356d;    border: 2px solid #69356d;    border-radius: 20px;    padding: 0px 20px 0px 20px; width: auto;}
		body.l1 form#loginForm input[type="submit"]{margin: 0 0 0 -94px;}
		form#loginForm input[type="submit"].wider{margin: 0 0 0 -94px;}
	form#loginForm p{font: 16px/18px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm div.warning{padding-top: 0px;    font: 14px/14px 'Open Sans',arial,sans-serif;    font-weight: 400;}
	form#loginForm input#HCP{display: inline-block;    vertical-align: middle;    width: 20px;    height: 20px;    padding: 0;    margin: 0px 5px 10px 0px;    cursor: pointer;}
	form#loginForm label{display: inline-block;    vertical-align: top;    font: 14px/16px 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 316px;}
	form#loginForm label a{text-decoration: none; color: #60605f;}

div#logCaption{margin:0 auto 0 auto;    width: 982.77px; text-align: right; color: #fff; font: 12px/12px 'Open Sans',arial,sans-serif;    font-weight: 400; padding: 10px 0px 0 0;}
	div#logCaption a{display: inline-block;    width: 400px;    text-align: center;text-decoration: none;    color: #fff;}

div.regLink{max-width: 22vw;}

div#landingPage{width: 1024px;    margin: 0 auto;    height: 90vh;    background-color: #ebebeb;    overflow: auto;}
	div#landingPage.hidden{display: none;}
	div#landingPage div.PAD{padding: 20px 40px;}
	div#landingPage h1{margin: 20px 0 20px 0;    color: #60605f;    font: 32px/38px 'Open Sans', Arial;    font-weight: 700;    white-space: normal;}
	div#landingPage.terms div.PAD{font: 18px/22px 'Open Sans', Arial;    font-weight: 400; white-space: normal;}

div.topic{margin: 0 0 40px 0;}
div.topic h2{margin: 0 0 20px 0;    color: #69356d;    font: 24px/26px 'Open Sans', Arial;    font-weight: 700;    white-space: normal;}
	div.topic h2 span{color: #60605f;}
div.vidDesc{display: inline-block;    vertical-align: top;    width: 430px;white-space: normal;    font: 20px/22px 'Open Sans', Arial;    font-weight: 400;    color: #60605f;}
div.vidDesc img{display: block;    width: 400px;    margin: 0 0 20px 0;}
div.vidLinks{display: inline-block;    vertical-align: top;    width: 500px;}
div.vidLinks a{display: block;    white-space: normal;    font: 20px/22px 'Open Sans', Arial;    font-weight: 400;    color: #60605f;    text-decoration: none;    padding: 5px 0 40px 80px;    background-image: url(images/icon_video.svg);    background-repeat: no-repeat;    background-size: 60px 60px;}
	div.vidLinks a strong{display: block; font-weight: 700; color: #000}
	div.vidLinks a.disabled{pointer-events: none;opacity: 0.5}
	div.vidLinks a.complete{background-image: url(images/icon_video_check.svg);background-size: 77px 61px;}

div#moduleCon{width: 1024px;    margin: 0 auto;    height: 90vh;    background-color: #ebebeb;    overflow: auto;}
	div#moduleCon.hidden{display: none;}
img#slideIcon{display: inline-block;    vertical-align: top;    width: 55px;    height: 55px;    margin: 40px 15px 0 40px;}
div#slideCon{display: inline-block;    vertical-align: top;    width: 914px;    margin: 40px 0 0 0;}
div#slideCon p{white-space: normal;    color: #60605f;    font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    max-width: 600px;}
div#slideCon > div{-webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}

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: #a01f16;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#objectives{}

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

div#moduleCon.hidden{display: none;}

div#evalCon.hidden{display: none;}

h1.questionTitle{margin: 2px 0 20px 0;    color: #60605f;    font: 29px/32px 'Open Sans', Arial;    font-weight: 700;    width: 874px;}

div#questionBox{display: block; width: 750px;    min-height: 350px;    margin: 0;    border-radius: 0;    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;    display: none;}
	div.questionCon{display: table-cell;    vertical-align: top;    padding: 20px 20px 0 0px;}
		div#slideCon div.questionCon p{max-width: unset;}
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;}

form#qTextForm textarea{border: 0; width: 710px;    padding: 20px;    height: 250px;}
	div.qTextAnswer.answered form#qTextForm textarea#textAnswer{}

div#specifyCon{}
	div#specifyCon.hidden{display: none;}
	div#specifyCon label#specifyPromt{display: block;    padding: 15px 0 5px 0;}
	div#specifyCon form#qTextForm textarea{height: 120px;}
	div#specifyCon.answered form#qTextForm textarea#textAnswer{}

div.answer{display: inline-block;    margin: 0 0 0vh 0;    cursor: pointer;    border-radius: 15px;    padding: 10px 20px 10px 30px;}
	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#vidFrame iframe{display: block;width: 750px;    height: 425px;margin: 0;background-color: #fff;box-shadow: 0px 3px 20px #666;}
	div#vidFrame.hidden{display: none;}
div#vidCap{width: 730px;    margin: 0;   font: 14px 'Open Sans';    font-weight: 400;    text-align: center;    padding: 15px 10px; white-space: normal;}

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: 750px;    height: 50px;    margin: 20px 0 0 0;}
	div#buttonStrip.hidden{display: none;}

div#progressCon{position: relative;    width: 750px;    height: 30px;    margin: 20px 0 0 0;    border: 1px solid #60605f;}
	div#progressCon.hidden{display: none;}
	div#progressBar{background-color: #e8366e;    height: 30px;}
	div#progress{font: 16px/42px 'Open Sans';    font-weight: 400;    text-align: center;    color: #60605f;}

a.back_button{position: absolute;    z-index: 60;    bottom: 0px;    left: 0px;    display: block;    text-align: center;font: 29px/46px 'Open Sans';     font-weight: 700;     text-decoration: none;     text-transform: uppercase;     white-space: nowrap;     letter-spacing: 0;    color: #979797;    border: 2px solid #979797;    border-radius: 24px;    padding: 0px 20px 0px 20px;    width: auto;    min-width: 100px;}
	a.back_button.hidden{display: none;}
	a.back_button.right{}
	a.back_button:hover{opacity: 0.9}
a.next_button{position: absolute;    z-index: 60;    bottom: 0;    right: 0;    display: block;    text-align: center; font: 29px/46px 'Open Sans';     font-weight: 700;     text-decoration: none;     text-transform: uppercase;     white-space: nowrap;     letter-spacing: 0;    color: #69356d;    border: 2px solid #69356d;    border-radius: 24px;    padding: 0px 20px 0px 20px;    width: auto;    min-width: 100px;}
	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{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{background-image: url(images/icon_pdf_black.svg);}
div#resultScoreBoard{padding: 40px 0px; font-size: 26px; font-weight: 600;}

form#adminForm{padding:20px;font-size: 16px;    margin: 0 auto; background-color: #fff;}

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: #a01f16;}
	div.scoreBar div.name{display: inline-block;    vertical-align: top;    width: 205px;    text-align: center;    overflow: hidden; background-color: #a01f16;}
	div.scoreBar div.bar{position: relative;    display: inline-block;    vertical-align: top;    width: 50px;    text-align: center; background-color: #a01f16;}
	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;}

body.admin{overflow: auto;    height: auto;    background-color: #fff;}
div.mainContainer.admin{overflow: initial;}

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:right;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: 26px;    padding: 20px 20px 10px 0px;    background-color: #fff;    text-align: center;    font-size: 12px;    overflow: hidden;}
	div#footer a{text-decoration: none; color: #60605f;}
	div#footer p{margin: 0 0 5px 0;}

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

@media all and (max-height: 1000px) {
	a.back_button{}
	a.next_button{}
	div#content{}
	div#questionBox{}
	div#questionBox div.question {}
	div#questionBox div.question p {}
	div#questionBox div.question div.number {}
	div.answer{}

	div#vidFrame{}
	div#vidFrame iframe{}
	div#vidCap{}
}
@media all and (max-width: 600px) {
	p{margin: 0px 0px 2vw 0px;}
	ul, ol{padding: 0px 0px 2vw 5vw;}
	div#topStrip{background-size: 29vw 10vw;    background-position: 2vw center;    height: 13vw;}
	div#topStrip a{font-size: 3vw;    line-height: 3vw; padding: 3vh 0.7vh;}
	div#topStrip a.lang{padding: 1vw 1.7vw 0.7vw 0.7vw; font-weight: bold;}

	select{border: 1px solid #808184;    border-radius: 0px;    color: #808184;    height: 7vw;    font: 3vw/3.2vw 'Open Sans',sans-serif;    padding: 0px 1vw;    margin: 0px 0px 0.5vw 0px;    width: auto;}
	input[type="text"], input[type="password"]{font: 4vw 'Open Sans';}

	body#s0 div#mainContainer{height: auto;    min-height: 100vh;    background-color: #fff;}
	div#homeBox{margin: 0vh auto 0 auto;    width: 100vw; height: auto;    overflow: auto;    background-color: #fff;    box-shadow: 9px 9px 14px -4px #333;    padding-top: 1vh;}
		div#homeBox div.left{display: block;    vertical-align: top;    width: 92vw;    margin: 4vw;}
	div#homeBox img#logoMain{display: block;    vertical-align: top;    width: 92vw;    height: auto;    margin: 0vh auto 2vh auto;}
	form#loginForm{padding: 4vw 4vw 6vw 4vw;    width: 92vw;height: auto;}
	form#loginForm h1{text-align: center;    font: 6vw/6.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 2vh 0 2vh 0;    color: #60605f;}
	form#loginForm input[type="submit"]{position: relative;    bottom: unset;    left: unset;    margin:1vw auto 6vw auto;    font: 6vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;}
	form#loginForm label{display: inline-block;    vertical-align: top;    font: 4vw/4.5vw 'Open Sans',arial,sans-serif;    font-weight: 400;    margin: 0px 0px 10px 0px;    cursor: pointer;    max-width: 79vw;}
	body.l1 form#loginForm input[type="submit"]{margin: 2vw auto;}
	div#logCaption{position: relative; background-color: #fff;    z-index: 500;    margin: 0 auto 8vw auto;    width: 100vw;    text-align: center;    color: #60605f;    font: 3vw/3vw 'Open Sans',arial,sans-serif;    font-weight: 400;    padding: 5vh 0;}
		body.l1 div#logCaption{width: auto;    padding: 5vh 2vw;}
	div#logCaption a{    text-decoration: none;    color: #60605f;}

	div#landingPage{width: 100vw;    margin: 0 auto;    height: 90vh;    background-color: #ebebeb;    overflow: auto;}
		div#landingPage div.PAD{padding: 4vw 4vw;}
	div#landingPage.terms div.PAD{font: 4vw/5vw 'Open Sans', Arial;    font-weight: 400;}
	div#landingPage h1{margin: 4vw 0 4vw 0;    color: #60605f;    font: 6vw/7vw 'Open Sans', Arial;    font-weight: 700;    white-space: normal;}

	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#content h2{color: #a41f16;    margin: 3vw 0 2vw 0;    font-size: 4vw;}

	div.topic h2{margin: 0 0 2vw 0;    color: #69356d;    font: 4.5vw/5vw 'Open Sans', Arial;    font-weight: 700;    white-space: normal;}
	div.vidDesc{display: block;    vertical-align: top;    width: 92vw;    white-space: normal;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;     margin-bottom: 4vw;}
		div.vidDesc img{display: block;    width: 92vw;    margin: 0 0 2vw 0;}
	div.vidLinks{display: block;    vertical-align: top;    width: 92vw;}
	div.vidLinks a{display: block;    white-space: normal;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    color: #60605f;    text-decoration: none;    padding: 1vw 0 4vw 18vw;    background-image: url(images/icon_video.svg);    background-repeat: no-repeat;    background-size: 12.6vw 12.4vw;}
	div.vidLinks a.complete{background-image: url(images/icon_video_check.svg);    background-size: 16vw 13vw;}


	div#moduleCon{width: 100vw;    margin: 0 auto;}
img#slideIcon{display: inline-block;    vertical-align: top;    width: 8vw;    height: 8vw;    margin: 5vw 2vw 0 2vw;}
div#slideCon{display: inline-block;    vertical-align: top;    width: 88vw;    margin: 5vw 0 0 0;}

	h1.questionTitle{margin: 0vw auto 2vw auto;    color: #60605f;    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#slideCon p{white-space: normal;    color: #60605f;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;}
		div.questionCon{display: table-cell;    vertical-align: top;    padding: 2vw 0vw 0 0px;}
		div.answer{margin: 0 0 2vw 0;    cursor: pointer;    border-radius: 4vw;    padding: 1vh 5vw 1vh 5vw; background-color: transparent;}
		form#qTextForm textarea{border: 0;    width: 80vw;    padding: 2vw;    height: 40vh;}
			div#specifyCon form#qTextForm textarea{height: 26vh;}
		div.answer#answer_1{margin-top: 0vw;}



	div#buttonStrip{position: absolute;    bottom: 14vh;    width: 100vw;    height: 10vw;    margin: 0 0 0 -12vw;}
	a.back_button{position: absolute;    z-index: 60;    bottom: 1.5vw;    left: 2vw;    display: block;    text-align: center;        padding: 2vw 4vw;    border-radius: 5vw;    font: 5.5vw/5.5vw 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
	a.next_button{position: absolute;    z-index: 60;    bottom: 1.5vw;    right: 2vw;    display: block;    text-align: center;        padding: 2vw 4vw;    border-radius: 5vw;    font: 5.5vw/5.5vw 'Open Sans';    font-weight: 400;    text-decoration: none;    text-transform: uppercase;    white-space: nowrap;    letter-spacing: 0;}
	
	div#progressCon{position: absolute;    bottom: 9vh;    width: 92vw;    height: 3vh;    margin: 0 0 0 -8vw;    border: 1px solid #60605f;}
		div#progressBar{background-color: #e8366e;    height: 3vh;}
		div#progress{font: 3vw/6vw 'Open Sans';    font-weight: 400;    text-align: center;}

	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{margin: 6vw 0 0 -8vw;}
	div#vidFrame iframe{display: block;    width: 92vw;    height: 54vw; background-color: #666;}
	div#vidCap{white-space: normal;    font: 3vw 'Open Sans';    font-weight: 400;    text-align: center;    padding: 1vh 1vh;    width: 90vw;}


	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;line-height: 6vw;}
		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;}