.project-list-page {
  .header {
    padding: 16px 32px;
    border-bottom: 1px solid #e8eaec;
    background: #fff;

    .title {
      font-size: 20px;
      font-weight: 500;
      color: #17233d;
      margin-bottom: 16px;
    }
  }

  .main {
    margin: 16px 24px 60px;
    background: #fff;
    border-radius: 4px;
    padding: 16px;

    .el-form {
      .el-form-item {
        width: 250px;

        &.type-item {

        }

        &.step-item,
        &.time-item {
          &.inline {
            @apply hidden;
          }
        }

        &.submit-item {
          @apply float-right text-right;
          margin-top: -4px;
        }
      }
    }

    ::v-deep .el-table {
      width: 100%;
      background-color: #fff;
      border: 1px solid $border-grey;
      border-left: none;
      border-right: none;

      &::before {
        display: none;
      }

      .el-table__header-wrapper {
        .el-table__header {
          height: 48px;

          th {
            .cell {
              font-weight: 600;
              color: #535a5d;
              padding: 0 17px;
            }
          }
        }
      }

      .el-table__body-wrapper {
        &::-webkit-scrollbar {
          width: 3px;
        }

        tr {
          &:last-child {
            td {
              border-bottom: none !important;
            }
          }

          td {
            padding: 0;
            border-bottom: 1px solid #f4f4f4 !important;

            .cell {
              line-height: 13px;
              color: #535a5d;
              padding: 20px 17px 18px;
              font-size: 13px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;

              .link {
                color: #268af5;

                &:hover {
                  color: #57a3f3;
                }
              }
            }
          }
        }

      }

      .el-empty {
        @apply select-none;
      }
    }

    ::v-deep .el-pagination {
      @apply text-center;
      margin-top: 16px;

      .number {
        font-weight: 400;
      }
    }
  }
}
