.portlet {
  margin-top: 0;
  margin-bottom:$component-span;
  padding: 0;
  border:$border-width solid $border-color;
  .portlet-header {
    border-bottom: $border-width solid $border-color;
    padding:$text-padding $content-padding;
    margin-bottom: $component-span;
    @include horizional-flex-align-center;
    background-color: $background-color;
    .portlet-icon{
      display: block;
      font-size: $font-size*1.5;
      margin-right: $icon-text-span;
      color: $sub-color;
    }
    .portlet-title {
      display: block;
      font-size: $font-size;
      font-weight: 300;
      padding: $component-span 0;
      @include flex-adapter;
      color: $title-color;
      .portlet-action-bar {
        float: right;
        display: inline-block;
        padding: $component-span 0;
      }
    }
  }
  .portlet-body {
    clear: both;
    padding: $content-padding;
  }
}