/* Allgemein
-------------*/

	.fecg-ui-checkbox {
		display: grid;
		grid-template-columns: 30px 1fr;
		padding-bottom: 12px;
	}

	.fecg-ui-checkbox:after {
		content: '';
		clear: both;
		display: table;
	}

/* Eingabefeld
---------------*/

	.fecg-ui-checkbox--input {
		display: block;
		top: 15px;
		left: 15px;
		height: 18px;
		width: 18px;
		background-color: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #DDDDDD;
		cursor: pointer;
		float: left;
		margin-right: 10px;
	}

	.fecg-ui-checkbox--input:hover {
		background-color: #f2f2f2;
	}

	.fecg-ui-checkbox.checked .fecg-ui-checkbox--input {
		background-color: #666666;
		background-image: url('/project/fecg/ui/checkbox/pub/img/check.svg');
		background-repeat: no-repeat;
		background-size: 14px auto;
		background-position: center center;
		border: 1px solid #666666;
	}

/* Label
---------*/

	.fecg-ui-checkbox--label {
		display: inline;
		background-color: transparent;
		border-radius: 3px;
		cursor: pointer;
		font-size: 13px;
		color: #999999;
		position: relative;
		top: -1px;
	}

	.fecg-ui-checkbox--label:hover {
		color: #888888;
	}