@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
    --font-family-base: 'Roboto', sans-serif;
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
    --text-size-xs: calc(var(--text-size-sm) - 0.125rem);
    --text-size-sm: calc(var(--text-size-base) - 0.125rem);
    --text-size-base: 1rem;
    --text-size-lg: calc(var(--text-size-base) + 0.125rem);
    --text-size-xl: calc(var(--text-size-lg) + 0.125rem);
    --text-size-2xl: calc(var(--text-size-xl) + 0.25rem);
    --text-size-3xl: calc(var(--text-size-2xl) + 0.375rem);
    --text-size-4xl: calc(var(--text-size-3xl) + 0.375rem);
    --text-size-5xl: calc(var(--text-size-4xl) + 0.75rem);
    --text-size-6xl: calc(var(--text-size-5xl) + 0.75rem);
    --text-size-7xl: calc(var(--text-size-6xl) + 0.75rem);
    --text-size-8xl: calc(var(--text-size-7xl) + 1.5rem);
    --text-size-9xl: calc(var(--text-size-8xl) + 2rem);
    --text-line-height-xs: calc(var(--text-line-height-sm) - .25rem);
    --text-line-height-sm: calc(var(--text-line-height-base) - .25rem);
    --text-line-height-base: 1.5rem;
    --text-line-height-lg: calc(var(--text-line-height-base) + .25rem);
    --text-line-height-xl: calc(var(--text-line-height-base) + .25rem);
    --text-line-height-2xl: calc(var(--text-line-height-lg) + .25rem);
    --text-line-height-3xl: calc(var(--text-line-height-2xl) + .25rem);
    --text-line-height-4xl: calc(var(--text-line-height-3xl) + .25rem);
    --text-line-height-5xl: 1;
    --text-line-height-6xl: 1;
    --text-line-height-7xl: 1;
    --text-line-height-8xl: 1;
    --text-line-height-9xl: 1;
}

/* Helper Classes */
.font-weight-thin { font-weight: var(--font-weight-thin); }
.font-weight-extra-light { font-weight: var(--font-weight-extra-light); }
.font-weight-light { font-weight: var(--font-weight-light); }
.font-weight-regular { font-weight: var(--font-weight-regular); }
.font-weight-medium { font-weight: var(--font-weight-medium); }
.font-weight-semi-bold { font-weight: var(--font-weight-semi-bold); }
.font-weight-bold { font-weight: var(--font-weight-bold); }
.font-weight-extra-bold { font-weight: var(--font-weight-extra-bold); }
.font-weight-black { font-weight: var(--font-weight-black); }
.text-size-xs { font-size: var(--text-size-xs); }
.text-size-sm { font-size: var(--text-size-sm); }
.text-size-base { font-size: var(--text-size-base); }
.text-size-lg { font-size: var(--text-size-lg); }
.text-size-xl { font-size: var(--text-size-xl); }
.text-size-2xl { font-size: var(--text-size-2xl); }
.text-size-3xl { font-size: var(--text-size-3xl); }
.text-size-4xl { font-size: var(--text-size-4xl); }
.text-size-5xl { font-size: var(--text-size-5xl); }
.text-size-6xl { font-size: var(--text-size-6xl); }
.text-size-7xl { font-size: var(--text-size-7xl); }
.text-size-8xl { font-size: var(--text-size-8xl); }
.text-size-9xl { font-size: var(--text-size-9xl); }

html, body, .jstree > * {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-light);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;

}
body {
    font-size: var(--text-size-base);
    line-height: var(--text-line-height-base);
}
body .footer_bg {
    line-height: var(--text-line-height-3xl);
}
table, th, td, a, label {
    font-weight: var(--font-weight-light);
}

.form-control,
button,
input,
select {
    font-size: var(--text-size-base);
    font-weight: var(--font-weight-regular);
    line-height: var(--text-line-height-base);
}
strong {
    font-weight: var(--font-weight-regular);
}
b {
    font-weight: var(--font-weight-semi-bold);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: var(--font-weight-light);
    line-height: 1.25;
}
.form-group > .help-text,
.form-group > .error-text {
    font-size: var(--text-size-sm);
    font-weight: var(--font-weight-light);
    line-height: var(--text-line-height-sm);
}