/* Controls for when JavaScript is off. Each sits where its TodoMVC
   counterpart is, so the page looks the same either way; the script
   adds the `js` class to <html> and these disappear. */
.js .nojs {
	display: none;
}

.nojs {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

/* Over the "mark all" chevron. */
.toggle-all-submit {
	position: absolute;
	top: -65px;
	left: 0;
	width: 45px;
	height: 65px;
	opacity: 0;
}

/* Over the round checkbox at the start of each item. */
.toggle-submit {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	opacity: 0;
}

/* A small "edit" link, left of where the delete cross appears. */
.edit-link {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50px;
	height: 20px;
	margin: auto 0;
	font-size: 14px;
	line-height: 20px;
	color: #949494;
	text-decoration: none;
}

.edit-link:hover,
.edit-link:focus {
	color: #4d4d4d;
	text-decoration: underline;
}

html:not(.js) .todo-list li label {
	padding-right: 100px;
}

.edit-form {
	margin: 0;
}