.ant-pro-table-extra{
  margin-bottom: 8px!important;
}

.tableBox{
  .ant-pro-card{
    .ant-pro-card-body{
      .ant-table-wrapper{
        .ant-spin-nested-loading{
          .ant-spin-container{
            .ant-table-content{
              .ant-table-tbody{
                .redRow{
                  background: #FFD5D8!important;
                  cursor: pointer;
                  .ant-table-cell-row-hover{
                    background: #FFD5D8!important;
                  }
                }
                .topBg{
                  background: #dacece!important;
                  .ant-table-cell-row-hover{
                    background: #dbd6d6!important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.project-drawer{
  .leftTableBox{
    .ant-pro-card{
      .ant-pro-card-body{
        .ant-table-wrapper{
          .ant-spin-nested-loading{
            .ant-spin-container{
              .ant-table-content{
                .ant-table-tbody{
                  .redRow{
                    background: #FFD5D8!important;
                    cursor: pointer;
                    .ant-table-cell-row-hover{
                      background: #FFD5D8!important;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}


.formBox{
  .ant-col{
    .ant-form-item{
      margin-bottom: 0!important;
    }
  }
}


.questionBox{
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  .questionIcon{
    width: 20px;
    height: 20px;
  }
  .questionContent{
    display: none;
  }
}
.questionBox:hover{
  .questionContent{
    display: block;
    position: absolute;
    background: rgb(255, 255, 255);
    padding: 15px;
    border-radius: 8px;
    width: 800px;
    left: 0;
    top: 0;
    transform: translateX(-50%);
    z-index: 97;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 9px 28px 8px, rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px;
  }
}

.titleBox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 24px 0;
  .leftBox{
    display: flex;
    align-items: center;
    .questionBox{
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      .questionIcon{
        width: 20px;
        height: 20px;
      }
      .questionContent{
        display: none;
      }
    }
    .questionBox:hover{
      .questionContent{
        display: block;
        position: absolute;
        background: rgb(255, 255, 255);
        padding: 15px;
        border-radius: 8px;
        width: 800px;
        left: 0;
        top: 0;
        z-index: 97;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 9px 28px 8px, rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px;
      }
    }
  }
}