/* Administration tabs (pages/administration/**): layout that holds up from 1280 to 1920 px wide screens */

/* toolbar above the grids: title, actions, search, pager, icons on the right */
.admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 6px 0;
}

.admin-toolbar > * {
    margin: 4px 24px 4px 0;
}

.admin-toolbar > .admin-toolbar-search {
    flex: 0 1 440px;
    min-width: 280px;
}

.admin-toolbar > .admin-toolbar-pager {
    white-space: nowrap;
}

.admin-toolbar > .admin-toolbar-icons {
    margin-left: auto;
    margin-right: 0;
    white-space: nowrap;
}

.admin-toolbar-icons > span {
    display: inline-block;
    vertical-align: middle;
}

/* loader.css gives every input a 180 px width, which pushes checkboxes away from their text */
.admin-page input[type="checkbox"],
.admin-page input[type="radio"],
.admin-modal input[type="checkbox"],
.admin-modal input[type="radio"] {
    width: auto;
    padding: 0;
}

/* plain tables: rows with and without buttons line up, wide tables scroll inside their box */
.admin-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
}

.admin-table-wrap > .table {
    margin-bottom: 0;
}

.admin-table > thead > tr > th,
.admin-table > tbody > tr > th,
.admin-table > tbody > tr > td {
    vertical-align: middle;
}

.admin-table .admin-nowrap {
    white-space: nowrap;
}

/* card summary above the results: keep each "label: value" on one line */
.admin-card-summary {
    display: flex;
    flex-wrap: wrap;
}

.admin-card-summary > span {
    white-space: nowrap;
    margin: 2px 28px 2px 0;
}

.admin-card-summary > span:last-child {
    margin-right: 0;
}

/* wide dialog for tables with many columns */
@media (min-width: 992px) {
    .admin-modal-wide .modal-dialog {
        width: 90%;
        max-width: 1280px;
    }
}