/* Copyright 2014 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body {
  margin: 10px 20px;
}

section {
  margin-top: 40px;
}

table {
  border: 1px solid gray;
  border-spacing: 0;
  margin-top: 15px;
  width: 600px;
}

thead {
  background-color: rgb(220, 240, 255);
  font-weight: bold;
}

tbody {
  border-top: 1px solid gray;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

td {
  padding: 5px;
  text-align: left;
}

td::first-letter {
  text-transform: capitalize;
}

.confirmed,
.valid {
  color: green;
}

.done {
  color: darkGray;
}

.invalid {
  color: red;
}

.directives td {
  width: 190px;
}

.tokens td {
  width: 140px;
}

table td.spacer {
  width: 5px;
}

tbody,
thead > tr {
  display: block;
}