html, body {
  font-size:20px;
  min-width:800px;
  /*border:1px blue solid;*/
   overflow-x: hidden;
   width: 100%;
  position: relative;
  overscroll-behavior-x: none;
}

.header{
	background-image:url(../Images/whiteBG.png);
	margin-bottom:10px;

}

.content2{
	width: 85%;
	height:80%;
}

.imageHolder{
	width:300px;
	margin:0px auto;
}

#submitBtn, #retakeBtn, #AnswerBtn, #nextBtn, #prevBtn{
	font-size: 15px;
	width: 207px;
     margin: 5px auto;
}



#refbtn img{
	margin-right:40px;
}


#results{
	font-size: 15px;
}

.choicesHolder{
	width:100%;
}



.popupHolder {
  height:350px;
  width:250px;
}


#highscorefeedBack{
	margin-top:15px;
}

/*====================*/

.inline{
  white-space:nowrap;
}

.inlineChoices{
  white-space:nowrap;
}


.choices{
	margin:5px !important;
}


.setChoices1, .setChoices2{
	width:100px;
	height:100px;
}

.marks{
	width:30px;
	height:30px;
}

.imgTD{
	width:150px;
}

.imgTD img{
	width:150px;
}

.itemImg{
	width:100px;
}

.tableHolder{
	width:350%;
	overflow-x:auto;
}

.tableHolder td{
	white-space:nowrap;
}

.draggable1, .draggable2 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: block;
}

.dropped{
	width:100px !important;
	height:100px !important;
	line-height:100px !important;
}

.inlineChoices {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.choices2 {
	height: 40px;
	line-height: 40px;
}



.decimal-box {
	font-size: 20px;
	height: 70px;
}

.decimal-container {
	width: 110px;
}

@media screen and (max-width: 420px) {
	
	.question {
		margin-bottom: 0;
		margin-top: 20px;
	}
}