@import '../../../../assets/variable.less';
.module-user-group-user-list {
  &-columns-selector {
    &-overlay {
      width: 284px;
      height: 496px;
      overflow: hidden;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0px 4px @border-radius-normal rgba(0, 0, 0, 0.1);
    }
    .drop-button {
      display: flex;
      align-items: center;
      width: 114px;
      height: 32px;
      padding: 0 12px;
      background: #ffffff;
      border: 1px solid #ecedf0;
      border-radius: 4px;
      box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
      cursor: pointer;

      &-txt {
        margin: 0 8px 0 4px;
      }
      &.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;
            }
          }
        }
      }
    }
    .rc-virtual-list-holder {
      padding: @padding-xs;
    }
    &-option {
      display: flex;
      align-items: center;
      width: 100%;
      height: 40px;
      padding: 0 @padding-xs;
      background-color: #fff;
      border-radius: @border-radius-normal;
      cursor: pointer;
      .option-label {
        margin-left: @margin-xs;
        color: @titleOneColor;
      }
      &:hover {
        background-color: #e8efff;
        .item-label {
          color: @primary-color;
        }
      }
      &.checked {
        .item-label {
          color: @primary-color;
        }
      }
      &.disabled {
        cursor: not-allowed;
      }
    }
  }
}