body {
  background: Azure;
}
.error,
.unmatched {
  background: Orange;
}
.matched {
  background: Cyan;
}
.globalErrorMessage {
  font-size: 130%;
  width: 100%;
  padding: 10px;
  margin: 5px;
  box-sizing: border-box;
  background: Orange;
  border-left: solid 15px #bb0000;
}
table {
  border-collapse: collapse;
}
td,
th {
  padding: 0.5em;
}
.statusBar {
  font-size: 180%;
  padding: 0.7em;
  border-radius: 5px;
  width: 90%;
  margin: 5px;
}
.statusBar.error {
  border-left: solid 15px #bb0000;
}
.statusBar.success {
  border-left: solid 15px #0000bb;
}
.header {
  display: table;
  font-size: 120%;
  border-radius: 5px;
  background: DarkSlateGray;
  color: White;
  margin-bottom: 5px;
  width: 100%;
  padding: 5px;
}
#logoImg,
.loginPanel {
  vertical-align: top;
  display: table-cell;
  text-align: right;
  margin: 5px;
}
#headerTitle {
  vertical-align: top;
  display: table-cell;
  width: 100%;
  padding: 5px;
}
#headerTitle a {
  color: White;
  text-decoration: none;
}
.grouping {
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  border: solid;
  width: 95%;
}
.grouping.success {
  background: DodgerBlue;
}
.grouping h2 {
  color: White;
}
.grouping.error {
  background: OrangeRed;
}
.menuPanel {
  margin: 5px;
  padding: 5px;
}
.menuItem {
  padding: 5px;
  margin-top: 10px;
  margin-left: 20px;
  background: LightCyan;
  border-left: 10px solid blue;
  border-radius: 5px;
}
.backLink {
  margin: 0.5em;
}
#loginInMenu {
  min-width: 8em;
}
.version {
  font-size: 70%;
}