/* Codigo de teste: */

.check-field label {
	font-size: 0.7rem;
	font-weight: bold;
}
.check-field label > input:checked + span {
	background: #246D26;
}
.check-field label > input + span {
	display: inline-block;
	border-radius: 2rem;
	height: 2rem;
	width: 4.3rem;
	position: relative;
	vertical-align: middle;
	border: 1px solid grey;
	transition: background .1s ease-in-out;
	font-size: 0.8rem;
	padding: 0.4rem 0.6rem;
	text-align: right;
	color: #0004;
}
.check-field label > input:checked + span {
	text-align: left;
	color: #fff;
}
.check-field label > input + span::after {
	content: " Não";
}
.check-field label > input:checked + span::after {
	content: " Sim";
}
.check-field label > input:checked + span::before {
	left: calc(100% + 3px - 2rem);
	background: #fff;
	border-color: #fff;
}
.check-field label > input + span::before {
	background: grey;
	border: 1px solid grey;
	display: block;
	border-radius: 50%;
	height: calc(2rem - 6px);
	width: calc(2rem - 6px);
	position: absolute;
	left: 1px;
	top: 1px;
	content: " ";
	transition: background .1s ease-in-out,left .1s ease-in-out;
}
.check-field label > input {
	display: none;
}

.error { background: #fdd; }

select:focus { outline: 2px solid blue; }