.checklist{
	padding: 3vh;
}
.checklist .task{
	padding: 2vh 0;
}
.checklist .task:not(:last-child){
	border-bottom: 0.4vh solid #f0f0f0;
}
.checklist .task .flLeft.a{
	width: 10%;
}
.checklist .task .flLeft.b{
	width: calc(50% - 2vh);
	padding-right: 2vh;
}
.checklist .task .flLeft.c{
	width: 25%;
}
.checklist .task .flLeft.d{
	width: 15%;
}
.checklist .task .flLeft *{
	vertical-align: top;
	display: block;
}
.checklist .task .text{
	outline: none;
	width: 100%;
	display: block;
}
.checklist .task:last-child .text{
	cursor: text;
}
.checklist .task.completed .text{
	text-decoration: line-through;
	opacity: 0.2;
}
.checklist .task .date{
	width: 100%;
	border: 0px;
	position: relative;
	top: -0.2vh;
	padding: 0;
	margin: 0;
}
.checklist .task .owner{
	opacity: 0.8;
}
.checklist .task .delete{
	margin-left: 2vh;
}
.checklist .task .delete:hover img{
	opacity: 1;
}