.todo-error input {
	background-color: #ff9696;
}

.todo-list {
	border: 1px solid #333;
}

.todo-list .oo-ui-optionWidget:not( :last-child ) {
	border-bottom: 1px solid #666;
}

/* TODO: Add the following rules to tutorial CSS */
.oo-ui-inputWidget {
	margin-bottom: 0.5em;
}

.todo-list .oo-ui-labelElement-label {
	margin-left: 0.25em;
}

.tutorials-embed-app .oo-ui-labelElement .oo-ui-optionWidget {
	padding: 0.25em;
}

.tutorials-basics2-button-rules .todo-itemWidget {
	display: inline-table;
}

.tutorials-basics2-button-rules .todo-itemWidget.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
	display: table-cell;
	width: 100%;
	padding: 0.5em;
}

.tutorials-basics2-button-rules .todo-itemWidget .oo-ui-buttonWidget {
	display: table-cell;
}

.todo-error .oo-ui-inputWidget-input {
	background-color: #ff9696;
}

.todo-list {
	border: 1px solid #333;
}

.todo-list .oo-ui-optionWidget:not( :last-child ) {
	border-bottom: 1px solid #666;
}

/* TODO: Add the following rules to tutorial CSS */
.oo-ui-inputWidget {
	margin-bottom: 0.5em;
}

.todo-list .oo-ui-labelElement-label {
	margin-left: 0.25em;
}

.tutorials-embed-app .oo-ui-labelElement .oo-ui-optionWidget {
	padding: 0.25em;
}

.tutorials-basics2-button-rules .todo-itemWidget {
	display: inline-table;
}

.tutorials-basics2-button-rules .todo-itemWidget.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
	display: table-cell;
	width: 100%;
	padding: 0.5em;
}

.tutorials-basics2-button-rules .todo-itemWidget .oo-ui-buttonWidget {
	display: table-cell;
}

Fix error CSS for demos
Fix error CSS for demos

Increase the specificity of the selector for the input field error
state, otherwise the error won't show.

Change-Id: Ic268d9f5c47b6744ef1cabe7c04cb9aab6105af7
