.matching-line-question .question{
	position: relative;
}
.matching-line-question .que-text {
	box-sizing: border-box;
	word-break: keep-all;
}
.matching-line-question .question .instr-txt,
.matching-line-question .question .que-instr {font-weight: normal; font-style: italic;}
.matching-line-question .ans-value-txt{
	position: absolute;
	left: 50%;
	color: #007934;
	top: -2em;
}
.matching-line-question .que-txt-panel{position: relative; }
.matching-line-question .option-panel{
	position: relative; 
	margin: 1em 0em 0.5em 0em;
	display: block;
	width: 100%;
}
.matching-line-question .drag-panel,
.matching-line-question .drop-panel{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.matching-line-question .drag-panel{
	width: 56%;	
}
.matching-line-question .drop-panel{
	width: 28%;	
	float: right;
}
.matching-line-question .drop-panel .drag-area-panel,
.matching-line-question .drop-panel .option-data{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 65px;
}
.matching-line-question .drop-panel .drag-area-panel{text-align: center;}
.matching-line-question .drag-area-panel{
	position: relative; 
	width: 50px;
	height: 50px;
	top: 0px;
	left: 0px;
	border: 1px solid #001c4a;
	background-color: #E3F7FD;
	color: #fff;
	background-clip: padding-box;
}
.matching-line-question .drag-item,
.matching-line-question .drop-item{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.matching-line-question .drag-area-panel .drag-area{
	position: relative;
	width: 50px;
	height: 50px;
	/* border: 1px solid #E00034; */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.matching-line-question .drag-item{
	transition: none;
	background-color:transparent;
	color:#ffffff;
	width: 50px;
	height: 50px;
	z-index: 1;
	position: relative;
	cursor:grab;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	-webkit-transform: translate3d(0);
	transform: translate3d(0);
}
.matching-line-question .drag-item .btn-icon{font-size: 1.2em;}
.matching-line-question .drag-panel .drag-txt-panel,
.matching-line-question .drop-item .option-data{
	padding: 0.5em 1em;
	border: none;
	height: 65px;
}
.matching-line-question .drop-item .option-data{color: #000000; }
.matching-line-question .drag-panel .drag-item-panel,
.matching-line-question .drop-panel .drag-area-panel{
	padding: 0.0em;
	border: none;
	width: 50px;
	height: 50px;
	background-color: #001c4a;
}
.matching-line-question .drop-panel .drag-area-panel {
    background-color: #a8d5ff;
}
.matching-line-question .drag-item.disabled{cursor: default;}
.matching-line-question .spacer{display:block; position: relative;height: 30px;}

.matching-line-question .question .clickable{
    display: inline-block;
	position: relative;
	margin:0.0em;
}
.matching-line-screen .feedback-container,
.matching-line-question .feedback-container{   
    position: absolute;
	top: auto;    
	bottom: 0em;
    height: auto;
    color:#fff;
	max-height: 100%;
	width: 55%;
	z-index: 11;
}
.matching-line-screen .feedback-container .popup,
.matching-line-question .feedback-container .popup{
    background-color: transparent;   
    margin: 0em;
    width: 100%;
    padding: 0em;  
    
}
.matching-line-screen .feedback-container .popup .pop-col-text,
.matching-line-question .feedback-container .popup .pop-col-text{
    background-color: #a8d5ff;
    padding: 1em 1em 1em 1em;
    text-align: center;
}
.matching-line-screen .feedback-container .popup .text-box,
.matching-line-question .feedback-container .popup .text-box{
    padding: 1.5em 1.5em 1.5em 1.5em; 
    
}
.matching-line-question .drag-item .status{
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #E00034;
	padding: 9px;
	left: 5px;	
	display: none;
	top: 50%;	
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 10px 5px;
}
.matching-line-question .drag-item .status.i-tick{
	border-color: transparent;
	background-color: #001c4a;
	color:#ffffff;
	display: block;
}
.matching-line-question .drag-item .status.i-cross{
	border-color: transparent;
	background-color: #EF4631;
	color:#ffffff;
	display: block;
}
.matching-line-question .draggable-area{
	position: absolute;
    top: 0em;
    left: 30%;
	width: 20%;
	height: 100%;
	display: block;
}
.svg-panel{
    position: absolute;
    top: 0em;
    left: 0%;
	width: 100%;
	height: 100%;
}
.svg-panel .svg{
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.matching-line-question .svg-panel .line{
  stroke-width: 0.1em;
  stroke: #001c4a;
}
.matching-line-question .drag-item.dragging{
	background-color: #001c4a;
	color:#fff;
}
.matching-line-question .activity-panel .submit-panel{min-height: 3.7em;}
.matching-line-question .activity-panel .submit-panel .btn{margin:0.5em 0em 0.5em 0.5em;}
.matching-line-question .activity-panel .submit-panel.right .btn{margin-right:0em;}
.matching-line-question .bottom-btn-panel .help-cell .btn{min-width: 12.7em;}

/* for different size  */
.matching-line-question .drag-area-panel,
.matching-line-question .drag-area-panel .drag-area,
.matching-line-question .drag-panel .drag-item-panel,
.matching-line-question .drop-panel .drag-area-panel,
.matching-line-question .drag-item{
	width: 54px;
	height: 30px;
	padding: 0em 0.1em;
}
/* for both column same height apply height for cell */
.matching-line-question .drag-panel .drag-txt-panel,
.matching-line-question .drop-item .option-data{
	padding: 0.1em 0.5em;
	border: none;
	height: 130px;
	background-color: #E6E6E6;
}
/* draggable-area */
.matching-line-question .draggable-area{
	width: 24%;
    left: 52%;
}

/* .drag-panel .option-box, .drop-panel .drop-item {
	border-bottom: 4px solid #ffffff;
} */
/* --mediaQuery Start-- */
@media screen and (max-width: 834px) {
	.matching-line-question,
	.matching-line-question .activity-panel,
	.matching-line-question .question{position: relative; height: auto;}

	.matching-line-question .activity-panel .submit-panel{text-align: center; min-height: auto;}
    .matching-line-question .activity-panel .submit-panel .btn{margin:0.5em;}
    .matching-line-question .activity-panel .submit-panel.right .btn{margin:0.5em;}
    .matching-line-question .bottom-btn-panel .help-cell{margin-top: 0.5em;}
	.matching-line-question .bottom-btn-panel .help-cell .btn{min-width: 13.2em;}

	.matching-line-question .ans-value-txt{display: none;}

	.matching-line-screen.feedback-container,
	.matching-line-question .feedback-container{
		position: relative;
		bottom: auto;
		width: 100%;
		top: 0em;
		padding: 0em;
		margin-top: 2em;
	}
}