/*Player CSS : Starts*/
/*-- Activity : Match : CSS : Starts --*/
div#DvActCont0{width:710px; height:400px;	position: absolute; top:30px; left:45px; /*background: rgba(0, 0, 0, 0.5);*/}
div#DvSubmit0 {
    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#DvSubmit0.ClsDisableBtn{opacity: 0.5;  pointer-events: none; cursor: none;}
div#DvSubmit0.ClsEnableBtn{opacity: 1;  pointer-events: auto; cursor: pointer;}

.ClsMatchContainer1{ 
	width:100%; height:400px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; font-size:28px; /*background: rgba(0,0,0,0.01);*/
	overflow-y: auto; overflow-x: hidden;
}
    
.ClsMBlocker{width:100%; height:100%; position:absolute; top:0px; left:0px; /*background-color:rgba(0,0,0,0.5);*/}
.ClsInitial{border:2px solid #00636c; /*@include border-radius(15px);*/}
.ClsSelect{border:4px solid #6f0d33;  
  border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
}
	      	
/* .ClsSet1Text{font-size:28px; font-weight:normal; text-align:center; line-height:70px; padding-top: 0px; color:#046b4d;}
.ClsSet2Text{font-size:28px; font-weight:normal; text-align:center; line-height:70px; padding-top: 0px; color:#046b4d;} */
.ClsSet1Img{width:auto; height:70px;}
.ClsSet2Img{width:auto; height:70px;}
.ClsSet1Icon{position:absolute; width:auto; height:70px; top:-20px; right:-40px;}
.ClsSet2Icon{position:absolute; width:auto; height:70px; top:-20px; right:-40px;}

.ClsSet1Select{
  position:absolute; width:39px; height:39px; top:50%; right:-18px; /*border:2px solid #00636c;*/ 
  border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
  margin-top: -17px;border: 8px solid #6a2a06; background: #ffffff;
}


.ClsSet1SelDot{position:absolute; width:15px; height:15px; top:4px; left:4px; cursor: pointer; 
  border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;   
}

.ClsSet1SelDot.ClsDisableDot{background: #ffffff;}

.ClsSet1SelRes{
  position:absolute; width:39px; height:39px; top:-8px; left:-8px; /*background-image: url(../../assets/images/optionPoint1.png);*/
  /* border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
  border: 8px solid #6a2a06; background: #ffffff; */

}			
.ClsSet1SelRes.ClsCorrect{background-image: url(../../assets/images/optionPoint2.png);}			
.ClsSet1SelRes.ClsInCorrect{background-image: url(../../assets/images/optionPoint3.png);}


.ClsSet2Select{
  position:absolute; width:39px; height:39px; top:50%; right:230px; 
  border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
  margin-top: -17px; border: 8px solid #6a2a06; background: #ffffff;
}

.posRel { position: relative;}

.ClsSet2SelDot{position:absolute; width:15px; height:15px; top:4px; left:4px; cursor: pointer; 
 border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;   
}  

.ClsSet1SelDot.ClsEnableDot, .ClsSet2SelDot.ClsEnableDot{background: #6a2a06;}
.ClsSet2SelDot.ClsDisableDot{background: #ffffff;}

/*-- Set1 --*/
.ClsTable{ display: table; vertical-align: middle; max-height: 94px; width: 100%;}

.ClsTableCell { display: table-cell; position: relative; vertical-align: middle; }
.ClsContSet1{width:250px; height:400px; position:absolute; top:0px; left:0px; /*background: rgba(0,0,0,0.5);*/}
.ClsSet1Element{width:100%; display: block; min-height:69px; text-align:center; cursor:pointer;} 

/*-- Line Container --*/				
.ClsContLine{width:710px; height:400px; position: absolute; top: 0px; left:0px;}
.ClsContSet2{width:250px; height:400px; position:absolute; top:0px; left:460px; /*left:540px; background: rgba(0,0,0,0.5);*/}
.ClsSet2Element{width:100%; display: block; min-height:69px;  text-align:center; cursor:pointer;}

.ClsSet1Element, .ClsSet2Element { /*border:2px solid #4397ff;*/  background-image: url('../../assets/images/optionBg.png'); background-repeat: no-repeat; background-size: contain;}
.ClsSet1Select, .ClsSet2Select  { /*border:6px solid #4397ff;*/ }

.ClsTable.ClsCellHeight0 { height: 69px;}
.ClsTable.ClsCellHeight1 { height: 69px;}
.ClsTable.ClsCellHeight2 { height: 69px;}
.ClsTable.ClsCellHeight3 { height: 69px;}
.ClsTable.ClsCellHeight4 { height: 69px;}
.ClsTable.ClsCellHeight5 { height: 69px;}
.ClsTable.ClsCellHeight6 { height: 69px;}
.ClsTable.ClsCellHeight7 { height: 69px;}

/*-- change font size here --*/
.ClsSet1Text{font-size:28px; font-weight:normal; text-align:center; color:#ffffff; padding: 5px 25px; box-sizing: border-box; /*line-height:70px;*/}
.ClsSet2Text{font-size:28px; font-weight:normal; text-align:center; color:#ffffff; padding: 5px 25px; box-sizing: border-box; /*line-height:70px;*/}

/*-- Increase - Decrease distance between options --*/
.ClsSet1Element, .ClsSet2Element{margin-bottom:10px;}

.navigationPointLIst {
  width: 100%;  
  height: auto;
  position: absolute;
  bottom: 0px;
  text-align: center;
}

.navigationPoint {
  width: 15px;
  height: 15px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #006579;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #006579;
}

.selectedPoint {
  background-color: #FFFFFF;
}
/*-- Activity : Match : CSS : Ends --*/   