body {
  max-width: 900px;
}
@media (max-width: 500px) {
  body {
    padding: 0 20px;
    width: 100%;
  }
}
@media (min-width: 500px) {
  body {
    margin: 0 auto;
    width: 90%;
  }
}
.glyphicon-ok {
  color: #009510;
}
.glyphicon-remove {
  color: #820c00;
}
input.error {
  background: rgba(255, 0, 0, 0.04);
}
input,
.td-mono td {
  font-family: monospace;
}
@media (max-width: 500px) {
  .input-group-addon {
    display: none;
  }
}
.input-group-addon.error {
  color: #800b05;
  box-shadow: inset 0 0 1px #cc3629;
}
.notjet {
  color: rgba(51, 51, 51, 0.5);
}
footer {
  text-align: center;
}
table {
  text-align: center;
}
@media (min-width: 500px) {
  table.mobile {
    display: none;
  }
}
@media (max-width: 500px) {
  table.desktop {
    display: none;
  }
}