.panel-section {
  @extend .row;

  .panel-description {
    @extend .col-md-3;
    @extend .col-sm-4;

    line-height: 24px;

    @media (max-width: $screen-xs-max) {
      padding-bottom: 20px;
    }
  }

  .panel-title {
    @extend h4;

    margin-top: 0;

    .label {
      position: relative;
      top: -2px;
      margin-left: 4px;
      text-transform: uppercase;
      font-size: 9px;
      padding: 2px 4px 1px 4px;
    }

    .icon {
      position: relative;
      top: -1px;
      margin-right: 4px;
    }
  }

  .panel-details {
    @extend p;
    @extend small;

    color: $gray-dark;
    margin-bottom: 0;
  }

  .panel-content {
    @extend .col-md-offset-1;
    @extend .col-md-8;
    @extend .col-sm-8;

    > :first-child {
      margin-top: 0;
    }

    p {
      line-height: 24px;
    }
  }

  &.danger .panel-title {
    color: $brand-danger;
  }
}