body {
	margin: 2rem auto;
	--background-color: #DDD;
	background-color: var(--background-color);
	--mobile-height: 40px;
}
.hidden {
	display: none;
}

@media (hover: none) {
	.select2-container span,
	.select2-container li,
	input, button, select {
		min-height: var(--mobile-height);
	}

	input[type="submit"], button, select {
		flex: 1 0 0;
	}

	/* format forms */
	.container-submit {
		display: flex;
	}
	table,
	tbody,
	tr {
		display: block;
	}
	td {
		display: flex;
	}
	td > * {
		flex: 1 0 0;
	}
	td:first-child {
		display: inline-block;
		padding-top: .5rem;
		font-weight: bold;
	}
	td > input[type="submit"] {
		flex: 0 0 auto;
	}
	form {
		flex: 1 0 0;
	}
}