.list {
  @extend .list-group,
          .list-group-flush;

          &_content {
            flex: 1;
          }
}

.list-pull {
  margin-left: -1rem;
  margin-right: -1rem;
}

.item_num {
  @extend %text-truncate;
  color: theme-color("default");
  font-weight: $font-weight-bold;
  font-size: $font-size-lg;
  margin-bottom: 0.25rem;
}
.item_name {
  @extend %text-truncate;
  color: theme-color("primary-lighter");
  font-weight: $font-weight-bold;
  font-size: $font-size-lg;
  margin-bottom: 0.25rem;
}
.item_desc {
  color: theme-color("info");
  margin-bottom: 0;
}

.list-item {
  @extend .list-group-item,
          %px-2;
  display: flex;
  position: relative;
  border: 1px solid #d6d6d6;

  &:focus,
  &:hover {
      background-color: $list-group-hover-bg;
      cursor: pointer;
      transition: all 0.15s ease-in-out;
  }

  .form-group {
    margin-bottom: 0 !important;
  }
}

.list_status {
  position: absolute;
  right: 0;
  top: 0;
}