/* billing - responsive fixes for this module only. Loaded after css/shared/responsive.css
   on every page in the area. See DOCS/Showcase-Mobile.md. */

/* Tablet tables scroll sideways. The shared layer keeps the FIRST column on one
   line; these grids carry their identifier in the second column (Billing Queue
   has a checkbox first, Payments and AR Aging lead with the customer), so the
   invoice / job number was wrapping onto three lines. */
@media (min-width: 768px) and (max-width: 1023.98px) {
    #billing-queue-table td:nth-child(2),
    #payments-table td:nth-child(2),
    #aging-table td:nth-child(2),
    #invoices-table td:nth-child(1) {
        white-space: nowrap;
    }
}