.order-header {
  display: flex;
  align-items: flex-end;
  padding: 0 20px 20px;

  .order-number {
    margin-right: 30px;
    font-size: 20px;
    font-weight: 500;

    span.head {
      padding-right: 15px;
    }
  }
}

.field {
  display: flex;
  justify-content: space-between;
  max-width: 220px;

  .caption {
    margin-right: 15px;
  }
}

.goods {
  width: 50vw;
  padding: 0 20px;

  .head h3 {
    margin-right: 5px;
  }

  .goods-info.grid {
    display: grid;
    grid-template-columns: 25% repeat(7, 1fr);
    padding: 10px 0;
    border-bottom: 1px solid #0000000d;

    &.no-underline {
      border: none;
    }
  }
}

.grid-item {
  display: flex;
  flex-direction: row;
  align-items: center;

  max-width: max-content;
  margin-right: 5px;

  &.center {
    // justify-content: center;
  }

  &.add-product {
    cursor: pointer;

    padding: 10px;

    font-weight: 500;

    background-color: #f2f2f2;
    border-radius: 5px;
  }

  input {
    width: 90%;
    padding: 5px 10px;

    border: 1px solid rgb(38 41 44 / 24%);
    border-radius: 5px;
    outline: none;
    box-shadow: rgb(38 41 44 / 8%) 0 1px 2px inset;
  }

  &.title {
    color: #6f6f6f;
  }

  &.total {
    display: flex;
    grid-column: span 7;
    flex-direction: column;
    align-items: center;
    justify-self: end;

    margin-right: 25px;

    font-size: 18px;
    font-weight: 600;

    .caption {
      padding-right: 15px;
    }
  }

  .order-total {
    display: flex;
  }

  .action-delete {
    cursor: pointer;
    font-weight: 500;
    color: #8c8c8c;
  }
}

.orders-total {
  display: flex;
}

.order-totals {
  display: flex;
  margin-left: auto;
  font-size: 16px;
  text-align: right;

  .left-column {
    margin-right: 50px;
  }
}

.column-item {
  margin-bottom: 10px;

  &:last-child {
    font-size: 18px;
    font-weight: 500;
  }
}

span.currency {
  font-weight: 400;
  color: #a1a1a1;
}