html, body {
  font-size:20px;
  min-width:800px;
  /*border:1px blue solid;*/
  overflow-x:hidden;
}

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

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

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

.droparea {
  border: 2px black solid;
  width: 15vh;
	height:22px;
  margin: 5px;
  position: absolute;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.droparea::before {
  content: attr(data-number); /* Use the data-number attribute for the number */
  font-weight: bold;
  color: white; /* Adjust color as needed */
  font-size:0vh;
}


.draggable{
	margin:5px; 
	font-size:9px; 
	border-radius:5px;
	padding:1px 2px;
  width: 15vh;
	font-size:12px;
	height:15px;
}



.current, .correct, .wrong {

  width: 15vh;
	height:15px;
	font-size:18px;
    padding: 1px 0px;
    font-size: 12px;
}

#submitBtn, #retakeBtn{
	font-size: 15px;
}

#instruction_div{
	font-size:15px;
}

#results{
	font-size: 15px;
}

.choicesHolder{
	width:50%;
	margin:-0px auto 0px 20vh;
	padding-top:20px;
}



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



.holder{
	display: block;
	margin-top:-20px;
}

.imageHolder{
	margin:0px auto;;
}

.imageHolder img{
	margin-top:20px;
}

.contentWrapper{
overflow-y:auto;
}


#droppable{
	
	top:20px;
	margin-left:3px;
}

#droppable2{
	
	top:50px;
	margin-left:3px;
}

#droppable3{
	
	top:80px;
	margin-left:3px;
}

#droppable4{
	
	top:110px;
	margin-left:3px;
}

#droppable5{
	
	top:140px;
	margin-left:3px;
}

#droppable6{
	
	top:170px;
	margin-left:3px;
}

#droppable7{
	
	top:200px;
	margin-left:3px;
}

#droppable8{
	
	top:230px;
	margin-left:3px;
}

#droppable9{
	
	top:260px;
	margin-left:3px;
}

#droppable10{
	
	top:290px;
	margin-left:3px;
}

#droppable11{
	
	top:320px;
	margin-left:3px;
}

#droppable12{
	
	top:350px;
	margin-left:3px;
}

#droppable13{
	
	top:115px;
	margin-left:200px;
}

#droppable14{
	
	top:137px;
	margin-left:200px;
}

#droppable15{
	top:172px;
	margin-left:200px;
}

.controller{
	margin-top:20px;
}


.marks {
    margin-top: 0px !important;
	position:absolute;
	width:15px !important;
}


.answer .imageHolder img{
	margin-top:20px; 
}