body {
    margin: 0;
    background: var(--archlinux-blue-light1);
    color: #222;
    font: 100% sans-serif;
}

#archnavbar {
    --archnavbar-logo-width: 190px;
    --archnavbar-logo-height: 46px;
}
#archnavbar #logo {
    background-image: url("img/bumpbuddy-header-logo.png") !important;
}

a { color: var(--archlinux-blue); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

#content {
    width: 95%;
    max-width: 1400px;
    margin: 1.5em auto 0;
    font-size: 0.812em;
}

#content h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #888;
}

.box {
    margin-bottom: 1.5em;
    padding: 0.65em;
    background: var(--archlinux-blue-light2);
    border: 1px solid #bcd;
}

p.error {
    color: var(--archlinux-color-red);
    margin: 0;
}

table.results {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

table.results > thead > tr > th {
    padding: 0.5em 1em 0.25em 0.25em;
    border-bottom: 1px solid #999;
    background-color: #fff;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

table.results > tbody > tr > td {
    padding: .3em 1em .3em 3px;
    vertical-align: top;
}

table.results > tbody > tr.odd       { background: #fff; }
table.results > tbody > tr.even      { background: #e4eeff; }
table.results > tbody > tr:hover     { background: #ffd; }

table.results > tbody > tr.flagged > td { color: var(--archlinux-color-red); }
table.results > tbody > tr.stale > td   { color: #946200; }

table.results > tbody > tr.filtered { display: none; }

table th.tablesorter-header {
    padding-right: 20px;
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table thead th.tablesorter-headerAsc {
    background-color: #e4eeff;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
table thead th.tablesorter-headerDesc {
    background-color: #e4eeff;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
table thead th.sorter-false {
    background-image: none;
    cursor: default;
}
.tablesorter-header:focus { outline: none; }

#footer {
    margin: 2em 0 1em;
    text-align: center;
    font-size: 0.85em;
    color: #555;
}

#footer p { margin: 0.25em 0; }

.filter-criteria h2 { font-size: 1em; margin-top: 0; }
.filter-criteria fieldset { border: 0; padding: 0; margin: 0; }
.filter-criteria legend { display: none; }
.filter-criteria div {
    float: left;
    margin-right: 1.65em;
    font-size: 0.85em;
}
.filter-criteria label {
    width: auto;
    display: block;
    font-weight: normal;
}
.filter-criteria input[type=search] {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 0.10em;
    color: inherit;
}
.filter-criteria select {
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 3px;
    padding: 0.10em;
    color: inherit;
}
.filter-criteria fieldset::after {
    content: "";
    display: block;
    clear: both;
}

.pager.pkglist-stats {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 0.85em;
    margin: 0.25em 0 0.5em;
}

.pager .pager-info { text-align: left; }
.pager .pkglist-nav { text-align: right; }

.pager .pagedisplay { margin: 0 .5em; }

.pager button {
    background: none;
    border: none;
    color: var(--archlinux-blue);
    cursor: pointer;
    font: inherit;
    padding: 0;
    margin: 0 .25em;
}
.pager button:hover { text-decoration: underline; }
.pager button:disabled {
    display: none;
}