/* Ensure Air Datepicker calendars open above Bootstrap modals. Air Datepicker appends its calendar panel to (not inside the modal), and positions it with z-index: var(--adp-z-index) (default 100), which is below Bootstrap's modal (1055). Override the variable globally so the calendar sits above the modal. */ .air-datepicker { --adp-z-index: 2000; } /* Date filter bar + report table heading styling. Ported from the budget app so the toolbar renders with the same sizing/forms as budget. */ .report-table-heading { font-size: 1rem; } @media (max-width: 767.98px) { .date-filter-bar-group { width: 100%; } } @media (min-width: 768px) { .report-table-heading { font-size: calc(1.275rem + .3vw); } } .has-js .js-date-field { visibility: hidden; } /* Summary rows are click-through (bootstrap-table click-row event navigates to the loaner page); give them a pointer cursor so they read as clickable. bootstrap-table itself only adds a pointer to sortable headers and clickToSelect rows — not to arbitrary data rows — so this is required. */ #summary-table tbody tr { cursor: pointer; } /* Keep sortable column headers visually consistent with non-sortable ones: space for the sort caret is reserved uniformly and the caret is muted. */ #loans-table th.sortable, #summary-table th.sortable { position: relative; padding-right: 1.25rem; } #loans-table th.sortable .sortable { color: var(--bs-secondary-color); }