html { scroll-behavior: smooth; }
body, h1, h2, h3, h4, h5, h6, p, span { 
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

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

hr.my-hr {
    border: 1px solid #000;
    border-radius: 1px;
}

.width-100 { width: 100%; }

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

th, td { vertical-align: middle !important; }

.input-inline {
    padding: 8px;
    display: inline;
    border: none;
    /* width: 100%; */
}

.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; }

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

.select-multiple-label {
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

@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; }
}