.wpj-list-group {
   border-radius: $border-radius-base;
   box-shadow: $box-shadow;
   margin-bottom: $grid-gutter-width;
   padding-left: 0; // reset padding because ul and ol
}

.wpj-list-group-item {
   position: relative;
   display: flex;
   align-items: center;
   padding: 10px 15px;
   margin-bottom: -1px;
   background-color: $list-group-bg;
   border: 1px solid transparent; //$list-group-border;
   border-top-color: $lightgray-dark;
   min-height: 56px;

   > .row {
      flex: 1;
      display: flex;
      align-items: center;
   }

   &:hover {
      background-color: $list-group-hover-bg;
   }

   &:first-child {
      @include border-top-radius($list-group-border-radius);
   }

   &:last-child {
      @include border-bottom-radius($list-group-border-radius);

      margin-bottom: 0;
   }

   &.disabled {
      opacity: .5;
      pointer-events: none;
   }
}

@include wpj-list-group-item-variant(primary, $primary-light, $primary-dark);
@include wpj-list-group-item-variant(secondary, $white, $mediumgray-dark);
@include wpj-list-group-item-variant(success, $success-light, $success-dark);
@include wpj-list-group-item-variant(info, $info-light, $info-dark);
@include wpj-list-group-item-variant(danger, $danger-light, $danger-dark);
@include wpj-list-group-item-variant(warning, $warning-light, $warning-dark);
