/*
Utils
--------------------------------------------
*/
p.summary{
    color: #999;
    padding-bottom: 0;
    margin: 0;
}
.red{
    color: #ff0000 !important;
}
.green {
    color: green !important;
}
.muted{
    color: #999;
}
pre{
    width: 100%;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    hr{
        margin: 7px 0 -10px 0;
        border-top: 1px dashed #333;
        &.short{
            width: 20%;
        }
    }
}
.imp-error{
    color: #666 !important;
    font-weight: bold;
}

/*
Structural
--------------------------------------------
*/
.main-title {
    float: left;
    .summary {
        padding-bottom: 5px;
        font-size: 18px;
    }
    table {
        margin-bottom: 10px;
        td {
            padding-right: 10px;
            font-size: 13px;
        }
    }
}

.suite, .spec{
    background-color: #ffffff;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 15px 10px;
    margin-top: 5px;
    clear: both;

    .content{
        margin-top: 10px;
    }

    &.closed{
        background-color: #f5f5f5;
        >.content{
            display: none;
        }
    }

    h2{
        font-size: 16px;
        margin: 0;
        padding: 0;
        a{
            display: block;
            color: inherit;

            div.time-taken{
                float: right;
                color: #999;
                font-size: 14px;
                font-weight: normal;
            }

            >span.glyphicon{
                margin-top: 2px;
                margin-right: 5px;
            }
        }
    }

    &.level-1 > h2{
        font-size: 20px;
    }
    &.level-2 > h2{
        font-size: 18px;
    }
    &.level-3 > h2{
        font-size: 16px;
    }
}

.spec{
    padding: 10px 10px;
    h2{
        font-size: 14px;
    }
}