body { padding-top: 70px; }

.navbar .btn-group { margin-left: 0.5em; }

.hidden { display: none; }

.quick-dialog { display: none; position: absolute; max-width: 700px; z-index: 100; }
.quick-dialog .quick-dialog-content { font-size: small; }

/* Utility classes for chapter/article toggling. */
.toggle-button[data-state="open"] { /*color: #2d5382;*/ cursor: pointer; }
.toggle-button[data-state="closed"] { color: #808080; cursor: pointer; }
.toggle-hidden { display: none; }

.navbar-buttons {
    margin-top: 8px;
}

/* FIXME: These are here because we're using an ancient version of Bootstrap (3.3.7) at the time of this writing. When we update to the newest version of Bootstrap, these should not be configured here but by Bootstrap. */
.bg-success {
    background-color: #198754 !important; /* Bootstrap 5's success green */
}
.bg-danger {
    background-color: #dc3545 !important; /* Bootstrap 5's danger red */
}

.search-result-selection { background-color: #e0e0e0; }

/* FIXME: This would be more appropriate handled by a framework's design
decisions. Done so now due to lack of access to documentation (internet). */

.law-info { width: 100%; margin-bottom: 12px; }
.law-info th { width: 1px; white-space: nowrap; }
.law-info td { padding-left: 8px; }

.law-list-row { border-bottom: 1px solid #f0f0f0; }
.law-list-row td, .law-list-row th { padding: 2px 6px 2px 6px; }
.law-list-nr { text-align: right; vertical-align: top; }
.law-list-name { width: 99%; }
.law-list-ch { text-align: right; }
.law-list-art { text-align: right; }
.law-list-status { text-align: center; }

.advert-list-row { border-bottom: 1px solid #f0f0f0; }
.advert-list-row td, .advert-list-row th { padding: 2px 6px 2px 6px; }
.advert-list-identifier { text-align: right; vertical-align: top; }
.advert-list-description { width: 99%; }
.advert-list-article-count { text-align: right; }
.advert-list-published-date { white-space: nowrap; text-align: right; }