@include export-module('cc-transaction-purchase-order-line-layout') {
  .co-transaction-purchase-order-line {
    .transaction-line-content-wrapper {
      display: flex;
      justify-content: space-evenly;
      margin-right: 10px;
      column-gap: 10px;

      .co-transaction-line-statusbar {
        width: 75px;
      }

      .transaction-line-content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 10px;

        > .co-input-text, .co-editable-label, .co-transaction-line-confirmed-price {
          width: $tp-transaction-default-button-width;
          height: $tp-transaction-default-button-height;
        }


        .co-input-number-picker {
          width: $tp-transaction-line-input-number-picker-width;
          height: $tp-transaction-default-button-height;
        }
      }
    }

    .transaction-input-right-align {
      input {
        width: 100%;
        text-align: $tp-transaction-input-right-align;
      }
    }

    co-input-text.warning {
      border-color: $tp-color-error;

      &:before {
        box-shadow: inset 0 0 0 1px $tp-color-error;
      }
    }

    co-transaction-line-delivery-date-button.warning co-transaction-button {
      border-color: $tp-color-error;
    }

    co-transaction-line-arrival-date-button.warning co-transaction-button {
      border-color: $tp-color-error;
    }
  }
}