/*reset css*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/*reset css*/
#checkMatch, #clrMatch{
	border: 0;
	padding: 6px;
	outline: none;
	border-radius: 10px;
	background-color: rgba(51, 134, 199, 0);
	color: rgba(0, 0, 0, 0);
	pointer-events: none;
	display: none;
	box-shadow: 1px 1px 2px #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
.radioBtn{
	width: 15px;
	height: 15px;
	background-color: gray;
	border-radius: 100%;
}
[id^="l"].radioBtn{
	width: 15px;
	height: 15px;
	background-color: gray;
	border-radius: 100%;
}
[id^="fixLine_l"].radioBtn, [id^="fixLine_r"].radioBtn{
	width: 15px;
	height: 15px;
	background-color: green;
	border: 1px solid green;
	border-radius: 100%;
}
/*custom css you can change as per your requirement*/

.page1_p1{
	position: absolute;
	top: 2px;
	left: 17px;
}
.page1_p2{
	position: absolute;
	top: 48px;
	left: 153px;
}
.page1_p3{
	position: absolute;
	top: 2px;
	left: 85px;
}
.page1_p4{
	position: absolute;
	top: 48px;
	left: 17px;
}
.page1_p5{
	position: absolute;
	top: 2px;
	left: 153px;
}
.page1_p6{
	position: absolute;
	top: 48px;
	left: 221px;
}
.page1_p7{
    position: absolute;
    top: 2px;
    left: 221px;
}
.page1_p8{
	position: absolute;
	top: 48px;
	left: 85px;
}
.page1_p9{
	position: absolute;
	top: 2px;
	left: 289px;
}
.page1_p10{
	position: absolute;
	top: 48px;
	left: 363px;
}
.page1_p11{
	position: absolute;
	top: 2px;
	left: 363px;
}
.page1_p12{
	position: absolute;
	top: 48px;
	left: 289px;
}

.page1_p13{
	position: absolute;
	top: 348px;
	left: 290px;
}

.page1_p14{
	position: absolute;
	top: 419px;
	left: 200px;
}

.page1_p15{
	position: absolute;
	top: 102px;
	left: 0px;
}

.page1_p16{
	position: absolute;
	top: 45px;
	left: 66px;
}

.page1_p17{
	position: absolute;
	top: 176px;
	left: 0px;
}

.page1_p18{
	position: absolute;
	top: 134px;
	left: 91px;
}

.page1_p19{
	position: absolute;
	top: 197px;
	left: 0px;
}

.page1_p20{
	position: absolute;
	top: 27px;
	left: 91px;
}



.resetBtnPos{
	position: absolute;
	top: 11px;
	left: 171px;
}
/* added animation in bullet point */
.btnBlinking{
	animation: blink ease-in-out 500ms infinite alternate;
}
@keyframes blink{
	from{background-color: gray;}
	to{
		background-color: #400000;
		transform: scale(1.15);
	}
}
.btnBlinkingLeft{
	animation: btnBlinkingLeft ease-in-out 500ms infinite alternate;
}
@keyframes btnBlinkingLeft{
	from{background-color: gray;}
	to{
		background-color: #400000;
		transform: scale(1.15);
	}
}