main {
	padding: 4em 2em 2em 2em;
	max-width: 960px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
section {
	display: none;
}

canvas{
	width: 100%;
}

main[data-page="dashboard"] section[id="dashboard"] {
	display: block;
}

main[data-page="ota"] section[id="ota"] {
	display: block;
}

main[data-page="wifi"] section[id="wifi"] {
	display: block;
}

main[data-page="io"] section[id="io"] {
	display: block;
}

.table {
	width: 100%;
	display: table;
}
.table>.row{
	display: table-row;
}
.table>.row:nth-child(2n) {
	background: rgba(17,17,17,0.05);
}
.table>.row>*{
	display: table-cell;
	padding: .3em 2.4em .3em .6em;
}
.table>header.row>*{
	text-align: left;
	font-weight: 900;
	color: #fff;
	background-color: #0074d9;
}

.table>.row>input{
	border: none;
	background: none;
	font-weight: 900;
}

.plain{
	opacity: initial;
	width: initial;
}