@charset "utf-8";

/*Basic Test Elements*/
#advertadf {
	width:400px;
	height:400px;
	background-repeat: no-repeat;
    background-size: contain;
}
.marketing-piece-split {
    width: 0px;
    height: 15px;
}
#qContain {
	width:calc(100% - 10px);
	min-width:300px;
	margin:60px auto 0px;
	height:100px;
	font-size:1.4em;
	padding:0px 5px;
	text-align:center;
	color:#454e61;
}
#sContain {
	width:100%;
	min-width:100%;
	margin:5px auto;
	height:250px;
}
.marketing-piece {
    width: calc(100%);
    height: 200px;
	min-width:250px;
    border: 1px solid #ddd;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.testProg {
	width:calc(100% - 50px);
	margin:0 auto;
	height:11px;
}
#navContain {
	width:100%;
	min-width:300px;
	margin:50px auto 25px;
	height:auto;
}
.adACT {
	background:url("../png/afterad2.png");
}
.adfull {
	background:url("../png/afterad2.png");
}
.unitestfull {
	background:url("../png/banner_unitest_lille.png");
}
.kufull {
	background:url("../jpg/banner_ku_lille.jpg");
}
.adRev {
	background:url("../png/revafterad2.png");	
}
.adCaliper {
	background:url("../png/caliperafterad2.png");	
}
.adHogan {
	background:url("../png/hoganafterad2.png");	
}
.adCCAT {
	background:url("../png/ccatafterad2.png");	
}
.adUCAT {
	background:url("../png/ucatafterad2.png");	
}
.adPICA {
	background:url("../png/picaafterad2.png");	
}
.adCBST {
	background:url("../png/cbstafterad2.png");	
}
.adDat {
	background:url("../png/afterad2_dat.png");	
}
.adMs {
	background:url("../png/afterad2_ms.png");	
}
.adCub {
	background:url("../png/cubiksafterad2.png");	
}
.adMMAT {
	background:url("../png/mcquaigafterad2.png");	
}
.adMatrigma {
	background:url("../png/afterad_matrigma2.png");		
}
.adRaven {
	background:url("../png/afterad_ravens2.png");		
}
.questionImg7 {
	width:50%;
}
.questionImage7 {
	pointer-events: none;
	position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 200px;
    text-align: center;
}
#qTextHolder {
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif; 
	text-align:center;
	text-size:1.1em;
	line-height:1.4em;
    display: inline-block;
	padding-left:10px;
	padding-right:10px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	width:calc(100% - 20px);
}
#overlayInnerIns {
	position:fixed;
	top: 20px;
	left: 50%;
	margin-left: -50%; /* Negative half of width. */
	width:calc(100% - 40px);;
	padding:20px;
	height:auto;
	background:#FEFEFA;
	border-radius:5px;
	z-index:15;
}
#specialNavBar {
	width:400px;
	height:auto;
	margin:0 auto;
}
.answerMatrix8 {
	width:calc(33% - 15px);
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #F7F7F7;
	margin-left:5px;
	margin-right:5px;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
	margin-top:5px;
	height:auto;
}
.a14Size {
	width:100%;
}
.a15Size {
	/*padding-left:40px;
	transform: scale(0.85);
	width:525px;*/
}
#overlayWindow {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
    z-index:11;
}
#companyLogo {
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	width:auto;
	height:auto;
}
#afterTestAdvertC {
	margin:0 auto;
	width:100%;
	padding:2px 30px 10px 30px;
	background:#2B5D9A;
	color:white;
	height:auto;
	font-family: 'Proxima-Nova-Light';
}
.imgLogo {
	width:auto;
	max-width:80px;
	height:auto;
	max-height:60px;
}



@media only screen and (max-width: 500px) {
.signupnowtaller {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative;   
    top: 220px;
    left: -70px;
    width: 140px;
	font-weight: bold;
	font-size:0.9em;
}
.learnmorenowtaller {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative; 
	top: 185px;
    left: 80px;
    width: 140px;  
	font-size:0.9em;
	font-weight: bold;
}
.signupnow {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative;   
    top: 170px;
    left: -70px;
    width: 140px;
	font-weight: bold;
	font-size:0.9em;
}
.learnmorenow {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative; 
	top: 135px;
    left: 80px;
    width: 140px;  
	font-size:0.9em;
	font-weight: bold;
}
}
@media only screen and (min-width: 500px) {
.signupnowtaller {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative;   
    top: 290px;
    left: -70px;
    width: 140px;
	font-weight: bold;
	font-size:0.9em;
}
.learnmorenowtaller {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative; 
	top: 255px;
    left: 80px;
    width: 140px;  
	font-size:0.9em;
	font-weight: bold;
}
.signupnow {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative;   
    top: 255px;
    left: -70px;
    width: 140px;
	font-weight: bold;
	font-size:0.9em;
}
.learnmorenow {
	height:35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:4px;
	line-height:35px;
	color:white;
	position:relative; 
	top: 220px;
    left: 80px;
    width: 140px;  
	font-size:0.9em;
	font-weight: bold;
}
}

#overlayInner {
	position: absolute;
    top: 100px;
    width: calc(100% - 60px);
    padding: 30px;
    left: 0;
    height: auto;
    margin-left: 0px;
    background: #FEFEFA;
	z-index:15;
}
#testContainer {
	margin:0;
	position:relative;
	top:2px;
	width: 100%;
	min-width:320px;
	border:0px solid black;
}
#contentHolder2 {
	position:absolute;
	top:20px;
  	left: calc(50% - 122px);
	width:245px;
	height:auto;
	z-index:11;
}
.answerSpatial6 {
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #F7F7F7;
	margin-left:5px;
	margin-right:5px;
	width:calc(50% - 12px);
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
	margin-top:5px;
}
.correctOrIncorrect {
	position:absolute;
	top:100px;
	left:50%;
	right:50%;
	margin-left:-70px;
	font-size:2em;
	color:green;
	text-align:center;
	width:135px;
	height:auto;
	border-radius:5px;
	background-color:rgb(250, 250, 250);
	background-color:rgba(250, 250, 250, 0.9);
}
#testContainerInner {
	display:block;
	float:right;
	width: 100%;
	border:0px solid black;
}
#contentHolder {
	position:absolute;
	top:20px;
	margin-left:3%;
	width:94%;
	min-width:350px;
	height:auto;
	z-index:8;
}
#scoreByCategory {
	float:left;
	margin-top:20px;
	width:calc(100%-20px);
	padding:0px 10px;
	min-width:350px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:0.8em;
}
.categoryColumn {
	width:calc(50%-5px);
	margin-left:5px;
	text-align:left;
	float:left;
	height:auto;
	font-size:1.1em;
}
#endTestStats {
	float:left;
	padding-top:20px;
	width:300px;
	padding-left:30px;
	padding-right:45px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:left;
	font-size:1em;
}
#testContainerRight {
	width:100%;
	height:48px;
	float:right;
}
#statisticsHolder {
	z-index:10;
	position:relative;
	padding-bottom:10px;
	top:-10px;
	width:100%;
	height:auto;
	min-height:530px;
	border:2px solid grey;
	background: rgb(247, 247, 247);
	border-radius:20px;
	cursor: pointer;
    transition: background 1s, color  1s;
	-webkit-transition: background 1s, color  1s; /* Safari */
}
#statisticsHolder:hover {
	background: rgb(220, 220, 220);	
    transition: background 1s, color  1s;
	-webkit-transition: background 1s, color  1s; /* Safari */
}
.questionImage {
	position:absolute;
	top:30px;
	left:0;
	right:0;
	cursor: pointer;
}
.questionImage3 {
	position:absolute;
	top:30px;
	left:0;
	right:0;
	text-align:center;
    display: table-cell;
    vertical-align: middle;
}
.explanationImage {
	position:absolute;
	top:30px;
	left:0;
	right:0;
}
.statNumbers {
	z-index:8;
	width:20px;
	height:30px;
	padding-top:10px;
	position:absolute;
	top:0px;
	left:0px;
	background:#373737;
	font-size:1.3em;
	font-family: 'Open Sans Condensed', sans-serif;
	color:white;
	text-align:center;
}
#testTimer, #testQuestionNum, #testTimer2 {
	font-family: 'Open Sans Condensed', sans-serif;
	height:22px;
	float:left;
	padding-top:1px;
	width:150px;
	border:1px solid grey;
	border-width:0px 0px 1px 0px;
}
#testTimer, #testTimer2 {
	color:black;
}
#testTimerTop, #testTimerTop2 {
	float:left;
	width:80px;
	padding-left:10px;
	font-align:left;
	font-size:1em;
}
#testTimerTimer,#testTimerTimer2 {
	float:left;
	font-size:1.2em;
}
#testQuestionNumTop {
	float:left;
	width:80px;
	padding-left:10px;
	font-align:left;
	font-size:1em;
}
#testQuestionNumNum {
	float:left;
	font-size:1em;
}
#testQuestionNum {
	color:black;
}
#testQuestionNumSelector {
	width:100%;
	height:60px;
}
#testQuestionNumSelectorCol1 {
	width:100%;
	height:60px;
	float:left;
	margin-left:0%;
}
#testQuestionNumSelectorCol2 {
	width:27%;
	height:60px;
	float:left;
	margin-left:5%;
}
#testQuestionNumSelectorCol3 {
	width:27%;
	height:60px;
	float:left;
	margin-left:5%;
}

@media only screen and (min-width: 476px) {
	.sitJudgLine {
		width:calc(100% - 10px);
		margin-left:5px;
		padding:5px;
		height:80px;
		text-align:left;
	}
	.sitNum {
		padding:5px;
		width:100%;
		height:63px;
		font-weight:bold;
	}
	.sjtRatingButton {
		width:20px;
		height:17px;
		line-height:17px;
		text-align:center;
		border-radius:3px;
		float:left;
		cursor:pointer;
		font-size:85%;
	}
	.sjtRatingUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:70px;
		margin-left:2px;
		margin-right:2px;
		margin-top:2px;
	}
	.sjtRatingMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:69px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}

	.sjtRatingCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:69px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;

	}
	.sjtRatingWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:69px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.sjtRatingYellow {
		background:#FC910F;
		border:1px solid #FC910F;
		color:white;
		margin-bottom:69px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.moreLessButton {
		width:40px;
		height:15px;
		line-height:15px;
		text-align:center;
		border-radius:5px;
		float:left;
		padding:5px;
		cursor:pointer;
		font-size:90%;
	}
	.moreLessUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:61px;
		margin-left:8px;
		margin-right:2px;
		padding:5px;
		margin-top:2px;
	}
	.moreLessMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:59px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:59px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:59px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
}
@media only screen and (max-width: 475px) and (min-width:400px) {
	.sitJudgLine {
		width:calc(100% - 10px);
		margin-left:5px;
		padding:5px;
		height:110px;
	}
	.sitNum {
		padding:5px;
		width:100%;
		height:93px;
		font-weight:bold;
	}
	.sjtRatingButton {
		width:20px;
		height:17px;
		line-height:17px;
		text-align:center;
		border-radius:3px;
		float:left;
		cursor:pointer;
		font-size:85%;
	}
	.sjtRatingUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:100px;
		margin-left:2px;
		margin-right:2px;
		margin-top:2px;
	}
	.sjtRatingMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}

	.sjtRatingCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;

	}
	.sjtRatingWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.sjtRatingYellow {
		background:#FC910F;
		border:1px solid #FC910F;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.moreLessButton {
		width:40px;
		height:15px;
		line-height:15px;
		text-align:center;
		border-radius:5px;
		float:left;
		padding:5px;
		cursor:pointer;
		font-size:90%;
	}
	.moreLessUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:91px;
		margin-left:8px;
		margin-right:2px;
		padding:5px;
		margin-top:2px;
	}
	.moreLessMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
}
@media only screen and (max-width: 399px) {
	.sitJudgLine {
		width:calc(100% - 10px);
		margin-left:5px;
		padding:5px;
		height:140px;
	}
	.sitNum {
		padding:5px;
		width:100%;
		height:123px;
		font-weight:bold;
	}
	.sjtRatingButton {
		width:20px;
		height:17px;
		line-height:17px;
		text-align:center;
		border-radius:3px;
		float:left;
		cursor:pointer;
		font-size:85%;
	}
	.sjtRatingUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:100px;
		margin-left:2px;
		margin-right:2px;
		margin-top:2px;
	}
	.sjtRatingMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}

	.sjtRatingCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;

	}
	.sjtRatingWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.sjtRatingYellow {
		background:#FC910F;
		border:1px solid #FC910F;
		color:white;
		margin-bottom:99px;
		margin-left:1px;
		margin-right:1px;
		margin-top:1px;
		padding:1px;
	}
	.moreLessButton {
		width:40px;
		height:15px;
		line-height:15px;
		text-align:center;
		border-radius:5px;
		float:left;
		padding:5px;
		cursor:pointer;
		font-size:90%;
	}
	.moreLessUnMarked {
		border:1px solid #4A4A4A;
		color:black;
		margin-bottom:91px;
		margin-left:8px;
		margin-right:2px;
		padding:5px;
		margin-top:2px;
	}
	.moreLessMarked {
		background:#878AC5;
		border:1px solid #878AC5;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessCorrect {
		background:#61A863;
		border:1px solid #61A863;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
	.moreLessWrong {
		background:#CD5D5F;
		border:1px solid #CD5D5F;
		color:white;
		margin-bottom:89px;
		margin-left:6px;
		margin-right:0px;
		margin-top:0px;
		padding:7px;

	}
}
.questionNum {
	font-size:0.8em;
	display:inline;
	float:left;
    position: relative;
    width: 20px;
	height:17px;
	margin-left:5px;
	border-radius:4px;
	margin-bottom:5px;
	text-align:center;
	padding-top:3px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	cursor: pointer;
}
.questionNumSelect{
	float:left;
	background:#D4D4D4;
	color:grey;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
    transition: background 0.5s, color  0.5s;
}
.questionNumSelect:hover{
	color:white;
	background:#B0B0B0;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
    transition: background 0.5s, color  0.5s;
}
.questionNumTaken{
	float:left;
	color:white;
	background:#53A66B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.restoreButton {
	width:70px;
	float:left;
	color:white;
	background:#4CAF50;
	padding:1px;
	margin-left: 10px;
}
.questionNumTaken:hover{
	background:#497659;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.questionNumPresent{
	float:left;
	color:white;
	background:#6683AF;
}
.answerOptionTableSmall {
	position:relative;
  	display: block;
	float:left;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:2%;
	margin-right:1%;
	width:12%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:30px;
	height:50px;
	text-align:center;
}
.answerOptionTable {
	position:relative;
  	display: table-cell;
	background-color:#F3F3F3;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #d6d6d6;
	width:14%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:30px;
	height:50px;
	text-align:center;
}
.answerOption2, .answerOption3, .answerOption4, .answerOption5, .answerOption6, .answerOption8 {
	position:relative;
	padding-left:5px;
	padding-right:5px;
    display: table;
	float:left;
	background-color:#F7F7F7;
	cursor: pointer;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	width:calc(100% - 10px);
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.answerOptionTextHeavy {
	position:relative;
    display: flex;
	align-items: center;
	float:left;
	cursor: pointer;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid rgb(150 150 150);
	width:calc(100% - 10px);
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}

.answerOption2 {
	margin-top:10px;
	height:30px;
}
.answerOption3 {
	margin-top:10px;
	height:30px;
}
.answerOption4 {
	margin-top:5px;
	height:30px;
}
.answerOption5 {
	margin-top:5px;
	height:30px;
}
.answerOption6 {
	margin-top:5px;
	height:30px;
}
.answerOption8 {
	margin-top:5px;
	height:25px;
}
.answerImage2, .answerImage3, .answerImage4, .answerImage5, .answerImage6, .answerImage8, .answerImageTaller4 {
	position:relative;
	padding-left:5px;
	padding-right:5px;
    display: table;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	width:calc(100% - 10px);
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.answerImageFive6 {
	position:relative;
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:2%;
	width:30%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:9px;
	margin-bottom:3px;
	height:auto;
}
.answerImageFive5 {
	position:relative;
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	margin-left:3%;
	width:25%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:9px;
	margin-bottom:3px;
	height:auto;
}
.answerImageFive4 {
	position:relative;
    display: block;
	float:left;
	text-align:center;
	background-color:#F7F7F7;
	cursor: pointer;
	box-shadow: 2px 2px 5px #e4e4e4;
	font-family: 'Open Sans Condensed', sans-serif;
	border:1px solid #EAEBF7;
	width:49%;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	margin-top:9px;
	margin-bottom:3px;
	height:auto;
}
.answerImage17 {
	position:relative;
    display: table;
	float:left;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	width:100%;
	height:auto;
}

.answerImage2 {
	margin-top:10px;
	height:117px;
}
.answerImage3 {
	margin-top:10px;
	height:117px;
}
.answerImage4 {
	margin-top:5px;
	height:117px;
}
.answerImageTaller4 {
	margin-top:5px;
	height:150px;
}
.answerImage5 {
	margin-top:5px;
	height:117px;
}
.answerImage6 {
	margin-top:5px;
	height:117px;
}
.answerImage8 {
	margin-top:5px;
	height:117px;
}

#navigationBar {
	margin:0 auto;
	margin-top:16px;
	height:30px;
	width:100%;
	border:0px solid blue;
}
.naviBut {
	height:28px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1em;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:2px;
	line-height:28px;
}
.backButton {
	float:left;
	color:#2F2F2F;
	background:white;
	width:fit-content;
	padding:3px 10px;
	border:1px solid #A2A2A2;
}
.backButton:hover{
	background:#CCCCCC;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.menuButton {
	margin-top:10px;
	margin-left:100px;
	background:#6683AF;
	float:left;
}
.reviewButton {
	margin-left:2%;
	margin-right:5%;
	background:#4CAF50;
	float:left;
}
.reviewButtonSub {
	margin:0 auto;
	margin-bottom: 20px;
	background:#4CAF50;
	width: fit-content;
    padding: 2px 5px;
}
.nextButton {
	width:fit-content;
	padding:3px 10px;
	background:#4CAF50;
	color:white;
	float:right;
}
.nextButton:hover {
	background:#2B6C1B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}

.nextButton2 {
	width:fit-content;
	padding:3px 10px;
	background:#4CAF50;
	color:white;
	margin:0 auto;
}
.nextButton2:hover {
	background:#2B6C1B;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.endButton {
	padding:2px;
	width:80px;
	background:#FC6500;
	color:white;
	float:right;
}
.endButton:hover {
	background:#A04F11;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.abortButton {
	padding:2px;
	width:80px;
	background:#FC6500;
	color:white;
	float:left;
}
.abortButton:hover {
	background:#A04F11;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.naviBut2 {
	height:24px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:0.9em;
	text-align:center;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
	cursor: pointer;
	border-radius:2px;
	margin-top:3px;
	padding:2px;
	line-height:24px;
	width:90px;
	color:white;
}
.explainButton {
	margin-top:35px;
	position:absolute;
	left:66%;
	right:34%;
	background:#6683AF;
	float:right;
}
.statsButton {
	margin-top:35px;
	position:absolute;
	left:43%;
	right:57%;
	margin-right:2%;
	background:#6683AF;
	float:right;
}
.markedButton {
	margin-top:35px;
	position:absolute;
	left:43%;
	right:57%;
	margin-right:2%;
	background:#33b59d;
	float:right;
}
.reportButton {
	margin-top:35px;
	position:absolute;
	left:18%;
	right:82%;
	margin-left:2%;
	background:#773C3D;
	float:left;
}
.reportButton:hover {
	background:#3B1F20;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.explainButton:hover, .statsButton:hover {
	background:#303B5E;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.subTestScoreText {
	width:100%;
	height:20px;
	text-align:center;
	line-height:20px;
}
.subTestScoreBar {
	width:100%;
	height:30px;
}

.toType {
	width:calc(100% - 30px);
	min-width:300px;
	height:130px;
	font-size:100%;
	padding:10px;
}
.toType2 {
	width:calc(100% - 30px);
	min-width:300px;
	height:30px;
	font-size:100%;
	padding:10px;
}
.theTyped {
	width:calc(100% - 30px);
	min-width:300px;
	padding:10px;
}
.typedTextField {
	font-size:100%;	
}


hr.typing{ 
  padding: 2px 0;
  background-color:#B5B5B5;
  border:0;
  width:calc(100% - 10px);
  margin-bottom:15px;
}
hr.typing2{ 
  padding: 1px 0;
  background-color:#B5B5B5;
  border:0;
  width:calc(100% - 10px);
  margin-bottom:15px;
}
.explain4 {
	max-width: 100%;
    height: auto;
}
.twoQImagesLeft {
	display:inline-block;
}
.twoQImagesRight {
	display:inline-block;
}
#hold17IfExists {
	width:auto;
}

.image17Holder {
	float:left;
	width:50%;
}
@media (max-width: 490px) {
    #hold17IfExists {
		width: 100%;
  	 	margin: 0 auto;
	}
}
@media (hover: hover) {
	.aNotSelect:hover {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}
}
.aNotSelectHigh {
		color:white;
		border:1px solid #4385f5;
		background:#4385f5;
		cursor:pointer;
		-webkit-transition: background 0.5s, border 0.5s; /* Safari */
		transition: background 0.5s, border 0.5s;
	}

.sItem {
	width: 100%;
        float: left;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 1em;
}
.aItem {
	width: 100%;
        float: left;
        height: 55px;
        line-height: 55px;
        text-align: center;
        font-size: 1em;
}
.longSelect {
	word-spacing: normal;
	width:105px;
}
.aNotSelect {
	color:#313131;
	border:1px solid #C4C4C4;
	border-width:1px 0px;
	background:#fcfdff;
	cursor:pointer;
}
.aNotSelectDe {
	color:#313131;
	border:1px solid #C4C4C4;
	border-width:1px 0px;
	background:#fcfdff;
	cursor:pointer;
}
.aSelect {
	color:#fff;
	border:1px solid #0e47a1;
	background:#0e47a1;
	cursor:pointer;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
}
.selectThin {
}
.leftSelect {
}
.rightSelect {
}

.test-container {
			 margin:0 auto;
            max-width: 600px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
         .test-container table {
            width: 100%;
			 margin-top:20px;
            border-collapse: collapse;
        }
         .test-container th, td {
            padding: 15px;
            text-align: left;
        }
         .test-container th {
            background-color: #f8f8f8;
            font-weight: bold;
        }
        .test-container  td {
            background-color: #f9f9ff;
        }
         .test-container .centered {
            text-align: center;
        }
         .test-container input[type="radio"] {
            width: 20px;
            height: 20px;
        }

		#holdCodedArrows {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				max-width:530px;
				width:100%;
				margin:0 auto;
		}
        #holdCodedArrows .container {
            position: relative;
            width: 150px;
            height: 150px;
            background-color: grey;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px;
			cursor:pointer;
			  transition: background-color 0.3s ease-in-out;
        }
        #holdCodedArrows .container:hover {
            position: relative;
            width: 150px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px;
			cursor:pointer;
			background-color: rgba(0, 98, 255, 1); 
        }
        #holdCodedArrows .arrow {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        #holdCodedArrows .arrow-head {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 18.75px; /* 25% of 150px */
            opacity: 0.8;
        }
        #holdCodedArrows .arrow-tail {
            width: 7.5px;
            height: 37.5px; /* 25% of 150px */
            opacity: 0.8;
        }
        #holdCodedArrows .white .arrow-head { border-color: transparent transparent white transparent; }
        #holdCodedArrows .black .arrow-head { border-color: transparent transparent black transparent; }
        #holdCodedArrows .white .arrow-tail { background-color: white; }
        #holdCodedArrows .black .arrow-tail { background-color: black; }
        #holdCodedArrows .grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }