.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox label.disabled{
	cursor:default;
}


.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	margin-right: .5em;
	top: 4px;
}

.radio .cr {
	border-radius: 50%;
}

	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}

	.radio .cr .cr-icon {
		margin-left: 0.04em;
	}

.checkbox label,
.radio label {
	padding-left: 0;
	display: flex;
	float: left;
	margin-bottom: 10px;
}

	.checkbox label input[type="checkbox"],
	.radio label input[type="radio"] {
		display: none;
	}

		.checkbox label input[type="checkbox"] + .cr > .cr-icon,
		.radio label input[type="radio"] + .cr > .cr-icon {
			transform: scale(3) rotateZ(-20deg);
			opacity: 0;
			transition: all .3s ease-in;
		}

		.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
		.radio label input[type="radio"]:checked + .cr > .cr-icon {
			transform: scale(1) rotateZ(0deg);
			opacity: 1;
		}

		.checkbox label input[type="checkbox"]:disabled + .cr,
		.radio label input[type="radio"]:disabled + .cr {
			opacity: .5;
		}