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%;

}