.checkbox-toggle{
	display: inline-block;
	margin: 0 4px 10px 4px;
	&.margin-zero{
		margin-bottom: 0;
	}
	input[type="checkbox"]{
		position: absolute;
		opacity: 0;
	}
	input[type="checkbox"]:checked + span{
		background-color: $color_destaque;
		&:after{
			margin-left: 12px;
			background-color: #fff;
		}
	}
	span{
		position: relative;
		display: block;
		width: 36px;
		height: 24px;
		cursor: pointer;
		outline: none;
		background-color: #D1D1D1;
		border-radius: 12px;
		text-indent: -9999px;
		margin: 0;
		&:hover{
			background-color: #888888;
		}
		&:after{
			content: "";
			position: absolute;
			display: block;
			top: 4px;
			left: 4px;
			bottom: 4px;
			width: 16px;
			border-radius: 100%;
			background-color: #fff;
		}
	}
}