body { padding-top: 70px; }

.row {
  margin-bottom: 20px;
}

/*
 *  SUMMARY ROW
 */
#summary .widget {
  border: 3px solid #eef;
  border-radius: 10px;
  margin-right: 2.5%;
  padding: 10px;
  width: 18%;
}

#summary .widget:last-child {
  margin-right: 0;
}

#summary .counter {
  display: block;
  font-size: 4em;
  font-weight: bold;
  text-align: center;
}

#summary .metric {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}


/*
 *  INDIVIDUAL TEST RESULTS
 */
#test-results {
  margin: 0;
}

#test-results .result {
  border: solid;
  border-width: 3px thin;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 6px;
  width: 100%;
}

#test-results .result span.outcome-name,
#test-results .result span.time {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}

#test-results .result span.outcome-name {
  overflow: hidden;
  max-width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#test-results .result span.time {
  float: right;
  width: 15%;
}

#test-results .result .failure-details {
  clear: both;
}

#test-results .result.pass {
  background-color: #eef;
  border-color: green;
  font-color: dark-green;
}

#test-results .result.fail {
  background-color: #ffe4b2;
  border-color: orange;
}

#test-results .result.error {
  background-color: #fdd;
  border-color: red;
}

#test-results .result.skip {
  background-color: #f0f0f0;
  border-color: #aaa;
}


/*
 *  CHARTS
 */
#charts h3 {
  margin: 0;
  text-align: center;
}

#charts canvas {
  display: block;
  height: 300px;
  margin: 0 auto;
  width: 90%;
}