html {
    height: 100%;
}

body {
    height: 100%;
}

nav {
    width: 300px;
}

.scrollSmooth {
    scroll-behavior: smooth;
}

.tableFixed {
    table-layout: fixed;
}

.flex-grow-3 {
    flex-grow: 3 !important;
}

.bg-dark p.auto-color {
    color: white;
}

.fs-7 {
    font-size: 0.75rem;
}

.fs-8 {
    font-size: 0.5rem;
}

.lh-xs {
    line-height: 0.75 !important;
}

.w-img,
.r-img-8 .w-img {
    width: 12.5%;
}

.r-img-10 .w-img {
    width: 10%;
}

.r-img-12 .w-img {
    width: 8.33%;
}

.h-200 {
    height: 200px;
}

.end-10 {
    right: 3.5rem;
}

.form-control.before-select {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-control.before-select + .form-select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

details.compact {
    position: relative;
}

details.compact[open] summary {
    position: absolute;
    z-index: 1;
}