body{
	/* background-color: gray; */
	user-select: none;
}
/* .parentContainer{
	background-image: url(../images/refer5.jpg);
	height: 600px;
	width: 800px;
	left:0px;
	top:0px;
} */

.bgImage1 {
	background-image: url(../images/activity/space_ship_2@2x.png);
	position: absolute;
	width: 800px;
	top: 129px;
    left: -795px;
    height: 380px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.scr{
	display: none;
}

#controler{
	position: absolute;
	top: 101px;
	width: 58px;
	height: 202px;
	background-size: 100% 100%;
	left: 558px;
}
#controler canvas{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

#controlerGlow{
	position: absolute;
	top: 94px;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	left: 562px;
	cursor:pointer;
}
#controlerGlow canvas{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

#gamePanel{
	position: absolute;
	top: 428px;
	width: 312px;
	height: 80px;
	background-size: 100% 100%;
	left: 245px;
}
#gamePanel canvas{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

#numberChange{
	position: absolute;
	top: 220px;
	width: 298px;
	height: 100px;
	background-size: 100% 100%;
	left: 251px;
}
#numberChange canvas{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

#startGame{
	position: absolute;
	top: 84px;
	width: 668px;
	height: 380px;
	background-size: 100% 100%;
	left: 109px;
	display: none;
}
#startGame canvas{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}

.header{
	position:absolute;
	height: 66px;
	width: 100%;
	top:2px;
	left:2px;
	background-color:#3F7497;
}
.DragItem {
    color:#20538A;
    top: 0px;
    cursor:pointer;
	
	position: absolute;
	height: 90px;
	width: 90px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
	/* -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);  */
	
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
	outline: 1px solid transparent;
}
.DragItemdummy {
    color:#20538A;
    top: 0px;
    position: absolute;
    height: 90px;
    width: 90px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);  */
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
    outline: 1px solid transparent;
}

.DropItem {
	height: 204px;
	width: 262px;
	position: absolute;
	background-size: 100% 100%;
}
.DropItems {
	height: 204px;
	width: 262px;
	position: absolute;
	background-size: 100% 100%;
}
.courseTitle{
	position: absolute;
	text-align: center;
	width: 97%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	top: 24px;
	left: 13px;
}
.tens{
	position: absolute;
	width: 35px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	top: 150px;
	right: 79px;
}
.unit{
	position: absolute;
	width: 35px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	top: 150px;
	right: 38px;
}
.randomNum{
	position: absolute;
	width: 35px;
	font-size: 30px;
	font-weight: bold;
	color: #05346a;
	top: 399px;
	left: 380px;
}
.gamePanelTxt{
	position: absolute;
	text-align: center;
	width: 127px;
	height: 37px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	top: 481px;
	left: 336px;
	display:none;
	cursor: pointer;
	border-radius: 5px;
	line-height: 33px;
}
.DropTargetValid {
    background-color:#C7FFC2;
}
.DropTargetInvalid {
    background-color:#FCD9D9;
}
.main{
	position: absolute;
	width: 775px;
	height: 496px;
	padding: 10px;
	left: 0;
	top: -30px;
	right: 0;
	margin: 0 auto;
}
#btn1 {
     
}
#btn2 {
    
}
#btn3 {
    
}
.correctPopup{
	position: absolute;
	left: 162px;
	top: 180px;
	height: 130px;
	width: 210px;
	background-color: #fff;
	display: none;
	border-radius: 8px;
}
.close{
	position: absolute;
	left: 187px;
	top: 10px;
	height: 18px;
	width: 14px;
	cursor: pointer;
}
#correctTxt{
	position: absolute;
    left: 14px;
    top: 55px;
    width: 184px;
}
.headerText{
	position: absolute;
	left: 14px;
	top: 19px;
	width: 264px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.incorrectPopup{
	position: absolute;
	left: 162px;
	top: 180px;
	height: 130px;
	width: 210px;
	background-color: #fff;
	display: none;
	border-radius: 8px;
}
#incorrectTxt{
	position: absolute;
	left: 14px;
	top: 57px;
	width: 190px;
}
.dragable {
    position: absolute;
    width: 94px;
    height: 188px;
    top: 182px;
    right: 27px;
}
.dropable {
	/* background-image: url(../images/activity/boxes@2x.png); */
	position: absolute;
	width: 265px;
	top: 184px;
	left: 135px;
	height: 207px;
	background-size: 100% 100%;
}
.dropable1 {
	/* background-image: url(../images/activity/boxes@2x.png); */
	position: absolute;
	width: 255px;
	top: 184px;
	left: 400px;
	height: 207px;
	background-size: 100% 100%;
}


.tickRight{
    background-image: url(../image/screen24_feedback_right.png);
    position: absolute;
	height: 27px;
	width: 28px;
	margin: 120px;
    margin-top: -74px;
	opacity:0;
}
.tickWrong{
    background-image: url(../image/screen24_feedback_wrong.png);
    position: absolute;
	height: 27px;
	width: 27px;
	margin: 120px;
    margin-top: -74px;
	opacity:0;
}


.drrops{
	position: absolute;
	height: 76px;
	width: 76px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#drrops0{
    top: 102px;
    left: 45px;
}
#drrops1{
   top: 102px;
   left: 115px;
}
#drrops2{
   top: 102px;
   left: 185px;
}
#drrops3{
   top: 102px;
   left: 255px;
}
#drrops4{
   top: 102px;
   left: 325px;
}
#drroops0{
    top: 172px;
    left: 45px;
}
#drroops1{
   top: 172px;
   left: 115px;
}
#drroops2{
   top: 172px;
   left: 185px;
}
#drroops3{
   top: 172px;
   left: 255px;
}
#drroops4{
   top: 172px;
   left: 325px;
}


  
  .DropItem {
	position: relative;
	/* background-image: url(../images/activity/0_0.png); */
	height: 186px;
	width: 30px;
	left: 60px;
	top: 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: block;
	float: left;
	display: table-cell;
	margin-left: -13px;
	/* display: none; */
	/* border: 1px solid red; */
}

.DropItems {
	position: absolute;
	/* background-image: url(../images/activity/0_0.png); */
	height: 28;
	width: 28;
	left: 0px;
	top: 40px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/* display: none; */
	/* clear: left; */
	/* border: 1px solid red; */
}
  
  
.refresh_btn
{
	position:absolute;
	right: 62px;
	top: 8px;
	width: 65px;
	height: 58px;
	background-image:url("../images/replay_normal@2x.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	background-color: transparent;
	border: none;
	left: 10px;
    top: 478px;
	cursor: pointer;
}
.refresh_btn:hover
{
	background-image:url("../images/replay_hover@2x.png");
}
.refresh_btn:active{
	background-image:url("../images/replay_selected@2x.png");
}


.newReset
{
	position:absolute;
	right: 62px;
	top: 8px;
	width: 45px;
	height: 38px;
	background-image:url("../images/replay_normal@2x.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	background-color: transparent;
	border: none;
	left: 142px;
	top: 398px;
	cursor: pointer;
}
.newReset:hover
{
	background-image:url("../images/replay_hover@2x.png");
}
.newReset:active{
	background-image:url("../images/replay_selected@2x.png");
}


.done_btn
{
	position:absolute;
	right: 53px;
	top: 8px;
	width: 58px;
	height: 25px;
	background-image:url("../images/button_normal.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	background-color: transparent;
	border: none;
	left: 335px;
	top: 461px;
	cursor: pointer;
	padding: 8px 35px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 25px;
	display: none;
}
.done_btn:hover
{
	background-image:url("../images/button_hover.png");
}
.done_btn:active{
	background-image:url("../images/button_selected.png");
}
.reset_btn
{
	position:absolute;
	right: 53px;
	top: 8px;
	width: 87px;
	height: 21px;
	background-image:url("../images/play_btn_0001.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	cursor:pointer;
	background-color: transparent;
	border: none;
	left: 335px;
	top: 481px;
	display:none;
	cursor: pointer;
	padding: 10px 22px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 21px;
}
.reset_btn:hover
{
	background-image:url("../images/button_hover.png");
}
.reset_btn:active{
	background-image:url("../images/button_selected.png");
}
.buttonsPatch{
	/* background-image: url(../images/activity/botton_patch@2x.png); */
	position: absolute;
	height: 66px;
	width: 270px;
	background-size: 100% 100%;
	left: 259px;
	top: 450px;
}

#drag0{
    position: absolute;
    height: 186px;
    width: 30px;
    left: 8px;
    top: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#drag1{
    position: absolute;
    height: 30px;
    width: 30px;
    left: 50px;
    top: 155px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#dragdummy0{
    position: absolute;
    height: 186px;
    width: 30px;
    left: 8px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#dragdummy1{
    position: absolute;
    height: 30px;
    width: 30px;
    left: 50px;
    top: 155px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


#drops0{
	position:absolute;
	left: 37px;
	top: 150px;
}
#drops1{
	position:absolute;
	left: 87px;
	top: 150px;
}
#drops2{
	position:absolute;
	left: 137px;
	top: 150px;
}
#drops3{
	position:absolute;
	left: 187px;
	top: 150px;
}
#drops4{
	position:absolute;
	left: 37px;
	top: 100px;
}
#drops5{
	position:absolute;
	left: 87px;
	top: 100px;
}
#drops6{
	position:absolute;
	left: 137px;
	top: 100px;
}
#drops7{
	position:absolute;
	left: 187px;
	top: 100px;
}
#drops8{
	position:absolute;
	left: 37px;
	top: 50px;
}