div.uwt-checkbox
{
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background-color: #fff;
	border: 2px solid #ddd;
	margin-right: 4px;
}
div.uwt-checkbox:hover
{
	border: 2px solid var(--uwt-color-primary);
}
div.uwt-checkbox.uwt-checked
{
	background-color: var(--uwt-color-primary);
	border-color: var(--uwt-color-primary);
}

div.uwt-checkbox.uwt-checked > i.fa
{
	transition: all 0.3s;
	
	margin: 4px;
	font-weight: bold;
	color: #fff;
}
div.uwt-checkbox:not(.uwt-checked) > i.fa
{
	visibility: hidden;
	opacity: 0;
}