@font-face{
	font-family: calibri;
	src: url(common_assests/fonts/calibri.ttf);
	font-weight: normal;
	font-style: normal;
}

input{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 15px;
	line-height: 16px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	text-align: center;
	background-color: transparent;
	height: 14px;
}
.input_s{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 10px;
	line-height: 11px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	text-align: center;
	background-color: transparent;
}
.input_ss{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 9px;
	line-height: 10px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	text-align: center;
	background-color: transparent;
}
.input_ss1{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 9px;
	line-height: 9px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	text-align: center;
	background-color: transparent;
}
.input_ss2{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 7px;
	line-height: 9px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0px;
	text-align: center;
	background-color: transparent;
}


textarea{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 11px;
	line-height: 12px;
	resize: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	overflow: hidden;
	height: 40px;
	background-color: transparent;
}

/*---------------smooth border---------------*/
.bbox{border: solid 1px #7b7b7b;}
.bbox_b{/* border: solid 1px #f6bc1c; */background-color: #efe5f0;}
.bbox_b1{border: solid 1px transparent;background-color: #fff3db;}
.bl{border-left: solid 1px #0088ce;}
.br{border-right: solid 1px #0088ce;}
.bt{border-top: solid 1px #0088ce;}
.bb{border-bottom: solid 1px #000;}
.bb1{border-bottom: solid 0px #000;}
.bbox_w{border: solid 1px #0088ce; background-color: #fff;}
.bbox1{font-size: 7px;line-height: 15px;display: inline-block;}

/*---------------dotted border---------------*/
.dbox{border: dotted 1px #0088ce;}
.dl{border-left: dotted 1px #0088ce;}
.dr{border-right: dotted 1px #0088ce;}
.dt{border-top: dotted 1px #0088ce;}
.db{border-bottom: dotted 1px #0088ce;}

/*---------------border colors---------------*/
.b_green{border-color: green;}
.b_red{border-color: red;}
.b_blue{border-color: blue;}
.b_gray{border-color: #7b7b7b;}
.b_black{border-color: #000000;}
/*---------------radius---------------*/
.r1{border-radius: 1px;}
.r2{border-radius: 2px;}
.r3{border-radius: 3px;}
.r4{border-radius: 4px;}
.r5{border-radius: 5px;}
.r6{border-radius: 6px;}
.r7{border-radius: 7px;}
.r8{border-radius: 8px;}
.r9{border-radius: 9px;}
.r10{border-radius: 10px;}
.r11{border-radius: 11px;}
.r12{border-radius: 12px;}
.r13{border-radius: 13px;}
.r14{border-radius: 14px;}
.r15{border-radius: 15px;}
.r16{border-radius: 16px;}
.r17{border-radius: 17px;}
.r18{border-radius: 18px;}
.r19{border-radius: 19px;}
.r20{border-radius: 20px;}
.r21{border-radius: 21px;}
.r22{border-radius: 22px;}
.r23{border-radius: 23px;}
.r24{border-radius: 24px;}
.r25{border-radius: 25px;}
.r26{border-radius: 26px;}
.r27{border-radius: 27px;}
.r28{border-radius: 28px;}
.r29{border-radius: 29px;}
.r30{border-radius: 30px;}
.r31{border-radius: 31px;}
.r32{border-radius: 32px;}
.r33{border-radius: 33px;}
.r34{border-radius: 34px;}
.r35{border-radius: 35px;}
.r36{border-radius: 36px;}
.r37{border-radius: 37px;}
.r38{border-radius: 38px;}
.r39{border-radius: 39px;}
.r40{border-radius: 40px;}
.r41{border-radius: 41px;}
.r42{border-radius: 42px;}
.r43{border-radius: 43px;}
.r44{border-radius: 44px;}
.r45{border-radius: 45px;}
.r46{border-radius: 46px;}
.r47{border-radius: 47px;}
.r48{border-radius: 48px;}
.r49{border-radius: 49px;}
.r50{border-radius: 50px;}
.r51{border-radius: 51px;}
.r52{border-radius: 52px;}
.r53{border-radius: 53px;}
.r54{border-radius: 54px;}
.r55{border-radius: 55px;}
.r56{border-radius: 56px;}
.r57{border-radius: 57px;}
.r58{border-radius: 58px;}
.r59{border-radius: 59px;}
.r60{border-radius: 60px;}
.r61{border-radius: 61px;}
.r62{border-radius: 62px;}
.r63{border-radius: 63px;}
.r64{border-radius: 64px;}
.r65{border-radius: 65px;}
.r66{border-radius: 66px;}
.r67{border-radius: 67px;}
.r68{border-radius: 68px;}
.r69{border-radius: 69px;}
.r70{border-radius: 70px;}
.r71{border-radius: 71px;}
.r72{border-radius: 72px;}
.r73{border-radius: 73px;}
.r74{border-radius: 74px;}
.r75{border-radius: 75px;}
.r76{border-radius: 76px;}
.r77{border-radius: 77px;}
.r78{border-radius: 78px;}
.r79{border-radius: 79px;}
.r80{border-radius: 80px;}
.r81{border-radius: 81px;}
.r82{border-radius: 82px;}
.r83{border-radius: 83px;}
.r84{border-radius: 84px;}
.r85{border-radius: 85px;}
.r86{border-radius: 86px;}
.r87{border-radius: 87px;}
.r88{border-radius: 88px;}
.r89{border-radius: 89px;}
.r90{border-radius: 90px;}
.r91{border-radius: 91px;}
.r92{border-radius: 92px;}
.r93{border-radius: 93px;}
.r94{border-radius: 94px;}
.r95{border-radius: 95px;}
.r96{border-radius: 96px;}
.r97{border-radius: 97px;}
.r98{border-radius: 98px;}
.r99{border-radius: 99px;}
.r100{border-radius: 100px;}

.tik {
	width: 16px;
	height: 15px;
	display: inline-block;
	border: 1px dotted #7b7b7b;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
}
.tik1 {
	width: 16px;
	height: 15px;
	display: inline-block;
	/*border: 1px dotted #f15922;*/
	border-radius: 11px;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
}
.tik01 {
	width: 16px;
	height: 15px;
	display: inline-block;
	border: 1px dotted #7b7b7b;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
}
.vtik01 {
	width: 16px;
	height: 15px;
	display: inline-block;
	border: 1px dotted #7b7b7b;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
}

.tikr {
	width: 16px;
	height: 15px;
	display: inline-block;
	border: 1px dotted #7b7b7b;
	border-radius: 4px;
	background: url("common_assests/images/tkr1a.png") no-repeat;
	background-size: 14px 14px;
	vertical-align: middle;
	background-position: 0px;
}

.tikw {
	width: 16px;
	height: 15px;
	display: inline-block;
	border: 1px dotted #7b7b7b;
	border-radius: 4px;
	background: url("common_assests/images/tkw1a.png") no-repeat;
	background-size: 14px 14px;
	vertical-align: middle;
	background-position: 0px;
}
.tik1w {
	width: 16px;
	height: 15px;
	display: inline-block;
	/*border: 1px dotted #f15922;*/
	border-radius: 11px;
	background: url("common_assests/images/tkw1a.jpg") no-repeat;
	background-size: 14px 14px;
	vertical-align: middle;
}

.cr{
    border: solid 1px transparent;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr1{
    border: solid 1px transparent;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr_b{
    border: solid 1px transparent;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr1_b{
    border: solid 1px transparent;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}

.cr_red{
    border: solid 1px red;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr_green{
    border: solid 1px green;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr_green1{
    border: solid 1px green;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
}

.cr_black{
    border: solid 1px #7b7b7b;
    border-radius: 5px;
	padding: 1px 2px 0px 2px;
	margin: -1px -2px 0px -2px;
    cursor: pointer;
}

/*---------------Match the columns---------------*/
.left_bubble{
    display: inline-block;	
}
.right_bubble{
    /* float: right; */
    display: inline-block;
}
.Match0 {
font-family: "ab";
font-size:14px;
line-height: 24px;
width: 12px;
height: 12px;
display: inline-block;
margin-top: 0px;
margin-right: 0px;
background-color: #e3a4a4;
text-align: center;
/*cursor: pointer;*/
border-radius: 25px;
color: #ffffff;
vertical-align: middle;
border: 2px solid transparent;
}
.Match1 {
width: 12px;
height: 12px;
display: inline-block;
background-color: #e3a4a4;
cursor: pointer;
border-radius: 25px;
color: #ffffff;
vertical-align: middle;
border: 2px solid transparent;
}
.Match1:active {
width: 12px;
height: 12px;
display: inline-block;
background-color: #e3a4a4;
cursor: pointer;
border-radius: 25px;
color: #ffffff;
vertical-align: middle;
border: 2px solid #c2362e;
}
.selected {
font-family: "ab";
font-size:14px;
line-height: 24px;
width: 12px;
height: 12px;
display: inline-block;
margin-top: 0px;
margin-right: 0px;
background-color: #c2362e;
text-align: center;
cursor: pointer;
border-radius: 25px;
color: #ffffff;
vertical-align: middle;
border: 2px solid #c2362e;
}

.float-left{float:left;}
.float-right{float:right;}
.float-right1{float:right;margin-top: 0px;}
.two_bubble{
	display:inline-block;
}
#reset_btn1{
position: absolute;
    z-index: 1000;
    display: none;
    border-radius: 100px;
    background-color: rgba(193,195,190,1);
    padding: 2px;
}
#reset_btn{
    cursor: pointer;
    display: block;
    width: 40px;
}

.img1{
	display:inline-block;
	text-align:center;
}

/*---------------circle---------------*/
.cg1{
	border:2px solid green;
	border-radius:10px;
	padding:1px;
	cursor:pointer;
}
/*.cr1{
	border:2px solid red;
	border-radius:10px;
	padding:1px;
	cursor:pointer;
}*/
.cr_w{
	border:1px solid #fff;
	border-radius:5px;
	padding:1px;
}

.cw1{
	border:2px solid transparent;
	border-radius:10px;
	padding:1px;
	cursor:pointer;
}
.cw{
	border:2px solid transparent;
	border-radius:10px;
	padding:1px;
	cursor:pointer;
}
.aa{display:none;}


.float-r{float: right;display:block}
.l-padding{padding-left: 0;}
.t-padding0{padding: 0;}
.left{text-align:left;}
.right{text-align:right;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}

.black{color: #000;}
.zind{z-index: 200 !important;}
.zind0{z-index: 50 !important;}
.zind01{z-index: 40 !important;}
.zind02{z-index: 30 !important;}

.rtik1, .rtik2{
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 1.5px dotted #7b7b7b;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
}
.cgreen{
	color: #00A651;
}

.igreen{
	color: #00A651;
}

.ihide{display: none;}


.und0{
    border-bottom: solid 1px transparent;
    cursor: pointer;
}

.und{
    border-bottom: solid 1px transparent;
    cursor: pointer;

}

.undr1{
    border-bottom: solid 1px red;
    cursor: pointer;

	
}
.und1{
	border-bottom: solid 1px green;
    cursor: pointer;


}

.und_green{
    border-bottom: solid 1px green;
    cursor: pointer;
}
.und_red{
    border-bottom: solid 1px red;
    cursor: pointer;
}

.und_green1{
    border-bottom: solid 1px green;
}