/* RADIO */
form label {
	display: inline;
}
/*Checkbox*/
form .regular-checkbox {
	display: none;
}

form .regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;

	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

form .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

form .regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

form .regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 1em;
	position: absolute;
	top:  -3px;
	left: 0px;
	color: #99a1a7;
}


form .regular-checkbox-refresh-checked {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -3px;
	left: 3px;
	color: #99a1a7;
}
form .regular-checkbox-refresh-non {
	content: '';
	font-size: 0px;
	position: absolute;
	top: -3px;
	left: 3px;
	color: #99a1a7;
}
 

form .big-checkbox + label {
	padding: 12px;
}

form .big-checkbox:checked + label:after {
	font-size: 2.2em;
	top:  3px;
}

/*radio buttun*/

form .regular-radio {
	display: none;
}

form .regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;

	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
        
}







form .regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}




form .regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

form .regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

form .regular-checkbox-refresh-checked{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

form .big-radio + label {
	padding: 12px;
}

form .big-radio:checked + label:after {
	width: 18px;
	height: 18px;
	left: 3px;
	top: 3px;
}