.panel-heading > .row {
   padding: 4px 15px 2px;
}

.panel-heading > .row .panel-title {
   margin-left: 20px;
}

.panel-heading-sm {

   > .row {
      padding: 8px 0 6px;
      display: flex;
      align-items: center;

      > div:first-child {
         flex-grow: 1;
      }

      h5 {
         font-size: 15px;
         margin: 0;
      }
   }
}

.panel.first {
   margin-top: 10px;
   margin-bottom: 10px;
}

.box > div.panel {
   flex: 1 0 auto;
}


.panel-group-lists {
   .panel-heading {
      > .row .panel-title {
         margin-left: -10px;
      }

      > .row > div > .btn-group, > .row > div > .btn {
         margin-top: 2px;
      }
   }
}

.panel-heading-close {
   color: $black;
   font-size: 12px;
   display: inline-flex;
   align-items: center;
   opacity: .5;

   .glyphicon {
      font-size: 14px;
      margin-left: 5px;
   }

   @include haf {
      color: $black;
      opacity: .9;
   }
}

.panel-heading-flex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}


.panel .panel-heading p {
   margin: 0;
   padding: 7px 4px 7px 0;
}


div.panel.drag-drop {
   box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}


.panel-heading {
   .badge {
      border: none;
      margin-top: -2px;
      margin-left: 2px;
      margin-right: 2px;
   }
}

.panel.panel-sm {

   .panel-body {
      padding: 5px;
   }
}


.panel.panel-sm .panel-body.text-indent {
   padding: 10px 15px;
}

.panel-group-lists .panel:first-child {
   background: $gray-background;
}

.panel-heading[data-toggle="collapse"] {
   cursor: pointer;

   > .glyphicon-minus-sign {
      float: right;
      top: 3px;
   }

   &.collapsed > .glyphicon-minus-sign::before {
      content: "\e081";
   }

   &:hover {
      background-color: $gray-background;
   }
}