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

@include export-module('cc-transaction-quick-access-received-goods-layout') {
  .co-transaction-quick-access-received-goods {

    .quick-access-wrapper {
      display: flex;
      flex-direction: row;
      column-gap: 10px;
      align-items: start;

      .sub-section-input {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .sub-section {
        display: flex;
        flex-direction: row;
        column-gap: 10px;
        .checkbox-wrapper {
          display: flex;
          flex-direction: row;
        }

        .dots-wrapper {
          display: flex;
          transform: scale(0.7);

          .dot {
            width: 8px;
            height: 8px;
            background-color: black;
            border-radius: 16px;
            transform: scale(0.3);
          }
        }

        .co-input-date {
          min-width: 170px;
        }

        .co-input-text {
          min-width: 100px;
        }

        .button-wrapper {
          background: $tp-default-background-accent;
          border-radius: $tp-default-border-radius;
          padding: 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          width: 68px;
          height: 46px;

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

          span {
            font-size: 10px;
            margin-top: 3px;
          }
        }
      }
    }
  }
}