@include export-module('co-transaction-line-purchase-confirmation-layout') {
  .co-transaction-line-purchase-confirmation {
    .ai-toggle-button-wrapper {
      display: flex;
      justify-self: flex-end;
      .co-button {
        height: $tp-co-transaction-line-purchase-confirmation-ai-button-height;
      }
    }
    .confirmation-details-wrapper {
      display: flex;
      flex-direction: column;
      width: 100%;

      .side-panel-number-input {
        min-width: 100px;
      }
    }

    .header-wrapper {
      display: flex;
      align-items: center;
      margin: $tp-co-transaction-line-purchase-confirmation-title-margin;
      font-size: $tp-co-transaction-line-purchase-confirmation-title-font-size;
      height: 30px;

      .details-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: $tp-co-transaction-line-purchase-confirmation-title-font-size;
        font-weight: bold;
        align-items: center;

        .deliver-date-text {
          font-weight: normal;
        }
      }
    }

    .details-column {
      width: 50%;
      display: flex;
      row-gap: 10px;
      flex-direction: column;
      padding: 5px;
    }

    .columns-wrapper {
      display: flex;
      width: 100%;
    }

    .details-wrapper {
      display: flex;
    }

    .divider-wrapper {
      display: flex;
      width: 5%;
      justify-content: center;

      .divider {
        border-left: 0px solid #dce4ea;
        margin: 0 0 18px 0;
      }

    }
    .co-icon {
      width: 20px;
      height: 20px;
    }

    .co-default-ok-cancel-buttons {
      .ok {
        float: left;
      }
    }

    .header-inform-user {
      height: $tp-co-transaction-line-purchase-confirmation-header-info-height;
      text-align: center;
      .label {
        border-style: $tp-co-transaction-line-purchase-confirmation-header-info-border-style;
        border-width: $tp-co-transaction-line-purchase-confirmation-header-info-border-width;
        border-radius: $tp-co-transaction-line-purchase-confirmation-header-info-border-radius;
        padding: $tp-co-transaction-line-purchase-confirmation-header-info-padding;
      }
    }
  }
}