@import "../../../../../style/CommonStyle.module.less";
@import "../../../../../style/utils.module.less";

.orderCardTopContents {
  width: 100%;
  padding: 40px 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  .font(@fontFamily: @baseFont, @fontSize: 24px);

  .left {
    .leftTitle {
      color: @COLOR_GRAY07;
      font-weight: bold;

      &:last-of-type {
        margin-top: 15px;
      }
    }

    .leftDesc {
      color: @COLOR_GRAY03;
      display: inline-block;

      &:first-of-type {
        padding-bottom: 15px;
        border-bottom: 1px solid @COLOR_GRAY02;
      }
    }
  }

  .table {
    width: 1130px;
    height: 175px;
    border-collapse: collapse;
    background-color: @COLOR_WHITE;
    border-radius: 6px;

    th,
    td {
      text-align: center;
      padding: 10px 20px;
    }

    th {
      font-weight: bold;
      color: @COLOR_GRAY07;
      border-bottom: 1px solid @COLOR_GRAY02;
      border-right: 1px solid @COLOR_GRAY02;
    }

    td {
      color: @COLOR_GRAY03;
      border-right: 1px solid @COLOR_GRAY02;
    }

    thead {
      height: 50%;

      tr {
        th {
          border-top: none;
          border-left: none;

          &:last-of-type {
            border-right: none;
          }
        }
      }
    }

    tbody {
      height: 50%;

      tr {
        td {
          border-top: none;
          border-left: none;

          &:last-of-type {
            border-right: none;
          }
        }
      }
    }
  }
}
