@import "../../../../style/mixin";

@include export-module('co-transaction-customer-portal-line-layout') {
  .co-transaction-customer-portal-line {
    display: flex;
    flex-direction: column;
    gap: 30px;
    box-shadow: 0 4px 4px 0 #00000040;
    border: 1px solid #F4F4F9;
    padding: 30px 20px 15px 20px;
    cursor: pointer;
    .co-transaction-base-line {
      .order-lines-container {
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        .portal-partial-delivery {
          font-size: 10px;
          .partial-delivery {
            display: flex;
            gap: 5px;
          }
        }
      }
    }
    .transaction-line-section {
      display: flex;
      gap: 10px;
      margin-right: 15px;
      .vat-button {
        margin-right: 15px;
      }
    }
    .transaction-line-delivery-date {
      display: flex;
      align-items: center;
      column-gap: $tp-default-column-gap;
      .co-input-date {
        height: auto;
        padding: 0;
      }
    }
  }
}