body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

nav ol.breadcrumb li {
    margin: 0.3em 0;
}

nav a.dropdown-toggle:link,
nav a.dropdown-toggle:visited {
    color: white;
}

.breadcrumb {
    --bs-breadcrumb-divider-color: white;
    --bs-breadcrumb-divider: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='white'/></svg>");
}

.breadcrumb-item:first-of-type {
    margin-left: 0.3em;
}

address a:link,
address a:visited {
    color: lightgray;
}

footer h1 {
    font-size: 100%;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin: 0 0 0.25em 0;
}

tr {
    margin: 0;
}

td,
th {
    margin: 0;
    padding: 0 0.5em 0 0;
}

tr:hover {
    background-color: #eee;
}

.clickable {
    cursor: pointer;
}

.unclickable {
    cursor: not-allowed;
}

.editable {
    cursor: text;
}

.sort-asc:after {
    font-family: 'Font Awesome\ 6 Free';
    content: "\00a0\f0d8";
    color: gray;
}

.sort-desc:after {
    font-family: 'Font Awesome\ 6 Free';
    content: "\00a0\f0d7";
    color: gray;
}

.bordered {
    border: 0.05em solid lightgray;
}

.cardboard {
    background-color: lightyellow;
}

.buttonicon {
    margin-right: 0.5em;
}