@import “bootstrap”;

article {

@extend .panel;
@extend .panel-success;

header {
  @extend .panel-heading;
}

section {
  @extend .panel-body;
}

}

report {

#status_display_switch {
    label {
        @extend .checkbox-inline;
    }
}

}

div#steps-statistics section.scenario {

@extend .panel;

&.passed {
    @extend .panel-success;
}

&.failed {
    @extend .panel-danger;
}

&.pending {
    @extend .panel-warning;
}

div.scenario-title {
    @extend .panel-heading;

    &:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    span.permalink {
        margin-right: 1em;
        font-size: 15px;
        a { color: #268bd2; }
    }
}

ul.tags {
    @extend .list-inline;
}

div.steps {
    @extend .panel-group;

    div.step {
        @extend .panel;

        &.passed {
            @extend .panel-success;
        }

        &.failed {
            @extend .panel-danger;
        }

        &.pending {
            @extend .panel-warning;
        }

        &.unexecute {
            @extend .panel-info;
        }

        div.step-title {
            @extend .panel-heading;
        }

        div.step-body {
            @extend .panel-body;
        }

        table.step_data_table {
           margin-top: 2em;
           @extend .table;
           @extend .table-striped;
           @extend .table-bordered;
        }

        pre.step_doc_string {
            margin-top: 2em;
            font-size: 13px;
            color: #586e75;
        }
    }
}

}

div#feature-statistics, div#tag-statistics {

table {
    @extend .table;
    @extend .table-hover;

    tbody td {
        &.passed {
            @extend .success;
        }

        &.failed {
            @extend .danger;
        }

        &.pending {
            @extend .warning;
        }
    }
}

}

@mixin tablesorter-header {

background-position: center right;
background-repeat: no-repeat;
cursor: pointer;

}

div#speed-statistics {

table {
    @extend .table;
    @extend .table-hover;
}

.tablesorter-header {
    @include tablesorter-header;
    background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");

    &.sorter-false {
        background: none;
    }
}

.tablesorter-headerAsc {
    @include tablesorter-header;
    background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
}

.tablesorter-headerDesc {
    @include tablesorter-header;
    background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
}

}

section.exception {

margin: 1em 0em;
border: 2px solid #268bd2;
padding: 2em;

dt {
    line-height: 2em;
    font-size: 15px;
}

dd {
    line-height: 2em;
    font-size: 14px;
}

}

// Sticky footer styles // refs: getbootstrap.com/examples/sticky-footer/sticky-footer.css

html {

position: relative;
min-height: 100%;

}

body {

margin-bottom: 80px;

}

footer {

@extend .text-right;
@extend .container;

bottom: 0;
height: 80px;
padding-top: 1em;
border-top: 1px solid #dddddd;

p {
    @extend .text-muted;
}

}