@include export-module('co-dialog-transaction-line-warehouse-layout') {
  .co-dialog-transaction-line-warehouse {
    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
      width: 500px;
      background-color: #fff;
      .dialog-header, .dialog-content, .dialog-footer {
        background-color: #fff;
      }
    }
    .co-dialog {
      .dialog-content {
        display: flex;
        flex-direction: column;
        max-height: $tp-dialog-transaction-line-warehouse-height;
        height: $tp-dialog-transaction-line-warehouse-height;
        .warehouse-tabs {
          display: flex;
          column-gap: 10px;
          user-select: none;
          margin-bottom: 15px;
          padding-bottom: 5px;
          border-bottom: 2px solid #F4F4F9;
          .warehouse-tab {
            cursor: pointer;
            position: relative;
            bottom: -7px;
            padding: 0 0 5px 0;
            margin-left: 10px;
            &.active {
              color: #1A73E8;
              font-weight: 500;
              border-bottom: 2px solid #1A73E8;
            }
          }
        }
        .single-list-display {
          height: 90%;
        }
        .double-list-display {
          height: 65%;
          overflow: auto;
        }
        .transaction-line-warehouse-cc-section {
          display: flex;
          column-gap: 5px;
          align-items: center;
          padding: 10px 0 30px 0;
        }
        .transaction-line-warehouse-cc-warehouses-section {
          margin-top: 10px;
          margin-bottom: 10px;
          display: grid;
          grid-template-columns: 30px 39% 30px 39%;
          grid-gap: 10px;
          width: 100%;
          overflow: hidden;
          align-items: center;
          .co-icon {
            width: 22px;
            height: 22px;
          }
        }
        .remove-ib-button {
          width: 30px;
          height: 30px;
        }
      }
      .dialog-footer {

      }
    }
  }
}
