@charset "UTF-8";
/* CSS Document */


body {
	/*width:100%;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden; 
	overflow-y: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	line-height: 1.4;

}





/*scenario page for question*/
div.scenario {
	/*font-size: 5vmin;*/
	position: relative;
font-size: .9em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	/*line-height: 1.1;*/
	 
}

scenariotext {
	/*font-size: 1.5vw;*/
	color: #2E2E2E;
	font-weight: normal;
}


/*question page for question*/

div.question {
	/*font-size: 5vmin;*/
	position: relative;
	font-size: .9em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	
	 
}


questiontext {
	
	/*font-size: 1.5vw;*/
	color: #2E2E2E;
	font-weight: normal;
}


/*answer pages for question*/



/*div.answersold {
	/*font-size: 5vmin;
	position: relative;
	font-size: 1em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
}


answertextold {
	
	/*font-size: 1.5vw;
	color: #2E2E2E;
	font-weight:normal;
	
}*/

/*new answer arrow to remove all text from moving to the next line but staying after bullet*/
div.answerarrow {
	width: 100%;
	margin-left: 0px;
	top: 0px; 
	/*overflow: hidden;*/
	position: relative;
	
}

div.answerarrowimage{
	width: 45px;
}

div.answertext {
	position: absolute;
	width: auto;
	top: 10px;
	left: 50px;
font-size: .9em;
	color: #202020;
	font-weight:normal;
}
/*
div.answerarrow {
	display: inline-block;
	position: relative;
}


div.answerarrowimage{
	position: relative;
	width: 45px;
	float: left;
}

div.answertext {
	position: relative;
	/*width: 280px;*/
	/*margin-left: 1px;	*//*
	margin-top: 10px;
	float: left;
	font-size: .9em;
	color: #202020;
	font-weight:normal;
}
*/






div.placementanswers {
	/*font-size: 5vmin;*/
	position: relative;
	font-size: 1em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	 
}

placementanswertext {
	
	/*font-size: 1.5vw;*/
	color: #D5D5D5;
	font-weight: normal;
}

/*correct page for question*/

div.correct {
	/*font-size: 5vmin;*/
	position: relative;
	font-size: .9em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%; /*changed this for reasons below*/
	line-height: 1.2; /*used becuase we have the coin which give less space for feedback*/
	
}

div.correctsmallertofit {
	/*font-size: 5vmin;*/
	position: relative;
	font-size: .9em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 3%;
	line-height: 1.1;
	
}
correcttext {
	
	/*font-size: 1.5vw;*/
	
	color: #1F1E1E;
	font-weight: normal;
	
}



/*incorrect page for question*/

div.incorrect {
	/*font-size: 5vmin;*/
	/*line-height: 1.1;*/
	position: relative;
font-size: .9em;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1px;
	 
}

incorrecttext {
	
	/*font-size: 1.5vw;*/
	color: #2E2E2E;
	font-weight: normal;
}

slightlylarger {
	font-size: 1.2em;
}

highlightedcolor {
	color: #A75A00;
	font-size: 1em;
	font-weight:bold;
}

trendtitles {
	
	color: #065cc8;
	font-size: 1.3em;
	font-weight:bold;
}

/* used to center some responses */

.centered {
  position: fixed;
  top:50%;
  left: 50%;
  vertical-align: middle;
	text-align: center;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	
}

strong {
	font-weight: normal;
}

slightlysmaller {
	font-size: .8em;
}