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

.content {
  padding: 8px; }

label {
  margin-right: 12px; }

.menu {
  background-color: #000424; }
  .menu h1, .menu .menu-item {
    display: inline-block;
    color: white; }
  .menu h1 {
    margin: 0px 16px; }
  .menu .menu-item a {
    color: white;
    text-decoration: none;
    padding: 15px 9px 5px 9px; }
  .menu .menu-item.active a {
    background-color: #e4e4e4;
    color: black; }
  .menu .menu-item:not(.active) a:hover {
    background-color: #afafaf;
    color: black; }

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.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; }