@import '../../../../assets/variable.less';
.module-user-group-user-list {
  &-list-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    &-left {
      .module-user-group-user-list-list-bar-count {
        color: @titleOneColor;
        font-weight: 500;
        font-size: 18px;
      }
    }
    &-right {
      display: flex;
      align-items: center;
      &.insight {
        position: absolute;
        z-index: 99;
        transform: translateY(-50%);
      }

      > *:nth-child(n + 2) {
        margin-left: 24px;
      }
      .module-user-group-user-list-list-bar-selector {
        .drop-button {
          display: flex;
          align-items: center;
          // width: 106px;
          height: 32px;
          padding: 0 12px;
          background: #fafafb;
          border: 1px solid #fafafb;
          border-radius: @border-radius-small;
          box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
          cursor: pointer;
          &-txt {
            margin: 0 8px 0 4px;
          }
          .bsicon {
            line-height: 1;
          }
          &.open {
            color: @primary-color;
            background-color: @themeColorOpacity6;
            .button-icon {
              div {
                background-color: @primary-color !important;
              }
              li {
                &:nth-child(n + 2) {
                  background-color: @primary-color !important;
                }
              }
            }
          }
        }
        .realtimeable-tip {
          height: 29px;
          padding: 0 @padding-sm;
          line-height: 29px;
        }
        .attribute-desc {
          padding: 0 10px;
          color: #666666;
          font-size: 12px;
          line-height: 30px;
        }
      }
      .module-user-group-user-list-list-bar-download {
        width: 92px;
      }
    }
  }
}