@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
   font-family: 'Open Sans', sans-serif;

}


/*--------------- start checkbox -----------------*/
input[type=checkbox].css-checkbox8 {
	position:absolute;
 position: absolute; 
 overflow: hidden; 
 clip: rect(0 0 0 0); 
 height:1px; 
 width:1px; 
 margin:-1px; 
 padding:0;
 border:0;
}

input[type=checkbox].css-checkbox8 + label.css-label8, input[type=checkbox].css-checkbox8 + label.css-label8.clr {
	padding-left:30px;
	height:19px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
}


input[type=checkbox].css-checkbox8:checked + label.css-label8, input[type=checkbox].css-checkbox8 + label.css-label8.chk {
	background-position: 0 -19px;
}
label.css-label8 {
background-image:url('../img/chechbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/*--------------custom css for label--------------------*/
.css-checkboxnew {
    padding-left:30px;
	height:19px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px !important;
	vertical-align:middle;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
    margin-bottom:20px;
}

input[type=checkbox].css-checkboxnew:checked + label.css-checkboxnew, input[type=checkbox].css-checkboxnew + label.css-checkboxnew.chk {
	background-position: 0 -19px !important;
}
label.css-checkboxnew {
background-image:url('../img/chechbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

/*--------------- end checkbox -----------------*/


/*  ------------ start radio button --------------------------*/

                         input[type=radio].css-checkbox9 {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox9 + label.css-label9 {
							padding-left:30px;
							height:19px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox9:checked + label.css-label9 {
							background-position: 0 -19px;
						}
						label.css-label9 {
							background-image:url('../img/radiobutton.png');
							-webkit-touch-callout: none;
							-webkit-user-select: none;
							-khtml-user-select: none;
							-moz-user-select: none;
							-ms-user-select: none;
							user-select: none;
						}


/*  ------------ end radio button --------------------------*/

