/*
 * The controls that make every action work without JavaScript. Each sits
 * exactly over the TodoMVC control it stands in for, and is invisible, so
 * the page looks the same either way. app.js puts the "js" class on
 * <html> and they go.
 */

form.action {
	display: contents;
}

.todo-list li label a {
	color: inherit;
	text-decoration: none;
}

.todo-list li .toggle-submit {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	cursor: pointer;
}

.toggle-all-submit {
	position: absolute;
	top: -65px;
	left: 0;
	width: 45px;
	height: 65px;
	font-size: 0;
	cursor: pointer;
}

.js .todo-list li .toggle-submit,
.js .toggle-all-submit {
	display: none;
}

/* With JavaScript a double-click on the label edits, so the link that
   does the same without it stops taking clicks. */
.js .todo-list li label a {
	pointer-events: none;
}