.stage > .flexi-container {
    padding: 0;
}
.stage > .flexi-container > .row > .scrollable {
    max-height: calc(100vh - 170px);
}
.stage > .flexi-container > .row > .scrollable.scrollable-full {
    max-height: calc(100vh - 62px);
}
.progress {
    height: 10px;
}
.custom-control-label::before,
.custom-control-label::after {
    top: .8rem;
    width: 1.25rem;
    height: 1.25rem;
}
.scroll-container > .scrollable {
    position: absolute;
    top: 0;
    margin-top: 62px;
    padding-top: 45px;
}
#under-construction {
    background-color: #cfe8e7ff;
}
#under-construction .splash {
    /* Thanks https://freedesignfile.com/author/starder/ for the svg file */
    background-image: url("/static/png/assessment-under-construction.a5530f412d92.png");
    background-repeat:no-repeat;
    background-position: center center;
    background-size: contain;
    height: 43vh;
    margin-top: 5vh;
}
.alert.alert-info p:last-child {
    margin-bottom: 0;
}

/* small screen */
@media (max-width: 767px) {
    .navbar {
        max-width: 100vw;
    }
    .stage > .flexi-container > .row > .scrollable {
        position: absolute;
        top: 0;
        margin-top: 62px;
        padding-top: 20px;
        max-height: calc(100vh - 145px);
    }
    .progress {
        height: 4px;
        border-radius: 0;
    }
    .assessment.copyright {
        font-size: 7px;
    }
    .navbar-toggler {
        padding-right: 0;
    }
    .alert {
        padding: 4px 8px;
        margin-bottom: 0;
    }
    #button-rail,
    #progress-rail {
        margin: 2px 15px !important;
    }
}