.projectTable {
  :global(.ant-table-cell) {
    padding: 0.3rem;
  }
}

.spreadContent {
  position: relative;
  height: calc(100vh - 34px);
  overflow: hidden;
  .spreadSheets {
    width: 100%;
    height: 62%;
    overflow: hidden;
    :global(.ant-input-group-addon) {
      padding: 0 6px;
    }
    // :global(.ant-table-tbody > tr > td) {
    //   padding: 0.3rem;
    // }
    // :global(.ant-table-thead > tr > th) {
    //   padding: 0.3rem;
    //   color: #000000;
    //   text-align: center;
    //   background: #e9ecef;
    //   border-bottom: 2px solid #dee2e6;
    //   border-bottom-width: 2px;
    // }
  }
  .extraControl {
    width: 100%;
    height: 38%;
  }
}
.modalWarnText {
  padding: 0.5rem;
  margin-bottom: 1rem;
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid transparent;
  border-color: #ffeeba;
  border-radius: 0.25rem;
}

.modalTemplateContent {
  display: flex;
  justify-content: space-between;
  & > div {
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    &:hover {
      border-color: #007bff;
    }
  }
  .leftTemplate {
    width: 45%;
  }
  .rightTemplate {
    width: 45%;
  }
  .active {
    border-color: #007bff;
  }
}