@mixin panel($size) {
    @include border-radius($card-radius);
    background-color: $color-background-alt;
    box-shadow: $large-shadow;
    border: none;
    margin:0;
    margin-bottom:$lineheight;

    & > * {
      margin-left: $size / 2;
      margin-right: $size / 2;
      &:first-child,
      &.sr-only:first-child ~ * {
        margin-top: $size;
        &.card-header {
          margin-top:$card-header-vmargin;
        }
      }
      &:last-child {
        margin-bottom: $size;
        &.card-header {
          margin-bottom:$card-header-vmargin;
        }
      }
    }
}

@mixin panel-header($size) {
  font-family: $basefont;
  font-size: 1em;
  font-weight: $fontweight_bold;


  padding: $size/2 $card-header-padding;
  padding-bottom: $size/2 !important;
  margin: $lineheight_rel / 2 $card-header-hmargin;
  // margin-bottom:$lineheight_rel / 2;
  // margin-top:$lineheight_rel / 2;
  line-height: 1;

  position: relative;
  left: $card-header-position;
  width: $card-header-width;

  @include shape-style($size);
  background-color: var(--accent-color);
  border-radius: 0;

  &:first-child {
    border-top-left-radius: $card-radius;
    border-top-right-radius: $card-radius;
  }

  &:last-child {
    border-bottom-left-radius: $card-radius;
    border-bottom-right-radius: $card-radius;
  }
}