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

@include export-module('co-transaction-overview-line-layout') {
  .co-transaction-overview-line {
    .co-transaction-base-line {
      .user-form-detail-wrapper {
        width: 2em;
        height: 2em;
        display: flex;
        align-items: center;
        justify-content: center;
        .user-form-detail {
          width: 20px;
          height: 20px;

          svg {
            fill: $color-user-form-detail;
          }
          &.final {
            svg {
              fill: $color-user-form-detail-final;
            }
          }
        }

      }
      .red-navigation-button {
        color:  $tp-color-error;
        fill:  $tp-color-error;
        border-color:  $tp-color-error;
        border-block-color:  $tp-color-error;
          .co-transaction-button:not(.no-border) {
            border-color:  $tp-color-error;
            .spacer {
              background-color:  $tp-color-error;
            }
          }

          .transaction-inside-label {
              color: $tp-color-error;
          }
      }
    }
    .transaction-line-section {
      display: flex;
      gap: 10px;
      margin-right: 15px;
      .vat-button {
        margin-right: 15px;
      }
    }
    .transaction-line-delivery-date {

      .co-input-date {
        height: auto;
        padding: 0;
      }
    }
  }
}