body {
    background-color: #fafafa;
    font-weight: normal;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin: 10px;
    font-weight: 400;
}

h1, .h1 {
    font-size: 30px;
}

h2, .h2 {
    font-size: 24px;
}

h2.light-and-small {
    color: #999;
    font-size: 16px;
}

h3, .h3 {
    font-size: 20px;
}

table {
    width: 100%;
}

span.duration {
    float: right;
}

th {
    font-weight: 500;
}

.context p {
    font-size: 16px;
    margin: 10px;
    line-height: 1.1em;
}

.large {
    margin-bottom: 48px;
}

/*.large p {
    font-size: 20px;
}*/

.reporter-context p {
    font-style: italic;
}

.table-bordered > tbody > tr, .table-bordered > tfoot > tr {
    background-color: white;
}

.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-color: #ECEFF1;
}

.step-table .step-name {
    text-align: left;
}

.step-table .step-result {
    text-align: left;
}

.step-table .step-line {
    color: grey;
    text-align: right;
    display: inline;
}
.warning      {
    background-color: #FFCDD2;
    color: #AD2B2B;
}

div.page-header {
   margin-bottom: 0px;
   border-bottom: none;
}
span.error      {
    color: #AD2B2B;
    font-size: 1.4em;
}
span.success    {
    color: #53891E;
    font-size: 1.4em;
}
span.pending    {
    color: grey;
    font-size: 1.8em;
}

span.test-icon {
   padding-right: 8px;
   padding-left: 4px;
}

tr.has-context {
    cursor: pointer;
}
.suite-header {
    cursor: pointer;
}
.expandable-control {
    cursor: pointer;
}
.test-pass, .suite-pass {
    background-color: #C8E6C9;
}

.test-fail, .suite-fail {
    background-color: #FFCDD2;
}

.test-skipped, .suite-pending {
    background-color: #B5C8D1;;
}

.test-unknown, .suite-unknown {
    background-color: #5EA3D1;;
}

.success-bar {
    height: 20px;
    width: 100%
}


.pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    margin-left: 0px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pre h1, .pre h2, .pre h3 {
    margin: 20px 0px;
    font-weight: 500;
}

.pre ul { 
    margin-bottom: 0px; 
    margin-block-start: 0em;
    margin-block-end: 0em;
    line-height: 1.0em;
}

.pre hr {
    border-color: #999;
}

.pre blockquote {
    border-color: #999;
}

.log-output {
    background-color: rgba(255, 192, 0, 0.36);
    margin-left:24px;
}

.screenshot-tip {
    margin-left:24px;
}

.screenshotWrapper {
    max-width: 1024px;
    margin-left:24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.screenshot {
}

.screenshot-small {
    height: 20%;
    width: 20%;
}

.screenshot-large {
    height: 100%;
    width: 100%;
}

.table-test {
    margin: 0px;
}

tr.test-row {
    border-top: 2px solid white;
}

.test-iteration{
    background-color: #9bf8ff;
}

.assert {
    background-color: #a39eff;
    margin-left:24px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

.stack {
    background-color: rgba(156, 135, 255, 0.36);
    margin-left:24px;
}

.filter {
    border: 1px solid;
    padding: 8px;
    border-radius: 4px;
    background-color: #ecda8c;
    cursor: pointer;
    /*color:white;*/
}

.filterOff{
    border: 1px solid;
    padding: 8px;
    border-radius: 4px;
    background-color: rgba(138, 226, 219, 0.59);
    cursor: pointer;
    /*color:white;*/
}
/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}