@import "../../../assets/constants"
.user-group-bar
  background: $color-bg-light
  border-radius: $border-radius
  font-size: $size-font-content-medium
  padding: 5px 14px
  flex: none
  border: 1px solid #fafafa
  min-height: 36px
  .row
    height: 26px
    line-height: 26px
    cursor: pointer
    .cicon-pulldown
      float: right
    .group-label
      color: #333
      margin-left: 10px
      .icon-user
        color: $color-font-content
        margin-right: 5px
    &.active
      height: auto
      .group
        margin-right: 15px
        .cicon-remove
          color: $color-font-icon
          margin-left: 3px
      .add-group
        cursor: pointer
        .cicon-add
          color: $color-brand
          margin-right: 3px
      .cicon-pulldown
        transform: rotate(180deg)
      .to-button
        padding-top: 15px
        text-align: right
  .c-select .c-opt-group
    .c-header
      background: $color-bg-normal
      color: #b2b2b2
      font-weight: bold
      &:hover
        color: $color-brand