.div-follow-up-task {
	height: 55px;
	display: grid;
	grid-template-columns: 20px auto 20px;
	grid-template-rows: auto auto auto;
	padding: 3px;
	align-items: center;
	column-gap: 5px;
	grid-auto-flow: row;
}

.div-follow-up-task .flag-icon, .div-follow-up-task .user-icon, .div-follow-up-task .checkbox-done, .div-follow-up-task .calendar-icon {
	place-self: center;
}

.div-follow-up-task .user-icon {
	grid-row: 3;
}

.div-follow-up-task .task-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.div-follow-up-task .responsible-name {
	 grid-column: 2; 
	 grid-row: 3; 
}

.div-follow-up-task-last {
	border-bottom: 1px solid #999;
}

.div-follow-up-task a.linkToEditComponent {
    display: inline;
}

.taskDeadline {
	grid-template-columns: 20px auto auto;
}

.div-follow-up-task .div-owner {
	margin-right: 5px;
	float: left;
}

.div-follow-up-task .div-viewer {
	float: left;
	width: 16px;
	margin-top: -49px;
	margin-left: 231px;
}

.div-follow-up-task .div-title {
	width: 225px;
	float: left;
	margin-left: 5px;
	margin-bottom: 2px;
}

.div-follow-up-task .div-title span {
	font-size: 10px;
	color: gray;
}

.div-follow-up-task .div-type {
	padding-left: 5px;
	width: 230px;
	float: left;
}

.div-follow-up-task .div-priority {
	padding-left: 5px;
	padding-top: 2px;
	width: 230px;
	float: left;
}

.div-follow-up-task hr {
	clear: both;
	display: block;
	margin-top: 36px;
}