mo.css

body {
	background-color: white;
	color: black;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

.error {
	color: red;
	font-weight: bold;
}

.okay {
	color: green;
	font-weight: bold;
}

table.data {
	border-collapse: collapse;
	margin-top: 2ex;
	margin-bottom: 2ex;
}

table.data.full {
	width: 100%;
}

table.data tr td, table.data tr th {
	border: 1px solid blue;
	padding: 0.1ex 0.5ex;
}

nav#main-menu {
	display: flex;
	background-color: #333;
}

nav#main-menu a, nav#main-menu input[type=submit] {
	background: none;
	border: none;
	border-left:1px solid #bbb;
	margin: 0px;
	color: white;
	font-size: 1em;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
nav#main-menu a:first-child {
	border-left: none;
}
/* Only the first item with .right class does the margin trick */
nav#main-menu > .right { margin-left: auto; }
nav#main-menu > .right ~ .right { margin-left: 0px; }

nav#main-menu a:hover:not(.active), nav#main-menu input[type=submit]:hover {
	cursor: pointer;
	background-color: #111;
}

nav#main-menu a.active {
	background-color: #4CAF50;
}

.form-group.required .control-label:after {
	content:"*";
	color:red;
}