@import "~antd/lib/style/themes/default.less";

.task {
  .ant-drawer-content-wrapper {
    width: 356px;
  }
  // .ant-drawer-body {
  //   padding: 0 12px;
  // }
  .content {
    p {
      border-bottom: 1px solid #e8e7e7;
    }
    .title{
      font-weight: bold;
    }
  }
  .gray {
    background: #e8e7e7;
  }
}
.photo {
  margin: 5px 0;
  padding: 0 10px;
  height: 110px;
  background-color: #f5f9ff;
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  .gutterRow {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    // width: 11%;
    margin-right: 10px;
    .spanHeader {
      display: inline-block;
      border-radius: 50%;
      background: #0f71ff;
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      color: #ffffff;
    }
    .avator {
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }
  }
  .gutterBox {
    text-align: center;
    // width: 50px;
    // height: 50px;
    img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }
    .name {
      width: 100%;
      text-align: center;
    }
    .ant-checkbox + span {
      padding-right: unset;
      padding-left: unset;
    }
  }
}

.recordPop{
  margin: 5px 10px;
  display: block;
}