@import '../../../assets/variable.less';
.module-user-group {
  // display: flex;
  width: 100%;
  height: 100%;
  .module-user-group-left {
    width: 279px;
    background-color: #fff;
  }
  .module-user-group-right {
    flex: 78;
    min-width: 0;
    height: 100%;
    // margin: @padding-md @padding-lg;
    background-color: #fff;
    border-radius: @border-radius-normal;
    &.module-user-group-modal {
      height: 100%;
      margin: 0;
      .module-user-group-panel-header {
        padding-left: 24px;
      }
      .module-user-group-panel-content-box {
        height: calc(100% - 48px);
        padding: 0;
        overflow-y: auto;
        .module-user-group-panel-content {
          height: calc(100% - 65px);
        }
      }
    }
  }
  .user-group-box {
    background: #fafafb;
    &-title {
      height: 48px;
      padding-left: 24px;
      color: #021429;
      font-weight: 500;
      font-size: 16px;
      line-height: 48px;
      background: #fff;
      border-bottom: 1px solid #f2f3f4;
    }
    &-desc {
      display: flex;
      margin: 16px;
      padding: 16px 25px;
      background: #fff;
      border-radius: 8px;
      p {
        margin: 0;
        color: #021429;
        font-size: 14px;
      }
      .bsicon {
        margin-right: 8px;
        color: #0c5afa;
      }
    }
    &-content {
      margin: 16px;
      padding: 24px;
      background: #fff;
      border-radius: 8px;
      &-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px;
        .ant-input-affix-wrapper {
          width: 484px;
        }
      }
      .ant-table {
        border: 1px solid #ecedf0;
        border-radius: 8px;
        .ant-table-container .ant-table-tbody > tr:not(:last-child) > td {
          border-bottom: 1px solid #ecedf0 !important;
        }
        .ant-table-cell {
          color: #5f6085;
        }
      }
    }
    &-setbox {
      color: #165dff;
      cursor: pointer;
      span {
        margin-right: 16px;
      }
    }
  }
}