%radio-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	cursor: pointer;
	margin-right: 5px;
	vertical-align: top;
	position: relative;
	text-align: center;
	background:$custome-color-67;
}

%checked {
	background:$theme-color-one;
}

.styled-checkbox {
	@extend %radio-checkbox;
	&.checked{
		@extend %checked;
		color:$theme-color-one;
	}
	input {
		position: absolute;
		margin: auto!important;
		width: 100%;
		height: 100%;
		left: 0;
		opacity: 0;
		cursor: pointer;
	}
}
.styled-radio {
	border-radius: 10px;
	@extend %radio-checkbox;
	input {
		position: absolute;
		margin: auto!important;
		width: 100%;
		height: 100%;
		opacity: 0;
		left: 0;
		cursor: pointer;
	}
	&.checked{
		@extend %checked;
		color:$theme-color-one;
	}
}

.radio-inline{
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}
.radio, .checkbox {
	position: relative;
	display: block;
	margin: 10px 0;
}