html { scroll-behavior: smooth; }
body, h1, h2, h3, h4, h5, h6, p, span { font-family: 'Assistant', sans-serif; }

body::-webkit-scrollbar { width: 2px; }
body::-webkit-scrollbar-track { background: #dfe5e8; }
body::-webkit-scrollbar-thumb { background-color: #303e45; }

.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }
.text-none { text-decoration: none; }

.questionnaire-detail > p { margin-top: 0px !important; }
.test-detail > p {
    margin-top: 0px !important;
    display: inline;
}

.position-fixed { position: fixed; }

.no-wrap { white-space: nowrap; }

.w3-opacity-min:hover { opacity: 1; }
.w3-check-small {
    position: relative;
    width: 12px;
    height: 12px;
    top: 2px;
}

nav#mySidebar {
    width: 250px;
    padding-top: 24px !important;
    z-index: 3;
}

main#main-content {
    min-height: 80vh;
    padding-top: 60px;
    margin-left: 250px;
    transition: 0.4s;
}

footer#main-footer { margin-left: 250px; }

@media only screen and (max-width: 992px) {
    main#main-content {
        padding-top: 60px;
        margin-left: 0 !important;
        min-height: 70vh;
    }
    footer#main-footer {
        margin-left: 0 !important;
    }
}

@media only screen {
    #mySidebar { scrollbar-width: thin; }
    #mySidebar::-webkit-scrollbar { width: 1px; }
    #mySidebar::-webkit-scrollbar-track { background: transparent; }
    #mySidebar::-webkit-scrollbar-thumb { background-color: transparent; }
}