/*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: 50px;
	left: 115px;
}
.page1_p2{
	position: absolute;
	top: 128px;
	left: 154px;
}
.page1_p3{
	position: absolute;
	top: 165px;
	left: 113px;
}
.page1_p4{
	position: absolute;
	top: 300px;
	left: 182px;
}
.page1_p5{
	position: absolute;
	top: 295px;
	left: 112px;
}
.page1_p6{
	position: absolute;
	top: 390px;
	left: 175px;
}
.page1_p7{
    position: absolute;
    top: 422px;
    left: 112px;
}
.page1_p8{
	position: absolute;
	top: 42px;
	left: 177px;
}
.page1_p9{
	position: absolute;
	top: 478px;
	left: 143px;
}
.page1_p10{
	position: absolute;
	top: 173px;
	left: 167px;
}
.page1_p11{
	position: absolute;
	top: 420px;
	left: 313px;
}
.page1_p12{
	position: absolute;
	top: 346px;
	left: 264px;
}

.page1_p13{
	position: absolute;
	top: 326px;
	left: 314px;
}

.page1_p14{
	position: absolute;
	top: 256px;
	left: 238px;
}

.page1_p15{
	position: absolute;
	top: 194px;
	left: 315px;
}

.page1_p16{
	position: absolute;
	top: 85px;
	left: 253px;
}

.page1_p17{
	position: absolute;
	top: 55px;
	left: 315px;
}

.page1_p18{
	position: absolute;
	top: 215px;
	left: 253px;
}

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

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



.resetBtnPos{
	position: absolute;
	top: 205px;
	left: 196px;
}
/* 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);
	}
}