body {
  background-color: #e4e4e4;
  margin: 0px;
  font-family: sans-serif; }

.content {
  padding: 8px; }

label {
  margin-right: 12px; }

.menu {
  background-color: #000424; }
  .menu h1, .menu .menuItem {
    display: inline-block;
    color: white; }
  .menu h1 {
    margin: 0px 16px; }
  .menu .menuItem a {
    color: white;
    text-decoration: none;
    padding: 15px 9px 5px 9px; }
  .menu .menuItem.active a {
    /* FIXME: Make this lighter when there is no submenu, to match the page background color */
    background-color: #dddddd;
    color: black; }
  .menu .menuItem:not(.active) a:hover {
    background-color: #afafaf;
    color: black; }

.fakeSubmenu, .submenu {
  background: linear-gradient(to bottom, #dddddd, #dddddd 60%, #caccce); }

.fakeSubmenu {
  height: 16px; }

.submenu {
  padding: .3em .2em 0 .2em;
  border-bottom: 1px solid #000424; }
  .submenu .menuItem {
    display: inline-block;
    margin-bottom: -1px;
    padding: .3em .7em;
    font-size: .95em; }
    .submenu .menuItem a {
      text-decoration: none;
      color: black; }
    .submenu .menuItem.active {
      background-color: #e4e4e4;
      border: 1px solid #000424;
      border-bottom: none; }

table {
  border-collapse: collapse; }
  table th, table td {
    padding: 6px 9px;
    border: 1px solid black; }
  table th {
    text-align: left; }
  table td.hidden {
    border: none; }

table.drives td {
  vertical-align: top; }

table.drives td.smart.HEALTHY {
  background-color: #00a500; }

table.drives td.smart.DETERIORATING {
  background-color: #ff9100; }

table.drives td.smart.FAILING {
  background-color: #e60000; }

table.drives .hasPartitions td:not(.smart), table.drives .partition:not(.last) td:not(.smart) {
  border-bottom-color: transparent; }

table.drives .partition {
  font-style: italic;
  font-size: .8em; }
  table.drives .partition td {
    padding: 4px 9px; }
  table.drives .partition .notMounted {
    color: gray; }

table.drives tr.smartStatus {
  font-size: .85em; }
  table.drives tr.smartStatus td {
    padding: 4px 9px; }

table.drives th.healthy {
  color: #006100; }

table.drives th.atRisk {
  color: #7c4600; }

table.drives th.failing {
  color: #c20000; }

.stacktrace {
  white-space: pre-wrap;
  font-family: monospace; }
  .stacktrace .irrelevant {
    color: gray; }