.choose-member-modal {
  .member-container{
    display: flex;
    height: 417px;
    .container-left{
      width: 50%;
      padding-right: 10px;
      margin-left: 10px;
  
      .container-left-header{
        margin-bottom: 12px;
      }
      .container-left-body{
        border: 1px solid #E9E9E9;
        height: 100%;
        .ant-table-thead > tr > th {
          font-weight:400!important;
        }
        .search{
          width: 305px;
          padding: 7px 7px;
        }
        .container-left-body-table{
          width: 300px;
          height: 330px;
  
          .ant-table {
            border: none;
            min-height: 250px !important;
            .ant-table-header{
              margin-bottom: -7px !important;
  
              >table > .ant-table-thead > tr > th {
                background-color: #fff !important;
              }
            }
  
            .ant-table-tbody{
              >tr {
                >td {
                  border-bottom: none;
                  background-color: #fff !important;
                  padding: 11px 0!important;
                }
                &:hover {
                  >td {
                    background: #F3F6FA !important;
                  }
                }
              }
            }
          }
  
          .ant-empty-normal {
            margin: 100px 0 !important;
          }
          .avatar{
            display: flex;
            align-items: center;
            .avatar-icon {
              font-size: 14px;
              color: #0081F0;
              margin-right: 6px;
            }
            .userImg {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  
    .container-right{
      width: 50%;
      border: 1px solid #E9E9E9;
      .span-left{
        line-height: 45px;
        margin-left: 10px;
        .span-left-l{
          color: #ffb714;
          cursor: pointer;
        } 
      }
      .span-right{
        line-height: 45px;
        float: right;
        margin-right: 10px;
        color: #999;
        .span-right-l{
          color: #5289FA;
          cursor: pointer;
        }
      }   
      .container-right-body{
        min-height:376px;
        border-top: 1px solid #e8e8e8;
        .edit {
          .edit-icon {
            color:#999;
          }
        }
        .edit-img{
          width: 16px;
          height: 16px;
        }
  
        .ant-table .ant-table-body {
          overflow: auto;
          max-height: 376px!important;
        }
        .ant-table tbody  {
          tr{
            background: #fff;
            &:first-child {
              display: block;
              overflow: hidden;
            }
          }
          
         
        }
        
        .ant-empty-normal {
          margin: 144px 0 !important;
        }
  
        .avatar{
          display: flex;
          align-items: center;
          .avatar-icon {
            font-size: 14px;
            color: #0081F0;
            margin-right: 6px;
          }
          .userImg {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
  
        .ant-table-tbody{
          >tr >td {
            border-bottom:none;
          }
          >tr .ant-table-selection-column{
            width: 30px !important;
          }
        }
      }
    }
  }
}