/* Aufgabenliste
-----------------*/

	.fecg-ui-tasklist {
		border-radius: 8px;
		overflow: hidden;
		margin-top: 10px;
	}

/* Eintrag
-----------*/

	.fecg-ui-tasklist--item {
		display: grid;
		grid-template-columns: 30px auto;
		position: relative;
		color: inherit;
		margin-top: 15px;
		padding: 15px;
		border-radius: 5px;
		background-color: rgba(255,255,255,0.7);
		box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
	}

	.fecg-ui-tasklist--item:hover {
		color: inherit;
		cursor: pointer;
		background-color: #F5F5F5;
	}

/* Icon
--------*/

	.fecg-ui-tasklist--icon {
		width: 30px;
		float: left;
		border-radius: 5px;
	}

/* Name
--------*/

	.fecg-ui-tasklist--name {
		display: block;
		font-weight: bold;
	}

/* Details
-----------*/

	.fecg-ui-tasklist--details {
		position: relative;
		font-size: 12px;
		color: #AAAAAA;
		margin-top: 5px;
	}

	.fecg-ui-tasklist--details .mdi {
		font-size: 14px;
		margin-right: 2px;
		position: relative;
		top: 1px;
	}

/* Datum
---------*/

	.fecg-ui-tasklist--date {
		position: absolute;
		top: 10px;
		right: 20px;
	}

/* Fortschrittsbalken
----------------------*/

	.fecg-ui-tasklist--progress {
		display: block;
		width: 100px;
		height: 5px;
		background-color: #EEEEEE;
		border-radius: 5px;
		margin-top: 10px;
	}

	.fecg-ui-tasklist--progress > * {
		display: block;
		height: 5px;
		border-radius: 5px;
		background-color: #1a4a59;
	}