﻿.css-checkbox {
	/*width: 20px;*/
	height: 20px;
	text-align: right;
	position: relative;
	display: inline-block;
}

	.css-checkbox span:hover {
		border: none;
	}

	.css-checkbox .lbl-checkbox {
		margin-right: 3px;
		display: inline;
	}

	.css-checkbox input[type=checkbox] {
		vertical-align: middle;
		margin-right: 2px !important;
		margin-top: 0 !important;
	}

	.css-checkbox label:not(.lbl-checkbox) {
		cursor: pointer;
		position: absolute;
		width: 18px;
		height: 18px;
		right: 0px;
		top: 3px;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 3px;
	}

		.css-checkbox label:not(.lbl-checkbox):after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: 'È';
			position: absolute;
			width: 14px;
			height: 14px;
			background-color: #00e9d3;
			border-radius: 3px;
			top: 1px;
			left: 1px;
			font-size:9px;
			line-height:14px;
			text-align:center;
			font-family:fontello;
			color:#fff;
		}

		.css-checkbox label:not(.lbl-checkbox):hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.3;
		}

	.css-checkbox input[type=checkbox]:checked + label:not(.lbl-checkbox):after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}
