@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: 13px;
	line-height: 16px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 0px;
	text-align: left;
	background: transparent;
}
textarea{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 20px;
	line-height: 25px;
	resize: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
}
.textarea1{
	outline: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #7b7b7b;
	font-family: calibri;
	font-size: 20px;
	line-height: 25px;
	resize: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
    background: transparent;
}

/*---------------smooth border---------------*/
.bbox{border: solid 1px #0088ce;}
.bl{border-left: solid 1px #0088ce;}
.br{border-right: solid 1px #0088ce;}
.bt{border-top: solid 1px #0088ce;}
.bb{border-bottom: solid 1px #0088ce;}

/*---------------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;}

/*---------------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: 18px;
	height: 18px;
	display: inline-block;
	border: 1px dotted #0088ce;
	border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
}
.tikr {
	width: 18px;
	height: 18px;
	display: inline-block;
	border: 1px dotted #0088ce;
	border-radius: 5px;
	background: url("common_assests/images/tkr1a.jpg") no-repeat;
	background-size: 16px 16px;
	vertical-align: middle;
}
.tikw {
	width: 18px;
	height: 18px;
	display: inline-block;
	border: 1px dotted #0088ce;
	border-radius: 5px;
	background: url("common_assests/images/tkw1a.jpg") no-repeat;
	background-size: 16px 16px;
	vertical-align: middle;
}

/*-----------circle------------------*/
.cr{
    border: solid 1px transparent;
    border-radius: 5px;
    padding: 3px 3px 0px 2px;
    margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr1{
    border: solid 1px transparent;
    border-radius: 10px;
    padding: 0px 4px;
    margin: 0px -4px;
    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_black{
    border: solid 1px #7b7b7b;
    border-radius: 5px;
    padding: 1px 2px 0px 2px;
    margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.cr_gray{
    border: solid 1px #7b7b7b;
    border-radius: 5px;
    padding: 3px 3px 0px 2px;
    margin: -1px -2px 0px -2px;
    cursor: pointer;
}
.und1{
    border-bottom: solid 1px #078b0d;
    cursor: pointer;
}
.undr1{
    border-bottom: solid 1px red;
    cursor: pointer;
}
.und{
    cursor: pointer;
}
.und0{
    cursor: pointer;
}

/*-----------circle------------------*/

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}


.border{
    border: 1px solid #f7e33d;

}

.aa{display:none;}
#b01{width:auto;height:auto;}


/*---------------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;}
.two_bubble{
	display:inline-block;
}
#reset_btn1{
	position:absolute;
	z-index:1000;
	width:35px;
	height:35px;
	display:none;
	border-radius:8px;	
	background-color:rgba(193,195,190,1);
}
#reset_btn{
	cursor:pointer;
    margin-top: 8px;
    display: block;
    margin-left: 7px;
}