html, body {
    height: 100%;
}

.main-container {
    max-width: 950px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 900px) {
    .main-container {
        width: 950px;
        max-width: 950px;
        margin-left: auto;
        margin-right: auto;
    }
}

.btn-list.dropdown-toggle .text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.btn-list .text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

/* ref https://mdbootstrap.com/docs/standard/extended/colors-code/ */
.dropdown-menu a:hover {
    background-color: #9e9e9e;
}

/* When the dropdown filter is focussed */
.filter-border:focus {
    border-color: #4d4b4b;  /* Original border color on focus */
    box-shadow: 0 0 0 0.25rem rgba(77, 75, 75, 0.25);  /* Subtle shadow for focus state */
}

/* Change the colour of an open accordion header */
.accordion {
    /*--bs-accordion-active-bg: none !important;*/
    --bs-accordion-active-bg: #e2e3e5 !important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(198, 199, 200, 0.25) !important;
    --bs-accordion-active-color: black;
}

.app-fs-small {
    font-size: small;
}

.app-pt-1_5 {
    padding-top: 6px;
}

/* tree trunk on expanded accordion */
.accordion-collapse {
    border-left: 2px solid #ccc;
    padding-left: 1rem;
}

.divider-color {
    --bs-breadcrumb-divider-color: white;
}