.panel-heading{
  text-align: left;
  padding: 0px 0px;
}

.panel-group .panel{
  border-bottom: 1px solid $structure;
  box-shadow: none;
}

.panel-body{
  text-align: left;
  label{
    color: $brand-accent;
  }
}

.panel-title{
  text-align: left;
  font-size: 18px;
  padding-bottom: 15px;

  label {
    font-weight: normal;
    cursor: pointer;
  }
}

/*START COLLAPSE PANEL*/
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}

.test-panel-heading {
  font-weight: bold;
}

#test-data{
  & .panel-collapse{
    text-align: left;
  }
}

.panel-collapse{
  &.test-results{
    margin-bottom: 15px;
    & .listed-results {
      padding-right: 0px;
    }
  }
}

.individual-test-result-panel{
  & .panel-title{
    margin-bottom: 10px;
  }
  & .panel-heading{
    label{
      font-size: 14px;
    }
  }
  & .tab-content{
    margin-left: 23px;
    margin-bottom: 25px;
    font-size: 16px;
  }
  &.filteredOut{
    display: none;
  }
}

.response-panel{
  a{
    font-size: 18px;
    text-decoration: none;
  }
  .request-panel-header{
    border: 1px solid $structure;
    border-radius: 5px;
    padding: 7px;
    padding-bottom: 3px;
    background-color: $brand-tertiary;

    .request-panel-refresh {
      float: right;
      cursor: pointer;
    }
  }
  .response-panel-body{
    padding: 15px;
    background-color:$brand-tertiary;
    border: 1px solid $structure;
    h2{
      font-size: 18px;
      &:first-child{
        margin-top: 0;
      }
    }
    .show-hide-header{
      a{ 
        font-size: 14px;
        &:focus, &:visited{
          color: $brand-accent;
        }
      }
      margin-top: 20px;
      margin-bottom: 10px;
      .link-show{
        display: none;
      } 
      .link-hide{
        display: block;
      }
      .collapsed{
        .link-show{
          display: block;
        } 
        .link-hide{
          display: none;
        }
      }
    }
    .header-text {
      word-wrap: break-word;
    }
    .request{
      font-size: 14px;
      padding-left: 15px;
    }
    .response{
      font-size: 14px;
      padding-left: 15px;
    }
  }
}


