// index_sale.vue — POS invoice preview (#Show_invoice modal)

#invoice-POS {
  .invoice-pos-shell {
    max-width: 400px;
    margin: 0 auto;
  }

  .invoice-pos-table-full {
    width: 100%;
  }

  .invoice-pos-cell-right {
    text-align: right;
  }

  .invoice-pos-cell-valign-bottom {
    vertical-align: bottom;
  }

  .invoice-pos-tr-gap {
    td,
    th {
      padding-top: 10px;
    }
  }

  .invoice-pos-tr-gap-sm {
    td,
    th {
      padding-top: 2px;
    }
  }

  .invoice-pos-payments-table {
    font-size: 10px;
    width: 100%;
  }

  .invoice-pos-tr-muted {
    background: #eee;
  }

  .invoice-pos-th-left {
    text-align: left;
  }

  .invoice-pos-th-center {
    text-align: center;
  }

  .invoice-pos-th-right {
    text-align: right;
  }

  .invoice-pos-td-left {
    text-align: left;
  }

  .invoice-pos-td-center {
    text-align: center;
  }

  .invoice-pos-td-right {
    text-align: right;
  }

  .invoice-pos-table-compact {
    width: 100%;
    font-size: 11px;
  }

  .invoice-pos-meta-sm {
    font-size: 11px;
  }

  .total {
    font-weight: bold;
    font-size: 14px;
  }
}