.group-container {
  &.efly-popover {
    .efly-popover-layer {
      border: 1px solid $color-border-base;
      width: 230px;

      .group-content {
        li {
          @include box();
          @include flex-align-center();
          height: $height-small;
          padding: 0 $space-mini;
          border-bottom: 1px solid $color-border-light;

          &:last-child {
            border-bottom: none;
          }

          &:hover, &.hover {
            background: $color-table-bg;
            .group-item{
              .group-icon-group{
                @include box();
              }
            }
          }

          >div{
            width: 100%;
          }

          .group-item{
            .group-icon-group{
              display: none !important;
            }
          }

          .group-icon-group{
            @include box();
            >div{
              @include box();
              @include flex-center();
              width: 20px;
              height: 20px;
              border: 1px solid $color-border-base;


            }
            .icon{
              font-size: $font-small;
            }

          }
        }
      }
    }
  }
}
