/* Custom list-page filter rows (resources/views/filter/*).
   They used to be absolutely positioned with fixed pixel widths, which overflowed the page
   on desktop. Now they sit in normal flow, directly above the table, and wrap responsively. */
.bp-list-filters {
    position: static;
    width: auto;
    margin-top: .5rem;
    margin-bottom: 0;
}
.bp-list-filters > .form-group {
    margin-bottom: .75rem;
}
.bp-list-filters .form-control {
    width: 100%;
    max-width: 100%;
}

/* wide desktops: six filters per row, four everywhere else (col-lg-3) */
@media (min-width: 1700px) {
    .bp-list-filters > .form-group {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
}