.choose-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;
      .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:8px 8px !important;
            }
          }
        }

        .ant-empty-normal {
          margin: 100px 0 !important;
        }
        .avatar{
          display: flex;
          align-items: center;
          .avatar-img{
            height: 23px;
            width: 23px;
            border-radius: 50%;
            margin-right: 8px;
          }
        }
      }
    }
  }

  .container-right{
    width: 50%;
    .span-left{
      margin-left: 10px;
      .span-left-l{
        color: #2966FF;
        cursor: pointer;
      } 
    }
    .span-right{
      float: right;
      margin-right: 10px;
      color: #999;
      .span-right-l{
        color: #2966FF;
        cursor: pointer;
      }
    }   
    .container-right-body{
      border: 1px solid #E9E9E9;
      margin: 10px;
      margin-top: 12px;
      min-height:376px;
      .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{
          &:nth-child(even){
            background: transparent!important;
            td{
              background: #FFF;
            }
          }
          &:nth-child(odd){
            background:  #FAFAFA !important;
            td{
              background: #FAFAFA;
            }
          }
        }
        
       
      }
      
      .ant-empty-normal {
        margin: 144px 0 !important;
      }

      .avatar{
        display: flex;
        align-items: center;
        .avatar-img{
          height: 23px;
          width: 23px;
          border-radius: 50%;
          margin-right: 15px;
        }
      }

      .ant-table-tbody{
        >tr >td {
          border-bottom:none;
        }
        >tr .ant-table-selection-column{
          width: 30px !important;
        }
      }
    }
  }
}