.hidden {
  display: none;
}

.clear{
  clear: both;
}

.container {
  margin-top: 16px;
}

.result {
  margin-top: 16px;
}

.table>thead>tr>th,
.table-centered>tbody>tr>td{text-align:center}

figure{
  padding:10px;
  background:#fff;
  border:1px solid #dadada;
  text-align:center
}
figcaption{
  margin-top:5px;
  padding:5px;
  background:#f4f4f4;
  border:1px dotted #dadada;
  text-align:center
}

.result>figure{
  float:left
}

.table>thead>tr>th.error{
  color:#ce4844
}
.table>thead>tr>th.ok{
  color:#1b809e
}
.table>thead>tr>th.default{
  color:#aa6708
}

.react-md {
  padding: 1rem;
}