@include export-module('co-transaction-lines-side-panel-cash-desk-layout') {
  .co-transaction-lines-side-panel-cash-desk {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 300px;
    max-width: 100%;
    gap: 10px;
    //.co-key-pad {
    //  width: 80%;
    //}
    .cash-register-button-wrapper {
      width: 100%;
      padding:  0 10px 0 0;
      display: flex;
      flex-direction: row;
      column-gap: 10px;

      .expense-receipt-button {
        width: calc(50% - 5px);
        border: 2px solid  #1A73E8;
        background-color: #FFFFFF;
        color: #1A73E8;
        justify-content: center;
        .co-icon {
          svg { // for fontawesome icons
            fill: #1A73E8;
          }
        }
      }

    }
    .cash-register-payment-methods-wrapper {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      gap: 10px;
    }
    .co-payment-tile {
      width: calc(50% - 10px);
      max-width: 150px;
      .co-tile-wrapper {
        padding: 5px;
        height: 75px;
        min-height: 75px;
      }
      .payment-tile-wrapper {
        gap: 5px;
        .payment-tile-image {
          width: 50px;
        }
      }
    }
  }
}
