@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --bs-body-color: #dee2e6;
        --bs-body-color-rgb: 222,226,230;
        --bs-body-bg: #212529;
        --bs-body-bg-rgb: 33,37,41;
        --bs-emphasis-color: #fff;
        --bs-emphasis-color-rgb: 255,255,255;
        --bs-secondary-color: rgba(222, 226, 230, 0.75);
        --bs-secondary-color-rgb: 222,226,230;
        --bs-secondary-bg: #343a40;
        --bs-secondary-bg-rgb: 52,58,64;
        --bs-tertiary-color: rgba(222, 226, 230, 0.5);
        --bs-tertiary-color-rgb: 222,226,230;
        --bs-tertiary-bg: #2b3035;
        --bs-tertiary-bg-rgb: 43,48,53;
        --bs-primary-text-emphasis: #6ea8fe;
        --bs-secondary-text-emphasis: #a7acb1;
        --bs-success-text-emphasis: #75b798;
        --bs-info-text-emphasis: #6edff6;
        --bs-warning-text-emphasis: #ffda6a;
        --bs-danger-text-emphasis: #ea868f;
        --bs-light-text-emphasis: #f8f9fa;
        --bs-dark-text-emphasis: #dee2e6;
        --bs-primary-bg-subtle: #031633;
        --bs-secondary-bg-subtle: #161719;
        --bs-success-bg-subtle: #051b11;
        --bs-info-bg-subtle: #032830;
        --bs-warning-bg-subtle: #332701;
        --bs-danger-bg-subtle: #2c0b0e;
        --bs-light-bg-subtle: #343a40;
        --bs-dark-bg-subtle: #1a1d20;
        --bs-primary-border-subtle: #084298;
        --bs-secondary-border-subtle: #41464b;
        --bs-success-border-subtle: #0f5132;
        --bs-info-border-subtle: #087990;
        --bs-warning-border-subtle: #997404;
        --bs-danger-border-subtle: #842029;
        --bs-light-border-subtle: #495057;
        --bs-dark-border-subtle: #343a40;
        --bs-heading-color: inherit;
        --bs-link-color: #6ea8fe;
        --bs-link-hover-color: #8bb9fe;
        --bs-link-color-rgb: 110,168,254;
        --bs-link-hover-color-rgb: 139,185,254;
        --bs-code-color: #e685b5;
        --bs-highlight-color: #dee2e6;
        --bs-highlight-bg: #664d03;
        --bs-border-color: #495057;
        --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
        --bs-form-valid-color: #75b798;
        --bs-form-valid-border-color: #75b798;
        --bs-form-invalid-color: #ea868f;
        --bs-form-invalid-border-color: #ea868f;
    }

    .btn-close {
        filter: var(--bs-btn-close-white-filter);
    }
}

p {
    margin-bottom: .5rem;
}

p:last-child {
    margin-bottom: 0;
}

span.language-badge {
    width: 7em;
}

table.glossary td.letter {
    font-size: 1.5em;
    font-weight: bold;
}

table.glossary td > form {
    width: 100px;
}

td.translation {
    width: 50%;
    cursor: pointer;
}

td.translation.translation-active {
    cursor: default;
    white-space: normal;
}

td.translation textarea {
    width: 100%;
}

td.project {
    width: 100%;
}

.progress-translation {
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    width: 8rem;
    vertical-align: middle;
    height: 2rem;
    transition: var(--bs-progress-bar-transition);
}

.progress > .progress-bar, .progress-stacked > .progress-bar {
    height: 100%;
    font-size: 0.875rem;
}

span.admin {
    font-weight: bold;
}

span.text-hover {
    border-bottom: 1px dotted #333;
}

p.message {
    padding: 15px;
}

p.comment {
    font-size: 85%;
    font-style: italic;
}

a.navbar-brand {
    padding: 5px 10px;
}

img.breadcrumb-icon {
    height: 16px;
    width: 16px;
}

select#languages {
    height: 30em;
}

img.go-up {
	border: none;
	float: right;
}

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

.table-translations>tbody>tr>td,
.table-translations>tbody>tr>th,
.table-translations>tfoot>tr>td,
.table-translations>tfoot>tr>th,
.table-translations>thead>tr>td,
.table-translations>thead>tr>th {
    vertical-align: top;
    white-space: pre-wrap;
}

.table tr>th small {
    color:#777;
    font-weight: normal;
}