﻿.round20, .square20 {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	top: -2px;
}

	.round20 label, .square20 label {
		background-color: #fff;
		border: 2px solid #bdb8b3;
		border-radius: 50%;
		cursor: pointer;
		height: 20px;
		left: 0;
		position: absolute;
		top: 0;
		width: 20px;
		margin: 0 !important;
		padding: 0 !important;
	}

	.square20 label {
		border-radius: 0 !important;
	}

		.round20 label:after, .square20 label:after {
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			content: "";
			height: 10px;
			left: 3px;
			opacity: 0;
			position: absolute;
			top: 1px;
			transform: rotate(-45deg);
			width: 10px;
			margin: 0 !important;
			padding: 0 !important;
		}

		.square20 label:after {
			border-color: #0b600d !important;
		}
.round16, .square16 {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	top: -2px;
}

	.round16 label, .square16 label {
		background-color: #fff;
		border: 2px solid #bdb8b3;
		border-radius: 50%;
		cursor: pointer;
		height: 16px;
		left: 0;
		position: absolute;
		top: 0;
		width: 16px;
		margin: 0 !important;
		padding: 0 !important;
	}

	.square16 label {
		border-radius: 0 !important;
	}

		.round16 label:after, .square16 label:after {
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			content: "";
			height: 8px;
			left: 3px;
			opacity: 0;
			position: absolute;
			top: 1px;
			transform: rotate(-45deg);
			width: 8px;
			margin: 0 !important;
			padding: 0 !important;
		}

		.square16 label:after {
			border-color: #0b600d !important;
		}

.round14, .square14 {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	top: -2px;
}

	.round14 label, .square14 label {
		background-color: #fff;
		border: 2px solid #9d9d9d;
		border-radius: 50%;
		cursor: pointer;
		height: 14px;
		left: 0;
		position: absolute;
		top: 0;
		width: 14px;
		margin: 0 !important;
		padding: 0 !important;
		vertical-align: top;
	}

	.square14 label {
		border-radius: 0 !important;
	}

		.round14 label:after, .square14 label:after {
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			content: "";
			height: 7px;
			left: 2px;
			opacity: 0;
			position: absolute;
			top: 1px;
			transform: rotate(-45deg);
			width: 8px;
			margin: 0 !important;
			padding: 0 !important;
		}

		.square14 label:after {
			border-color: #0b600d !important;
		}

.round12, .square12 {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	top: -2px;
}

	.round12 label, .square12 label {
		background-color: #fff;
		border: 2px solid #9d9d9d;
		border-radius: 50%;
		cursor: pointer;
		height: 12px;
		left: 0;
		position: absolute;
		top: 1px;
		width: 12px;
		margin: 0 !important;
		padding: 0 !important;
	}

	.square12 label {
		border-radius: 0 !important;
	}

		.round12 label:after, .square12 label:after {
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			content: "";
			height: 6px;
			left: 1px;
			opacity: 0;
			position: absolute;
			top: 0px;
			transform: rotate(-45deg);
			width: 6px;
			margin: 0 !important;
			padding: 0 !important;
		}

		.square12 label:after {
			border-color: #0b600d !important;
		}

	.round20 input[type="checkbox"],
	.round16 input[type="checkbox"],
	.round14 input[type="checkbox"],
	.round12 input[type="checkbox"],
	.square20 input[type="checkbox"],
	.square16 input[type="checkbox"],
	.square14 input[type="checkbox"],
	.square12 input[type="checkbox"],
	.round20 input[type="radio"],
	.round16 input[type="radio"],
	.round14 input[type="radio"],
	.round12 input[type="radio"],
	.square20 input[type="radio"],
	.square16 input[type="radio"],
	.square14 input[type="radio"],
	.square12 input[type="radio"] {
		visibility: hidden;
	}

		.round20 input[type="checkbox"]:checked + label,
		.round16 input[type="checkbox"]:checked + label,
		.round14 input[type="checkbox"]:checked + label,
		.round12 input[type="checkbox"]:checked + label,
		.round20 input[type="radio"]:checked + label,
		.round16 input[type="radio"]:checked + label,
		.round14 input[type="radio"]:checked + label,
		.round12 input[type="radio"]:checked + label {
			background-color: #66bb6a;
			border-color: #9d9d9d;
		}

		.square20 input[type="checkbox"]:checked + label,
		.square16 input[type="checkbox"]:checked + label,
		.square14 input[type="checkbox"]:checked + label,
		.square12 input[type="checkbox"]:checked + label,
		.square20 input[type="radio"]:checked + label,
		.square16 input[type="radio"]:checked + label,
		.square14 input[type="radio"]:checked + label,
		.square12 input[type="radio"]:checked + label {
			background-color: white;
			border-color: #9d9d9d;
		}

			.round20 input[type="checkbox"]:checked + label:after,
			.round16 input[type="checkbox"]:checked + label:after,
			.round14 input[type="checkbox"]:checked + label:after,
			.round12 input[type="checkbox"]:checked + label:after,
			.square20 input[type="checkbox"]:checked + label:after,
			.square16 input[type="checkbox"]:checked + label:after,
			.square14 input[type="checkbox"]:checked + label:after,
			.square12 input[type="checkbox"]:checked + label:after,
			.round20 input[type="radio"]:checked + label:after,
			.round16 input[type="radio"]:checked + label:after,
			.round14 input[type="radio"]:checked + label:after,
			.round12 input[type="radio"]:checked + label:after,
			.square20 input[type="radio"]:checked + label:after,
			.square16 input[type="radio"]:checked + label:after,
			.square14 input[type="radio"]:checked + label:after,
			.square12 input[type="radio"]:checked + label:after {
				opacity: 1;
			}
