.test-results {
  .pass, .fail, .skip, .error {
    font-weight: bold;
    text-transform: uppercase;
  }
  .pass {color: $result-pass;}
  .fail {color: $result-fail;}
  .error {color: $result-error;}
  .skip {color: $result-skip;}
  .warning {color: $result-warning;}
  .details {
    min-height: 250px;
    margin-top: 20px;
    h4 {
      &.heading {
        text-align: center;
        margin-top: 0px;
      }
    }
    padding: 15px;
    padding-left: 20px;
  }
  .tab-content-holder{
    border-left: 1px solid $structure;
  }
  .starburst {
    svg {
      min-width: 200px;
      min-height: 200px;
    }
  }
  .test-result-loading {
    margin-top: 160px;
    font-size: 1.6em;
  }
}

.suite-group {
  padding: 0 0 6px 0;
  .btn {
    text-align: left;
  }
  .well {
    padding: 19px 19px 0px 19px;
  }
}

.test-run-result {
  &.filteredOut{
    display: none;
  }
  .panel-title{
    label {
      color: $brand-accent;
    }
  }
  .details{
    border-top: 2px solid $structure;
    border-bottom: 2px solid $structure;
    margin-bottom: 20px;
    > div {
        max-height: 500px;
        overflow-y: auto;
    }
  }
  .tab-content{
    border: 5px solid $base;
  }
}

.suite-handle {
  &.setup-teardown {
    font-size: .9em;
    color: #999
  }
}

.tab-content-holder .test-results {
  .button-holder{
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    /*border-bottom: 1px solid $structure;*/
    .suite-selectors{
      margin-top: 5px;
      i{ 
        cursor:pointer;
      }
    }
  }
  .selected-run{
    font-size: 16px;
  }
  .past-test-runs-selector.form-control{
    display: inline;
    width: inherit;
    border-color: $brand-accent;
    color: $brand-accent;
  }
  .display-data{
    text-align: left;
    margin-bottom: 10px;
    padding-left: 10px;
    color: $brand-accent;
  }
  .close-change-test-run{
    font-size: 14px;
  }
  .testrun-summary{
    text-align: left;
  }
  h3{
    margin-top: 10px;
  }
  .testrun-summary-tests{
    float: left;
  }
  .testrun-summary-nav{
    float: right;
    font-size: .9em;

    span {
      margin-right: 10px;
      cursor: pointer;
      color: $brand-accent;
    }
  }
}

.test-results{
  .hidden{
    visibility: none;
  }
}

.past-test-runs-selector{
  visibility: none;
}

.tests {
  float: right;
  margin-right: 10px;
}
