*, *::after, *::before {
	box-sizing: border-box;
}

.taskItemsHeader {
	font-weight: bold;
}

.tasksView_tasks {
	position: absolute;
	top: 3rem;
	width: 100%;
}

.taskItem {
	position: absolute;
	width: 100%;
	height: 3rem;
	background-color: green;
	line-height: 3rem;
}

.taskItem > div:nth-child(2n + 1) {
	background-color: rgba(0, 0, 0, 0.4);
}

.taskItem > div:nth-child(2n + 2) {
	background-color: rgba(0, 0, 0, 0.2);
}

.taskItem_checkmarkWrap,
.taskItem_title,
.taskItem_every,
.taskItem_targetNextDate {
	display: block;
	float: left;
	border: 1px solid black;
	height: 100%;
}

.taskItem_checkmarkWrap {
	width: 4rem;
	text-align: center;
}
.taskItem_checkmark {
	width: 100%;
	height: 100%;
}

.taskItem_title {
	padding-left: 0.5rem;
	width: calc((100% - 25%) - 4rem);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.taskItem_id {
	display: none;
}

.taskItem_every {
	/*min-width: 100px;*/
	width: calc(10%);
	font-size: 0.5rem;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.taskItem_targetNextDate {
	padding-left: 0.5rem;
	/*min-width: 200px;*/
	width: calc(15%);
	font-size: 0.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
}