a {
  color: hsl(213, 65%, 48%);
}


th {
    text-align: left;
    background: hsl(213, 65%, 48%);
    color:      #fff;
}

td.FAIL {
    background: hsl(353, 65%, 52%);
    color:      #fff;
}

td.PASS {
    background: hsl(165, 50%, 35%);
    color:      #fff;
}

td.NOTRUN, td.TIMEOUT, td.undefined {
    background: #f6bb42;
    color:  hsl(219, 8%, 33%);
}

table > tbody > tr > td.NOTRUN, table > tbody > tr > td.TIMEOUT {
    padding:    8px 2px;
}

td.OK {
    color:  transparent;
}

td.FAIL, td.PASS, td.NOTRUN, td.TIMEOUT, td.undefined, td.OK {
    font-size:  0.7em;
    text-align: center;
}

tr.test {
    background: #ccd1d9;
}

tr.test > td:first-of-type {
    font-weight:    bold;
}

tr.test :not(:first-child) {
    background: #ccd1d9;
    color: #ccd1d9;
}

tr.test small {
    font-weight:    normal;
}

tr.subtest > td:first-of-type {
    padding-left:   2em;
    max-width:  790px;
    overflow:   hidden;
    text-overflow:  ellipsis;
    white-space:    nowrap;
}

tr.messages > td:first-of-type {
    width: 100%;
    padding-left:   2em;
}

tr.message > td.ua {
  font-weight: bold;
  vertical-align: top;
  padding-right: 1em;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
}

.message_toggle {
  padding-left: 3em;
  display: none;
  font-size: 0.7em;
  cursor: pointer;
}

dd {
    padding-left:   2em;
}