@import '_content/BpwComponentLibrary/BpwComponentLibrary.bundle.scp.css';

/* /Components/Pages/Home.razor.rz.scp.css */
.codebook-links a[b-m67nwk2lio] {
    white-space: nowrap;
}

/* Bootstrap 3 styles <legend> as a large, bordered heading. Keep the year group's legend looking
   like the plain instruction text it replaced. */
.survey-years-legend[b-m67nwk2lio] {
    font-size: inherit;
    border: 0;
    margin-bottom: 5px;
    padding-top: 7px;
}

/* The year group is focused from code only to move screen readers to the validation error. It
   isn't a control, so don't draw a focus ring around the whole group. */
.survey-years:focus[b-m67nwk2lio] {
    outline: none;
}

.survey-years-buttons[b-m67nwk2lio] {
    margin-top: 10px;
}

.codebooks-col .panel-body[b-m67nwk2lio] {
    padding-left: 10px;
    padding-right: 8px;
}

.codebook-links li[b-m67nwk2lio] {
    padding-right: 6px;
}

@media (max-width: 991px) {
    .search-codebooks-row[b-m67nwk2lio] {
        display: flex;
        flex-direction: column;
    }

    .codebooks-col[b-m67nwk2lio] {
        order: -1;
    }
}
/* /Components/Shared/Loading.razor.rz.scp.css */
/* Hidden for the first second, then fades in, so fast operations never show the spinner. */
.loading[b-y0a3v2uf5n] {
    opacity: 0;
    animation: loading-fade-in-b-y0a3v2uf5n 200ms ease-in 1s forwards;
}

@keyframes loading-fade-in-b-y0a3v2uf5n {
    to {
        opacity: 1;
    }
}

/* Reduced motion still waits the full second, but appears without fading. */
@media (prefers-reduced-motion: reduce) {
    .loading[b-y0a3v2uf5n] {
        animation: loading-fade-in-b-y0a3v2uf5n 1ms linear 1s forwards;
    }
}
/* /Components/Shared/ResultsGrid.razor.rz.scp.css */
/* ItemsPerPageSelector (BpwComponentLibrary) lays its label and select out with Bootstrap's
   col-sm-2/col-sm-2 horizontal form grid, which assumes a wide column. In this narrower
   results column, 16.6% is too narrow for "Items per page:" and wraps it across several
   lines. Size both to their content instead. Scoped to .items-per-page-wrap (rather than
   app.css) so it doesn't affect any other ItemsPerPageSelector usage in the app.
   TODO: fix upstream in BPW-Blazor-Shared's ItemsPerPageSelector.razor instead of overriding
   it here, so every consumer gets the fix. */
.items-per-page-wrap[b-0kxwbcnc7z]  .form-horizontal .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.items-per-page-wrap[b-0kxwbcnc7z]  .form-horizontal .form-group::before,
.items-per-page-wrap[b-0kxwbcnc7z]  .form-horizontal .form-group::after {
    content: none;
}

.items-per-page-wrap[b-0kxwbcnc7z]  .form-horizontal .col-sm-2 {
    float: none;
    width: auto;
}

/* Scrolls the table horizontally within its column instead of letting it overflow into the
   sidebar when the filter row's inputs don't fit the available width. */
.results-table-scroll[b-0kxwbcnc7z] {
    width: 100%;
    overflow-x: auto;
}

/* The table is focused from code on page change, only to move screen readers to the new rows.
   It isn't a control, so don't draw a focus ring around the whole table. */
.results-table:focus[b-0kxwbcnc7z] {
    outline: none;
}

/* Sortable column headers are real buttons for accessibility, but should read as header text. The
   button fills the whole header cell so the full header is clickable, as it was before. */
.sort-header-cell[b-0kxwbcnc7z] {
    padding: 0;
}

.sort-header[b-0kxwbcnc7z] {
    display: block;
    width: 100%;
    padding: 8px;
    background: none;
    border: 0;
    font: inherit;
    font-weight: bold;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.sort-header:hover[b-0kxwbcnc7z] {
    background-color: #eee;
}

.sort-indicator[b-0kxwbcnc7z] {
    margin-left: 4px;
    color: #767676;
    font-weight: normal;
}