.ClsScreen{width:710px; height:400px;	position: absolute; top:0px; left:0px;}

div#DvActCont1{width:710px; height: 400px; position: absolute; top: 30px; left: 45px; /*background: rgba(0,0,0,0.5);*/}
div#DvSubmit1{ 
  width: 192px; height: 65px; position: absolute; top: 420px; left: 304px; background-image:url("../../assets/images/btnSubmit.png");
  text-align: center; font-size: 24px; color: #ffffff; line-height: 65px; cursor: pointer;
}

div#DvSubmit1.ClsDisable{opacity: 0.5; pointer-events: none; cursor: none;}

/*-- Drag and Drop CSS : Starts --*/
.ClsDrag{width:180px; height: 69px; position: absolute !important; cursor: move; background-image:url("../../assets/images/dragBg.png"); background-repeat: no-repeat;}

.ClsDrag.ClsCorrect::before{content: ""; width:31px; height: 32px; position: absolute; top:19px; left:-35px; background-image:url("../../assets/images/right.png"); background-size: contain;}
.ClsDrag.ClsInCorrect::before{content: ""; width:31px; height: 32px; position: absolute; top:19px; left:-35px; background-image:url("../../assets/images/wrong.png"); background-size: contain;}

.ClsCovDrop{width:180px; height: 69px; position: absolute !important; background-image:url("../../assets/images/dropBg.png"); background-repeat: no-repeat;}
.ClsDrop{ width:180px; height: 69px; position: absolute !important;}

/*-- 2 drags-drops --*/
.ClsBg2 .ClsDrag0{top:9px; left: 20px;}
.ClsBg2 .ClsDrag1{top:87px; left: 20px;}

.ClsBg2 .ClsCovDrop0{top:9px; left: 507px;}
.ClsBg2 .ClsCovDrop1{top:87px; left: 507px;}

.ClsBg2 .ClsDrop0{top:0px; left: 0px;}
.ClsBg2 .ClsDrop1{top:0px; left: 0px;}

/*-- 3 drags-drops --*/
.ClsBg3 .ClsDrag0{top:9px; left:20px;}
.ClsBg3 .ClsDrag1{top:87px; left:20px;}
.ClsBg3 .ClsDrag2{top:165px; left:20px;}

.ClsBg3 .ClsCovDrop0{top:9px; left:510px;}
.ClsBg3 .ClsCovDrop1{top:87px; left:510px;}
.ClsBg3 .ClsCovDrop2{top:165px; left:510px;}

.ClsBg3 .ClsDrop0{top:0px; left:0px;}
.ClsBg3 .ClsDrop1{top:0px; left:0px;}
.ClsBg3 .ClsDrop2{top:0px; left:0px;}

/*-- 4 drags-drops --*/
.ClsBg4 .ClsDrag0{top:9px; left:20px;}
.ClsBg4 .ClsDrag1{top:87px; left:20px;}
.ClsBg4 .ClsDrag2{top:165px; left:20px;}
.ClsBg4 .ClsDrag3{top:243px; left:20px;}

.ClsBg4 .ClsCovDrop0{top:9px; left:510px;}
.ClsBg4 .ClsCovDrop1{top:87px; left:510px;}
.ClsBg4 .ClsCovDrop2{top:165px; left:510px;}
.ClsBg4 .ClsCovDrop3{top:243px; left:510px;}

.ClsBg4 .ClsDrop0{top:0px; left:0px;}
.ClsBg4 .ClsDrop1{top:0px; left:0px;}
.ClsBg4 .ClsDrop2{top:0px; left:0px;}
.ClsBg4 .ClsDrop3{top:0px; left:0px;}

/*-- 5 drags-drops --*/
.ClsBg5 .ClsDrag0{top:9px; left:20px;}
.ClsBg5 .ClsDrag1{top:87px; left:20px;}
.ClsBg5 .ClsDrag2{top:165px; left:20px;}
.ClsBg5 .ClsDrag3{top:243px; left:20px;}
.ClsBg5 .ClsDrag4{top:321px; left:20px;}

.ClsBg5 .ClsCovDrop0{top:9px; left:510px;}
.ClsBg5 .ClsCovDrop1{top:87px; left:510px;}
.ClsBg5 .ClsCovDrop2{top:165px; left:510px;}
.ClsBg5 .ClsCovDrop3{top:243px; left:510px;}
.ClsBg5 .ClsCovDrop4{top:321px; left:510px;}

.ClsBg5 .ClsDrop0{top:0px; left:0px;}
.ClsBg5 .ClsDrop1{top:0px; left:0px;}
.ClsBg5 .ClsDrop2{top:0px; left:0px;}
.ClsBg5 .ClsDrop3{top:0px; left:0px;}
.ClsBg5 .ClsDrop4{top:0px; left:0px;}

.ClsDragImg{background-size: contain; background-repeat: no-repeat; background-position: center;}

/*-- Drag with Text CSS : Starts : Change accordingly --*/
.ClsDragText2{font-family:'Lilita_One'; text-align: center; color: #ffffff; font-size: 24px; line-height: 69px; /*padding: 5px;*/}
.ClsDragText3{font-family:'Lilita_One'; text-align: center; color: #ffffff; font-size: 24px; line-height: 69px; /*padding: 5px;*/}
.ClsDragText4{font-family:'Lilita_One'; text-align: center; color: #ffffff; font-size: 24px; line-height: 69px; /*padding: 5px;*/}
.ClsDragText5{font-family:'Lilita_One'; text-align: center; color: #ffffff; font-size: 24px; line-height: 69px; /*padding: 5px;*/}
/*-- Drag with Text CSS : Ends --*/

/*-- Drag and Drop CSS : Ends --*/