@include export-module('co-transaction-line-purchase-transport-layout') {
  .co-transaction-line-purchase-transport {
    .columns-wrapper {
      display: flex;
    }

    .co-input-number-picker {
      width: 80px;
    }

    .header-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: $tp-co-transaction-line-transport-title-margin;

      .details-header {
        font-size: $tp-co-transaction-line-transport-title-font-size;
        font-weight: bold;
      }
    }

    .divider-wrapper {
      display: flex;
      width: 10%;
      justify-content: center;
      visibility: hidden;

      .divider {
        border-left: 1px solid;
        border-color: $tp-color-border;
        margin: 5px;
      }
    }

    .details-input {
      margin: 5px;
    }

    .disabled {
      cursor: default;
      opacity: 0.6;
    }
    .clickable {
      cursor: pointer;
    }
  }
}