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

body::-webkit-scrollbar { width: 2px; }
body::-webkit-scrollbar-track { background: #e9fffd; }
body::-webkit-scrollbar-thumb { background-color: #004a43; }

#mySidebar {
    display: none;
    top: 0;
    right: 0;
    z-index: 3;
}

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

.hover-text-bold:hover { font-weight: bold; }

.login-page {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.position-fixed { position: fixed; }

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

.valign-middle { vertical-align: middle !important; }

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

main {
    min-height: 70vh;
    transition: 0.4s;
}

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