body {
    font-family: 'Roboto', sans-serif;
}

.fs-sm {
    font-size:.875rem;
}
.fs-xs {
    font-size:.75rem;
}
.fs-xxs {
    font-size:.625rem;
}

.printfooter {
    display: none;
}

/* Used to prevent copying of .sr-only text, which is added by Font Awesome for screen readers */
.sr-only {
    user-select: none;
}

/* scrollable */
.scrollable {
    height: auto;
    max-height: 50vh;
    overflow-y: auto;
    padding-right: .75rem;

    /* Firefox */
    scrollbar-width: thin;          /* Makes it thinner */
    scrollbar-color: #999 #f0f0f0;  /* thumb color | track color */
}

/* Chrome, Edge, Safari */
.scrollable::-webkit-scrollbar {
    width: 6px;       /* default ~17px */
}

.scrollable::-webkit-scrollbar-track {
    background: #f0f0f0; /* track color */
}

.scrollable::-webkit-scrollbar-thumb {
    background-color: #999;  /* scrollbar handle color */
    border-radius: 3px;      /* rounded corners */
}

.scrollable::-webkit-scrollbar-thumb:hover {
    background-color: #666;  /* darker on hover */
}
/* / scrollable */

/* Make a responsive dropdown menu - apply to .dropdown-menu elements */
.dropdown-menu-responsive {
    width: max(300px, 50vw);
    max-width: min(90vw, 700px);
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .dropdown-menu-responsive {
        width: 90vw;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}