/* Rules for sizing the icon. */
.em-1 {
    font-size: 1em;
    position: relative;
    top: .1em;
}

.em-1_1 {
    font-size: 1.1em;
    position: relative;
    top: .1em;
}

.em-1_2 {
    font-size: 1.2em;
    position: relative;
    top: .1em;
}

.em-1_3 {
    font-size: 1.3em;
    position: relative;
    top: .1em;
}

.em-1_4 {
    font-size: 1.4em;
    position: relative;
    top: .1em;
}

.em-1_5 {
    font-size: 1.5em;
    position: relative;
    top: .1em;
}

.em-2 {
    font-size: 2em;
    position: relative;
    top: .1em;
}

.lh-0 {
    line-height: 0em;
}

.lh-1 {
    line-height: 1em;
}

.lh-2 {
    line-height: 2em;
}

.em-2_5 {
    font-size: 2.5em;
    position: relative;
    top: .1em;
}

.em-3 {
    font-size: 3em;
    position: relative;
    top: .1em;
}

.rem-1 {
    font-size: 1rem;
}

.md-18 {
    font-size: 18px;
}

.md-20 {
    font-size: 20px;
}

.md-24 {
    font-size: 24px;
}

.md-36 {
    font-size: 36px;
}

.md-48 {
    font-size: 48px;
}

.mh-1 {
    max-height: 1.3rem;
}

.mh-1_8 {
    max-height: 1.8rem;
}

.mdi.temp {
    color: wheat;
}

.nav.nav-treeview li.nav-item .nav-link.disabled {
    color: var(--gray-disabled) !important;
}

nav>ul>li.nav-item.has-treeview.menu-open>a {
    color: white !important;
    background-color: #FFFFFF40 !important;
}

/*nav > ul > li.nav-item.has-treeview.menu-open > a { color: var(--primary) !important; background-color: var(--gray-active) !important;}*/
nav>ul>li.nav-item.has-treeview.menu-open {
    background-color: #FFFFFF33 !important;
    border-radius: .5rem;
    margin-bottom: .2rem;
}

/*nav > ul > li.nav-item.has-treeview.menu-open { background-color: var(--gray-active) !important; border-radius: .5rem; margin-bottom: .2rem;}*/

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

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-MediumItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-LightItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-Thin.woff2') format('woff2'),
        url('/fonts/branding/Branding-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding SemiLightItalic';
    src: url('/fonts/branding/Branding-SemiLightItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-SemiLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding SemiLight';
    src: url('/fonts/branding/Branding-SemiLight.woff2') format('woff2'),
        url('/fonts/branding/Branding-SemiLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-SemiBold.woff2') format('woff2'),
        url('/fonts/branding/Branding-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-Black.woff2') format('woff2'),
        url('/fonts/branding/Branding-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-Medium.woff2') format('woff2'),
        url('/fonts/branding/Branding-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-ThinItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-Bold.woff2') format('woff2'),
        url('/fonts/branding/Branding-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-Light.woff2') format('woff2'),
        url('/fonts/branding/Branding-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-BlackItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Branding';
    src: url('/fonts/branding/Branding-BoldItalic.woff2') format('woff2'),
        url('/fonts/branding/Branding-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}