@import '../../../styles/abstracts/colors';

.panel-default > .panel-heading {
  background-color: $base-color;
  border-bottom: 0;
  border-radius: 0;
  color: $base-color;
  padding: 2px 8px 4px;
}

.panel-title {
  color: $text-color;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  margin: 0;
  padding: 0 5px;
  @include text-truncate;
}
.panel-title i.fa-bar-chart { font-size: 20px; }

.panel-default .panel-title { color: $base-color; }

.panel-primary {
  .panel-heading {
    background: $panel-background-color;
    border: 1px solid $panel-border-color;
    border-radius: 0;
    color: $text-color;
    margin-bottom: 5px;
    padding: 5px;
    @include clearfix;
  }
}

.panel-secondary {
  .panel-heading {
    background: $panel-background-color;
    border-radius: 0;
    color: $text-color;
    padding: 5px;
    @include clearfix;
  }
}

.panel-small {
  .panel-heading {
    background: $panel-background-color;
    border-radius: 0;
    color: $text-color;
    padding: 3px;
    @include clearfix;
  }

  .panel-title {
    font-size: 12px;
    line-height: 24px;
  }
}

.panel-subaccordion {
  &.open .panel-heading::after {
    transform: translateY(-50%) rotate(0deg);
  }

  .panel-heading {
    background: $panel-background-color;
    border-radius: 0;
    color: $text-color;
    cursor: pointer;
    padding: 5px 25px 5px 6px;
    position: relative;
    @include clearfix;

    &:after {
      content: '\f078';
      font-family: 'FontAwesome';
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg);
    }
  }

  .panel-title {
    font-size: 13px;
    line-height: 24px;
  }
}

.panel-body {
  padding: 7px 10px 3px;
  position: relative;
}

.panel-primary .panel-body {
  border-radius: 0;
  padding: 0;
}