/* node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* node_modules/tippy.js/dist/backdrop.css */
.tippy-box[data-placement^=top] > .tippy-backdrop {
  transform-origin: 0 25%;
  border-radius: 40% 40% 0 0;
}
.tippy-box[data-placement^=top] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -55%);
}
.tippy-box[data-placement^=top] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-50%, -45%);
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop {
  transform-origin: 0 -50%;
  border-radius: 0 0 30% 30%;
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -45%);
}
.tippy-box[data-placement^=bottom] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-50%);
}
.tippy-box[data-placement^=left] > .tippy-backdrop {
  transform-origin: 50% 0;
  border-radius: 50% 0 0 50%;
}
.tippy-box[data-placement^=left] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -50%);
}
.tippy-box[data-placement^=left] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-75%, -50%);
}
.tippy-box[data-placement^=right] > .tippy-backdrop {
  transform-origin: -50% 0;
  border-radius: 0 50% 50% 0;
}
.tippy-box[data-placement^=right] > .tippy-backdrop[data-state=visible] {
  transform: scale(1) translate(-50%, -50%);
}
.tippy-box[data-placement^=right] > .tippy-backdrop[data-state=hidden] {
  transform: scale(.2) translate(-25%, -50%);
}
.tippy-box[data-animatefill] {
  background-color: transparent !important;
}
.tippy-backdrop {
  position: absolute;
  background-color: #333;
  border-radius: 50%;
  width: calc(110% + 32px);
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(.46, .1, .52, .98);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tippy-backdrop[data-state=hidden] {
  opacity: 0;
}
.tippy-backdrop:after {
  content: "";
  float: left;
  padding-top: 100%;
}
.tippy-backdrop + .tippy-content {
  transition-property: opacity;
  will-change: opacity;
}
.tippy-backdrop + .tippy-content[data-state=hidden] {
  opacity: 0;
}

/* node_modules/tippy.js/animations/shift-away.css */
.tippy-box[data-animation=shift-away][data-state=hidden] {
  opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
  transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
  transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
  transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
  transform: translateX(-10px);
}

/* src/app/styles/importer.less */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
i {
  font-style: normal;
}
.horizontal-and-vertical-align {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.crop {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.large-loader {
  font-size: 50px;
  color: var(--indicio-main-text-color, white);
  text-align: center;
}
.truncate-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@font-face {
  font-family: "Ionicons";
  src: url(/assets/fonts/ionicons.eot);
}
html {
  color-scheme: light;
  --mat-sys-primary: light-dark(#6388D0, #adc6ff);
  --mat-sys-on-primary: light-dark(#ffffff, #002e6a);
  --mat-sys-primary-container: light-dark(#d8e2ff, #004495);
  --mat-sys-on-primary-container: light-dark(#001a42, #d8e2ff);
  --mat-sys-inverse-primary: light-dark(#adc6ff, #005ac2);
  --mat-sys-primary-fixed: light-dark(#d8e2ff, #d8e2ff);
  --mat-sys-primary-fixed-dim: light-dark(#adc6ff, #adc6ff);
  --mat-sys-on-primary-fixed: light-dark(#001a42, #001a42);
  --mat-sys-on-primary-fixed-variant: light-dark(#004495, #004495);
  --mat-sys-secondary: light-dark(#295ea6, #a9c7ff);
  --mat-sys-on-secondary: light-dark(#ffffff, #003063);
  --mat-sys-secondary-container: light-dark(#d6e3ff, #00468c);
  --mat-sys-on-secondary-container: light-dark(#001b3d, #d6e3ff);
  --mat-sys-secondary-fixed: light-dark(#d6e3ff, #d6e3ff);
  --mat-sys-secondary-fixed-dim: light-dark(#a9c7ff, #a9c7ff);
  --mat-sys-on-secondary-fixed: light-dark(#001b3d, #001b3d);
  --mat-sys-on-secondary-fixed-variant: light-dark(#00468c, #00468c);
  --mat-sys-tertiary: light-dark(#8f36a5, #f4aeff);
  --mat-sys-on-tertiary: light-dark(#ffffff, #55006a);
  --mat-sys-tertiary-container: light-dark(#fdd6ff, #74188b);
  --mat-sys-on-tertiary-container: light-dark(#340042, #fdd6ff);
  --mat-sys-tertiary-fixed: light-dark(#fdd6ff, #fdd6ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#f4aeff, #f4aeff);
  --mat-sys-on-tertiary-fixed: light-dark(#340042, #340042);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#74188b, #74188b);
  --mat-sys-background: light-dark(#f9f9ff, #10131a);
  --mat-sys-on-background: light-dark(#191b23, #e1e2ec);
  --mat-sys-surface: light-dark(#f9f9ff, #10131a);
  --mat-sys-surface-dim: light-dark(#d8d9e3, #10131a);
  --mat-sys-surface-bright: light-dark(#f9f9ff, #363941);
  --mat-sys-surface-container-low: light-dark(#f2f3fd, #191b23);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0e15);
  --mat-sys-surface-container: light-dark(#ecedf7, #1d2027);
  --mat-sys-surface-container-high: light-dark(#e6e7f2, #272a31);
  --mat-sys-surface-container-highest: light-dark(#e1e2ec, #32353c);
  --mat-sys-on-surface: light-dark(#191b23, #e1e2ec);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-surface-tint: light-dark(#005ac2, #adc6ff);
  --mat-sys-inverse-surface: light-dark(#2e3038, #e1e2ec);
  --mat-sys-inverse-on-surface: light-dark(#eff0fa, #2e3038);
  --mat-sys-outline: light-dark(#727785, #8c909f);
  --mat-sys-outline-variant: light-dark(#c2c6d6, #424754);
  --mat-sys-neutral10: light-dark(#191b23, #191b23);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-on-error-container: light-dark(#410002, #ffdad6);
  --mat-sys-surface-variant: light-dark(#dee2f2, #424754);
  --mat-sys-on-surface-variant: light-dark(#424754, #c2c6d6);
  --mat-sys-neutral-variant20: light-dark(#2b303c, #2b303c);
  --mat-sys-brand-font-family: Roboto;
  --mat-sys-plain-font-family: Roboto;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  --mat-sys-level0:
    0px 0px 0px 0px var(--mat-sys-umbra-color),
    0px 0px 0px 0px var(--mat-sys-penumbra-color),
    0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1:
    0px 2px 1px -1px var(--mat-sys-umbra-color),
    0px 1px 1px 0px var(--mat-sys-penumbra-color),
    0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2:
    0px 3px 3px -2px var(--mat-sys-umbra-color),
    0px 3px 4px 0px var(--mat-sys-penumbra-color),
    0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3:
    0px 3px 5px -1px var(--mat-sys-umbra-color),
    0px 6px 10px 0px var(--mat-sys-penumbra-color),
    0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4:
    0px 5px 5px -3px var(--mat-sys-umbra-color),
    0px 8px 10px 1px var(--mat-sys-penumbra-color),
    0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5:
    0px 7px 8px -4px var(--mat-sys-umbra-color),
    0px 12px 17px 2px var(--mat-sys-penumbra-color),
    0px 5px 22px 4px var(--mat-sys-ambient-color);
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 5x;
  --mat-sys-corner-large-end: 0 5px 5px 0;
  --mat-sys-corner-large-start: 5px 0 0 5px;
  --mat-sys-corner-large-top: 5px 5px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-dialog-container-max-width: none;
  --mdc-protected-button-container-color: #6388D0;
  --mdc-filled-button-container-color: #6388D0;
  --mdc-filled-button-label-text-color: white;
  --mdc-protected-button-label-text-color: white;
  --mdc-filled-button-container-shape: 5px;
  --mdc-outlined-button-container-shape: 5px;
  --mdc-text-button-container-shape: 5px;
  --mdc-protected-button-container-shape: 5px;
  --mat-tab-header-label-text-size: 14px;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-weight: 400;
  --mat-option-selected-state-layer-color: light-dark(rgba(16, 127, 225, 0.19), rgba(167, 190, 245, 0.35));
  --mdc-dialog-container-color: light-dark(#f9f9ff, #181f27);
}
body.dark-theme {
  color-scheme: dark;
  --indicio-main-text-color: rgba(247, 248, 229, 0.8);
  --indicio-main-alt-text-color: #ffffff;
  --indicio-main-text-inverse-color: #212730;
  --indicio-main-content-background-color: rgba(171, 205, 237, 0.129);
  --indicio-main-content-border-color: rgba(255, 255, 255, 0.1);
  --indicio-main-content-border: 1px solid var(--indicio-main-content-border-color);
  --indicio-main-content-alt-background-color: rgba(0, 0, 0, 0.26);
  --indicio-main-content-alt-text-color: #ffffff;
  --indicio-main-background-color: #121820;
  --indicio-main-background-gradient: var(--indicio-main-background-color);
  --indicio-main-background-filter: brightness(0.2) opacity(0.1) saturate(1);
  --indicio-nav-text-color: white;
  --indicio-nav-background-color: #1a232f;
  --indicio-nav-border-color: #374557;
  --indicio-nav-border: 1px solid var(--indicio-nav-border-color);
  --indicio-pinned-forecasts-title-background-color: #212c3a;
  --indicio-pinned-forecasts-background-color: #1a232f;
  --indicio-profile-image-background-color: #232b38;
  --indicio-profile-image-color: #344052;
  --indicio-profile-text-color: #dbdbdb;
  --indicio-profile-background-color: #242f3d;
  --indicio-profile-alt-background-color: #1a1f27;
  --indicio-modal-background-color: #181f27;
  --indicio-modal-alt-background-color: #222a37;
  --indicio-modal-menu-background-color: #2a303c;
  --indicio-modal-menu-hover-background-color: #343b49;
  --indicio-modal-menu-text-color: rgba(255, 255, 255, 0.7);
  --indicio-modal-menu-active-background-color: #3a4354;
  --indicio-modal-menu-active-text-color: #8ec8ff;
  --indicio-modal-accent-color: #424c5e;
  --indicio-modal-text-color: var(--indicio-main-text-color);
  --indicio-modal-title-color: white;
  --indicio-button-background-color: #4a7fc9;
  --indicio-button-border-hover-color: #6796d8;
  --indicio-button-hover-background-color: #6fa0e4;
  --indicio-button-active-background-color: #83aeeb;
  --indicio-button-text-color: var(--indicio-main-text-color);
  --indicio-button-disabled-background-color: rgba(255, 255, 255, 0.1);
  --indicio-button-disabled-text-color: rgba(255, 255, 255, 0.25);
  --indicio-forecast-overview-menu-forecast-color: #ffffff;
  --indicio-forecast-overview-menu-background-color: #28313b;
  --indicio-forecast-overview-menu-button-background-color: rgba(0, 0, 0, 0.6);
  --indicio-forecast-overview-hover-border-color: #6282a0;
  --indicio-forecast-overview-active-border-color: var(--indicio-modal-menu-active-text-color);
  --indicio-forecast-daterange-background-color: rgba(171, 205, 237, 0.233);
  --indicio-forecast-daterange-border: 1px solid rgba(255, 255, 255, 0.1);
  --indicio-add-data-tab-background-color: rgba(0, 0, 0, 0.1);
  --indicio-add-data-tab-text-color: rgba(255, 255, 255, 0.45);
  --indicio-add-data-tab-active-text-color: var(--indicio-main-text-color);
  --indicio-add-data-tab-active-background-color: rgba(255, 255, 255, 0.1);
  --indicio-alg-hover-line-color: var(--indicio-main-text-color);
  --indicio-alg-overlay-color: rgba(0, 0, 0, 0.16);
  --indicio-alg-historic-line-color: #585858;
  --indicio-alg-background-color: #1f2931;
  --indicio-alg-axis-line-color: rgba(62, 77, 88, 0.562);
  --indicio-alg-border-color: var(--indicio-main-content-border-color);
  --indicio-alg-menu-background-color: #0b0c10;
  --indicio-alg-menu-text-color: #DDD;
  --indicio-tcdp-background-color: var(--indicio-main-content-background-color);
  --indicio-tcdp-text-color: var(--indicio-main-text-color);
  --indicio-tcdp-title-background-color: #0a0d11;
  --indicio-tcdp-filter-background-color: #202932;
  --indicio-fc-template-card-header-background-color: rgba(0, 0, 0, 0.35);
  --indicio-fc-template-card-header-text-color: #e9e9f1;
  --indicio-fc-template-card-text-color: var(--indicio-main-text-color);
  --indicio-fc-template-row-background-color: rgba(171, 205, 237, 0.096);
  --indicio-fc-template-card-border-color: #4c4c6148;
  --indicio-dark-color: #888888;
  --indicio-alert-color: #9c9e35;
  --indicio-forecast-text-color: var(--indicio-alert-color);
  --indicio-green: #4caf50;
  --indicio-mat-tab-header-bg-color: #202933;
}
body.dark-theme input[type=text].material:not(.mat-mdc-input-element) {
  color-scheme: light;
}
.dark-theme .cdk-overlay-dark-backdrop,
.dark-theme .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.dark-theme .mat-dialog-container {
  background-color: var(--indicio-modal-background-color) !important;
  color: var(--indicio-modal-text-color) !important;
  color-scheme: dark;
}
.dark-theme .mat-dialog-container h1,
.dark-theme .mat-dialog-container h2,
.dark-theme .mat-dialog-container h3 {
  color: var(var(--indicio-main-alt-text-color), var(--indicio-main-text-color));
}
.dark-theme .indicio-text-logo {
  fill: white;
}
body.light-theme {
  --indicio-main-text-color: #3a3939;
  --indicio-main-text-inverse-color: #eef0fa;
  --indicio-main-alt-text-color: #4f525c;
  --indicio-main-content-background-color: #fbfbfe;
  --indicio-main-content-border-color: #cbcbd6;
  --indicio-main-content-border: 1px solid var(--indicio-main-content-border-color);
  --indicio-main-content-alt-background-color: rgba(0, 0, 0, 0.05);
  --indicio-main-content-alt-text-color: rgba(58, 58, 57, 0.8);
  --indicio-main-background-color: #fff;
  --indicio-main-background-gradient: var(--indicio-main-background-color);
  --indicio-main-background-filter: brightness(0.2) opacity(0.1) saturate(1);
  --indicio-nav-text-color: #4a494b;
  --indicio-nav-hover-text-color: #000000;
  --indicio-nav-background-color: #f4f4fc;
  --indicio-nav-border-color: #9c9ca8;
  --indicio-nav-border: 1px solid var(--indicio-nav-border-color);
  --indicio-modal-menu-active-background-color: #E26464;
  --indicio-modal-alt-background-color: #dde3f1;
  --indicio-button-outline-text-color: #6388D0;
  --indicio-button-outline-border-color: #6388D0;
  --indicio-alg-overlay-color: rgba(0, 0, 0, 0.03);
  --indicio-alg-historic-line-color: #acabab;
  --indicio-alg-background-color: var(--indicio-modal-background-color);
  --indicio-alg-axis-line-color: rgba(86, 107, 124, 0.4);
  --indicio-alg-border-color: rgba(147, 147, 163, 0.527);
  --indicio-alg-hover-line-color: #32395cd6;
  --indicio-alg-menu-background-color: #dde2ef;
  --indicio-alg-menu-active-background-color: var(--indicio-forecast-overview-active-border-color);
  --indicio-alg-menu-text-color: #33425f;
  --indicio-alg-menu-active-text-color: #fcfcfc;
  --indicio-forecast-overview-menu-forecast-color: #000000;
  --indicio-forecast-overview-menu-background-color: var(--indicio-nav-background-color);
  --indicio-forecast-overview-menu-button-background-color: #dde2ef;
  --indicio-forecast-overview-menu-button-text-color: black;
  --indicio-forecast-overview-hover-border-color: #637ca95e;
  --indicio-forecast-overview-active-border-color: #637ba9;
  --indicio-forecast-daterange-background-color: var(--indicio-nav-background-color);
  --indicio-forecast-daterange-border: 1px solid rgba(0, 0, 0, 0.2);
  --indicio-forecast-daterange-text-color: #26303b;
  --indicio-add-data-tab-background-color: #e7e7f0;
  --indicio-add-data-tab-text-color: rgba(0, 0, 0, 0.45);
  --indicio-add-data-tab-active-text-color: #000000;
  --indicio-add-data-tab-active-background-color: #cbcbd6;
  --indicio-tcdp-header-background-color: #f1f3f4;
  --indicio-tcdp-background-color: var(--indicio-main-content-background-color);
  --indicio-tcdp-text-color: var(--indicio-main-text-color);
  --indicio-tcdp-title-background-color: #dee1e4;
  --indicio-tcdp-filter-background-color: #b4bbc0;
  --indicio-tcdp-filter-text-color: #222;
  --indicio-tcdp-search-filter-background-color: var(--indicio-tcdp-header-background-color);
  --indicio-tcdp-search-filter-text-color: #222;
  --indicio-tcdp-nav-background-color: #f6f8fa;
  --indicio-tcdp-nav-node-text-color: #333c4b;
  --indicio-tcdp-nav-node-hover-text-color: #747474;
  --indicio-tcdp-nav-node-active-text-color: var(--indicio-main-content-alt-text-color);
  --indicio-tcdp-nav-node-active-background-color: var(--indicio-main-content-alt-background-color);
  --indicio-dp-backrow-background-color: #e3e6f3;
  --indicio-dp-back-button-background-color: #5f6f7c;
  --indicio-dp-back-button-text-color: #f7f7f7;
  --indicio-dp-header-background-color: var(--indicio-tcdp-header-background-color);
  --indicio-dp-filter-background-color: var(--indicio-tcdp-filter-background-color);
  --indicio-hover-row-background-color: rgba(0, 0, 0, 0);
  --indicio-hover-row-hover-background-color: rgba(0, 0, 0, 0.05);
  --indicio-fc-template-card-header-background-color: #f7fafd;
  --indicio-fc-template-card-header-text-color: #212122;
  --indicio-fc-template-card-background-color: #ffffff;
  --indicio-fc-template-card-text-color: var(--indicio-main-text-color);
  --indicio-fc-template-row-background-color: #eeedf8;
  --indicio-fc-template-card-border-color: #e0e0e0;
  --indicio-dark-color: #5e5e5e;
  --indicio-alert-color: #9c9e35;
  --indicio-forecast-text-color: var(--indicio-alert-color);
  --indicio-green: #21b203;
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.8);
  --indicio-mb-tab-text-color: black;
}
body.blue-theme {
  --indicio-main-background-color: #23375f;
  --indicio-main-background-gradient: #23375f;
  --indicio-fc-template-card-text-color: black;
  --indicio-alg-menu-background-color: #1c2c4c;
  --indicio-alg-menu-text-color: #DDD;
  --indicio-modal-alt-background-color: #dde3f1;
  --indicio-green: #21b203;
  --mdc-filled-text-field-disabled-label-text-color: grey;
  --mdc-text-button-label-text-color: white;
}
body.blue-theme .mdc-dialog {
  --indicio-forecast-text-color: #9c9e35;
  --indicio-alg-historic-line-color: #9da6bd;
  --mdc-text-button-label-text-color: black;
}
body {
  color-scheme: light;
}
body.legacy-theme {
  --indicio-main-background-color: #6b9af6;
  --indicio-main-background-gradient: #6b9af6;
  --indicio-main-background-filter: opacity(0.4);
  --indicio-fc-template-card-text-color: black;
  --indicio-modal-alt-background-color: #e4e4ee;
  --mdc-text-button-label-text-color: white;
  --indicio-green: #21b203;
}
body.legacy-theme .mdc-dialog {
  --indicio-forecast-text-color: #9c9e35;
  --mdc-text-button-label-text-color: black;
  --indicio-alg-historic-line-color: #9da6bd;
}
body.login-view {
  color-scheme: light;
  --indicio-main-background-color: #ffffff;
  --indicio-main-background-gradient: var(--indicio-main-background-color);
  --indicio-main-background-filter: opacity(1);
  --indicio-button-background-color: #6388D0;
  --indicio-button-hover-background-color: #7797d6;
  --indicio-button-text-color: white;
  --indicio-button-outline-border-color: black;
  --indicio-button-outline-text-color: black;
}
body.login-view {
  color: black;
}
body {
  color: var(--indicio-main-text-color, #fff);
  background: var(--indicio-main-background-color, #fff);
  background: var(--indicio-main-background-gradient);
  --background-image: url(/assets/images/temp-bg.jpg);
}
body::before {
  transition: left 0.3s ease;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--background-image);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  filter: var(--indicio-main-background-filter);
  z-index: -1;
}
body nav {
  color: var(--indicio-nav-text-color, white);
  background-color: var(--indicio-nav-background-color, #0e1218);
}
body .modal .modal-header {
  background-color: var(--indicio-modal-background-color, white);
  color: var(--indicio-modal-title-color, #6388D0);
}
body .modal .body {
  background-color: var(--indicio-modal-background-color, white);
  color: var(--indicio-modal-text-color, black);
}
.legacy-theme .content-wrapper .wiki-icon .icon,
.blue-theme .content-wrapper .wiki-icon .icon {
  color: white !important;
}
.mdc-dialog__container h1,
.mdc-dialog__container h2,
.mdc-dialog__container h3 {
  color: var(--indicio-main-alt-text-color, --indicio-main-text-color);
}
.dark-theme,
.blue-theme .content-wrapper,
.light-theme .content-wrapper,
.legacy-theme:not(.login-view) .content-wrapper {
  --mdc-filled-text-field-container-color: transparent !important;
}
.mat-dialog-container,
.mdc-dialog__container,
indicio-modal-base {
  --mdc-filled-text-field-container-color: transparent !important;
  --indicio-alg-overlay-color: initial;
}
.mat-dialog-container .axis text,
.mdc-dialog__container .axis text,
indicio-modal-base .axis text {
  fill: var(--indicio-main-text-color, rgba(0, 0, 0, 0.8));
}
body.login-view .mat-form-field-label {
  color: var(--indicio-modal-text-color, #646464) !important;
}
body.login-view .mat-select-arrow {
  color: var(--indicio-modal-text-color, black) !important;
}
body.login-view .mat-select-value-text {
  color: var(--indicio-modal-text-color, black) !important;
}
body.login-view .mat-form-field-underline {
  background-color: var(--indicio-modal-text-color, black) !important;
}
body.login-view .mat-form-field-underline .mat-form-field-ripple {
  background-color: var(--indicio-modal-text-color, black) !important;
}
:root {
  --mdc-filled-text-field-label-text-size: 14px !important;
  --mat-select-trigger-text-size: 14px !important;
  --mat-form-field-container-text-size: 14px !important;
  --mdc-icon-button-icon-size: 14px !important;
  --mdc-filled-text-field-container-color: transparent !important;
  --mat-option-label-text-size: 14px !important;
  --mdc-filled-text-field-disabled-container-color: transparent !important;
}
.mat-mdc-form-field-type-mat-input .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-145%) scale(0.75) !important;
}
.mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.mat-mdc-form-field-subscript-wrapper:has(.mat-mdc-form-field-hint-wrapper > .mat-mdc-form-field-hint) {
  display: block !important;
}
.mat-mdc-select-panel {
  max-height: 300px !important;
}
.mat-mdc-form-field {
  display: flex !important;
}
.mdc-text-field,
.mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field-error-wrapper {
  padding: 0 2px !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.mat-mdc-form-field-infix {
  min-height: unset !important;
  width: unset !important;
  line-height: 14px !important;
  --mat-select-trigger-text-line-height: 14px !important;
}
.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 20px !important;
  padding-bottom: 5px !important;
}
.mdc-text-field .mdc-floating-label:not(.mdc-floating-label--float-above) {
  pointer-events: none !important;
}
.mat-mdc-form-field-type-mat-input .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-145%) scale(0.75) !important;
  pointer-events: none !important;
}
.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(0px) !important;
}
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  padding: 0 !important;
  background-color: transparent !important;
  --mdc-icon-button-state-layer-size: 25px !important;
  border-color: transparent !important;
  margin-top: 20px !important;
  scale: 0.7 !important;
}
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-focus-indicator,
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-touch-target {
  display: none;
}
.mat-mdc-select {
  width: 100%;
}
.mat-mdc-form-field-type-mat-select .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-145%) scale(0.75) !important;
}
.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 35px !important;
}
.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
mat-form-field:has([disableripple]) .mdc-line-ripple {
  display: none !important;
}
.data-table__body .mat-mdc-select-trigger {
  transform: translateY(0px) !important;
}
.cdk-overlay-pane:has(.fitted-select) {
  width: fit-content !important;
}
.cdk-overlay-pane:has(.extra-height) .mat-mdc-select-panel {
  max-height: 400px !important;
}
.cdk-overlay-pane:has(.small-header) small {
  color: #9B9B9B;
  display: block;
  line-height: 11px;
}
.cdk-overlay-pane:has(.right-value) small {
  color: #9B9B9B;
  display: block;
  line-height: 11px;
  position: absolute;
  right: 5px;
  top: calc(50% - 5.5px);
}
.mat-mdc-select-trigger {
  transform: translateY(5px) !important;
}
.source-variable-info .data-table {
  --mat-select-trigger-text-size: 12px;
}
.source-variable-info .data-table .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-mdc-slider {
  width: 100% !important;
}
.mat-mdc-slide-toggle {
  transform: scale(0.7);
}
.mat-mdc-slide-toggle .mdc-switch__icons {
  display: none;
}
:root,
.mat-mdc-dialog-container {
  --mdc-dialog-supporting-text-size: 14px !important;
  --mdc-dialog-supporting-text-line-height: normal !important;
}
[mat-dialog-title] .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #888;
  line-height: 14px;
  margin: 0;
}
.mat-mdc-dialog-panel {
  margin-left: 82px;
}
.mat-mdc-tab-header {
  margin-bottom: 20px;
  background-color: var(--indicio-mat-tab-header-bg-color, #cdcdcd30);
}
.mat-mdc-tab.mdc-tab {
  font-weight: 300;
}
.mat-mdc-tab.mdc-tab--active {
  font-weight: var(--mat-tab-header-label-text-weight);
}
.mat-expansion-panel-header-description {
  font-weight: 300;
}
button[color=warn],
button[ng-reflect-color=warn] {
  --mdc-filled-button-container-color: #E26464;
  --mdc-outlined-button-label-text-color: #E26464;
  --mdc-outlined-button-outline-color: #E26464;
  --mat-outlined-button-state-layer-color: #E26464;
  --mdc-text-button-label-text-color: #E26464;
}
button[color=green],
button[ng-reflect-color=green] {
  --mdc-filled-button-container-color: #009966;
}
.mat-mdc-icon-button.no-background .mdc-icon-button__ripple {
  --mat-icon-button-state-layer-color: transparent;
}
.error-text {
  text-align: center;
  font-style: italic;
  color: #E26464;
}
.warning-text {
  text-align: center;
  font-style: italic;
  color: #ffab3f;
}
.success-text {
  text-align: center;
  font-style: italic;
  color: #009966;
}
h3 .subtitle {
  font-weight: normal;
  font-size: 12px;
  color: #808080;
  display: block;
  margin: 0;
}
.file-icons {
  padding-left: 20px;
  padding-right: 10px;
}
.file-row {
  margin-bottom: 10px;
}
.files-col {
  padding-left: 10px;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-box {
  padding-bottom: 10px;
  height: calc(100% - 60px);
}
.upload-file {
  margin-top: 10px;
}
.sort-arrow {
  display: inline-block;
  margin-left: 10px;
}
.tab-menu {
  margin-left: 10px;
}
.tab-menu .tab {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  background-color: var(--indicio-add-data-tab-background-color, rgba(255, 255, 255, 0.1));
  color: var(--indicio-add-data-tab-text-color, rgba(255, 255, 255, 0.6));
  font-weight: 300;
  cursor: pointer;
  margin-right: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab-menu .tab.beta-badge:after {
  top: -13px;
}
.tab-menu .tab:hover {
  background-color: var(--indicio-add-data-tab-active-background-color, rgba(0, 0, 0, 0.2));
  color: var(--indicio-add-data-tab-active-text-color, white);
}
.tab-menu .tab.selected {
  background-color: var(--indicio-add-data-tab-active-background-color, rgba(0, 0, 0, 0.15));
  color: var(--indicio-add-data-tab-active-text-color, white);
}
.tab-content {
  float: left;
  overflow: hidden;
  width: calc(100% - 20px);
  height: calc(100vh - 230px);
  background: var(--indicio-main-content-background-color, rgba(0, 0, 0, 0.15));
  border: var(--indicio-main-content-border, none);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
.tab-content__filter {
  display: flex;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0;
}
.tab-content__filter .tcdp-search-and-filters {
  width: 100%;
  height: 60px;
}
.tab-content__filter .show-forecasted {
  align-self: center;
  margin-left: 10px;
}
.tab-content__filter .search {
  margin-right: 10px;
}
.tab-content__filter .dropdown-wrapper-new {
  height: 27px !important;
  border-color: white !important;
  border-radius: 5px !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-toggle-wrapper {
  color: white !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-toggle-wrapper .dropdown-toggle {
  padding: 5px 29px 3px 13px !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-toggle-wrapper:after {
  top: 9px !important;
  border-top-color: white !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-toggle-wrapper .dropdown-menu-arrow {
  bottom: 0 !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-menu {
  width: auto !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-menu .dropdown-menu-item {
  white-space: nowrap !important;
  padding: 3px 7px !important;
}
.tab-content__filter .dropdown-wrapper-new .dropdown-menu .dropdown-menu-item i {
  margin-right: 5px !important;
}
.tab-content__filter .dropdown-wrapper-new.open .dropdown-menu {
  top: 40px !important;
}
.tab-content__list {
  max-height: calc(100% - 92px);
  overflow-x: visible;
  overflow-y: auto;
}
.tab-content__list .hover-rows__row {
  height: 30px;
}
.tab-content .fullsize-loader {
  background-color: transparent;
  position: absolute;
}
.assessment-weight {
  height: 100% !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 70% !important;
  font-size: 15px !important;
  border: 0 !important;
  padding-left: 6px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #6388D0 !important;
  outline: none !important;
  color: var(--indicio-modal-text-color, black);
}
.start-buttons button:first-child {
  margin-right: 10px;
}
.start-buttons button:last-child {
  margin-left: 10px;
}
.btn-wrapper button:first-child {
  margin-right: 5px;
}
.btn-wrapper button:last-child {
  margin-left: 5px;
}
.btn-wrapper.margin-top {
  margin-top: 50px;
}
.btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.full-width {
  width: 100% !important;
  max-width: unset;
}
.btn.danger {
  background-color: #E26464 !important;
}
.btn.disabled:not(.btn--text),
.btn[disabled]:not(.btn--text) {
  background-color: var(--indicio-button-disabled-background-color, #dddddd);
  color: var(--indicio-button-disabled-text-color, #919191);
  border-color: var(--indicio-button-disabled-background-color, #dddddd);
}
.btn.disabled:not(.btn--text).outline,
.btn[disabled]:not(.btn--text).outline {
  border-color: var(--indicio-button-disabled-text-color);
}
.btn.disabled:not(.btn--text):active,
.btn[disabled]:not(.btn--text):active {
  pointer-events: none;
}
.btn-icon {
  background: transparent;
  border: 0;
  font-size: 2em;
  color: #6388D0;
  width: 40px;
}
.btn-icon:hover {
  color: #1d1d1d;
  background: transparent;
}
.refresh-values {
  font-size: 25px;
  padding: 15px 0 15px 0;
  cursor: pointer;
}
.refresh-values:hover {
  color: grey;
}
.refresh-values:hover:active {
  color: lightgray;
}
.refresh-variable {
  font-size: 12px;
  position: absolute;
  color: red;
  right: 2px;
  top: -3px;
}
.btn-small {
  background-color: #6388D0;
  display: inline-block;
  color: white;
  padding: 3px;
  font-size: 12px;
  cursor: pointer;
}
.btn-small-icon {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  border: hidden;
  background: transparent;
}
.btn-small-icon.disabled {
  cursor: default;
  pointer-events: none;
}
.btn-small-icon.h-green:hover {
  color: #009966;
}
.btn-small-icon.h-red:hover {
  color: #E26464;
}
.btn-small-icon.h-blue:hover {
  color: #6388D0;
}
.btn-small-icon.h-white:hover {
  color: white;
}
.btn-small-icon.h-grey:hover:not(.disabled) {
  color: #515151;
}
.btn-small-icon.data-m {
  font-size: 18px;
  padding: 0 10px;
}
.btn-small-icon.data-m.space-right {
  margin-right: 40px;
}
.btn-small-icon.center-icon {
  margin: 0 auto;
}
.btn-icon-text {
  border: 0;
  background: transparent !important;
  cursor: pointer;
  font-family: roboto, serif;
  font-weight: 300;
  font-size: 14px;
  float: left;
  padding: 10px 13px 10px 10px;
}
.btn-icon-text:hover:not(.disabled) {
  background-color: rgba(0, 0, 0, 0.4) !important;
  color: white;
}
.btn-icon-text.disabled:not(.hoverable) {
  cursor: default;
  color: lightgrey;
  pointer-events: none;
}
.btn {
  height: 40px;
  min-width: 120px;
  border-radius: 2px;
  font-size: 1rem;
  border: 1px solid transparent;
  background-color: var(--indicio-button-background-color, #6388D0);
  color: var(--indicio-button-text-color, white);
  max-width: 400px;
  outline: none;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: background-color 0.2s ease-in;
}
.btn.invite:not(.disabled):not([disabled]),
.btn.green:not(.disabled):not([disabled]) {
  color: white;
  background-color: #009966;
}
.btn.invite:not(.disabled):not([disabled]):hover,
.btn.green:not(.disabled):not([disabled]):hover {
  background-color: #00b377;
}
.btn.orange:not(.disabled):not([disabled]) {
  color: white;
  background-color: #e77f35;
}
.btn.orange:not(.disabled):not([disabled]):hover {
  background-color: #ea8d4c;
}
.btn.red:not(.disabled):not([disabled]) {
  color: white;
  background-color: #E26464;
}
.btn.red:not(.disabled):not([disabled]):hover {
  background-color: #e67979;
}
.btn.double {
  width: 240px;
}
.btn.danger {
  background-color: #E26464;
}
.btn.danger:hover {
  background-color: #e67979 !important;
  border: 1px solid transparent;
}
.btn--text {
  background-color: transparent;
  color: var(--indicio-modal-text-color, #000);
  margin: 0;
}
.btn--text[disabled],
.btn--text .disabled {
  color: grey;
  background-color: transparent !important;
}
.btn--text[disabled]:hover,
.btn--text .disabled:hover {
  text-decoration: none;
  border-color: transparent !important;
}
.btn--text:hover {
  text-decoration: underline;
  border-color: transparent !important;
  background-color: transparent !important;
}
.btn.tight {
  margin: 4px 0;
}
.btn.wide {
  width: 180px;
}
.btn.large {
  height: 90px;
}
.btn:hover {
  border: 1px solid var(--indicio-button-border-hover-color);
  background-color: var(--indicio-button-hover-background-color, #7797d6);
}
.btn:active {
  background-color: var(--indicio-button-active-background-color, #c9d6f1);
}
.btn.outline {
  background-color: transparent !important;
  color: var(--indicio-button-outline-text-color, white);
  border: 1px solid var(--indicio-button-outline-border-color, white);
}
.btn.outline:not(.large):not(.icon-button):not(.icon-folder) {
  height: 40px;
}
.btn.outline:hover:not(.disabled) {
  background-color: var(--buttonOutlineHoverBackgroundColor, rgba(99, 136, 208, 0.2));
}
.btn.outline.dark {
  border-color: #1d1d1d;
  color: #1d1d1d;
}
.btn.outline.blue {
  border-color: #6388D0;
  color: #6388D0;
}
.btn.outline.red:not(.disabled) {
  border-color: #E26464;
  color: #E26464;
}
.btn.outline.red:not(.disabled):hover {
  background-color: #e67979 !important;
  color: white;
}
.btn.btn-square {
  width: 119px;
  height: 119px;
}
.btn.btn-square.btn-large {
  width: 153px;
  height: 153px;
}
.btn.btn-square.btn-small {
  width: 35px;
  height: 35px;
}
.btn.btn-small {
  width: auto;
  padding: 10px;
}
.btn.btn-small-inline {
  margin-top: 0;
  margin-bottom: 0;
  height: auto !important;
  min-width: auto;
}
.btn.icon-button i {
  padding: 5px;
}
.btn.left {
  float: left;
}
.btn.right {
  float: right;
}
.btn.center {
  position: relative;
  left: 39%;
}
.btn.important {
  background-color: #E26464;
}
.inline-block {
  display: inline-block;
}
.anim-height {
  transition: height 0.3s ease;
}
.anim-height.anim-hide {
  height: 0;
  border-width: 0;
  font-size: 0;
  background: transparent;
  pointer-events: none;
}
[data-badge] {
  position: relative;
}
[data-badge].small-badge:after {
  background: transparent;
  top: -8px;
  right: -10px;
}
[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.7em;
  background: red;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}
[tippy-content] {
  display: none !important;
}
.data-table tbody,
.data-table thead {
  display: block;
}
.data-table tbody tr,
.data-table thead tr {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: smaller;
}
.data-table tbody {
  max-height: 300px;
  overflow: auto;
}
.data-table tbody td {
  padding: 5px 0;
  border-bottom: 1px dashed #efefef;
}
.data-table tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
.data-table tbody tr td:first-of-type {
  padding-left: 10px;
}
.data-table tbody tr:last-of-type td {
  border-bottom: none;
}
.data-table thead th {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.data-table thead th:first-of-type {
  padding-left: 10px;
}
.remove-table {
  margin: 0 10px;
}
.remove-table .header {
  font-weight: 700;
  border-bottom: 1px solid var(--indicio-modal-alt-background-color, #ccc);
  margin: 0;
}
.remove-table .content {
  padding: 5px 10px;
}
.remove-table .content:not(:last-of-type) {
  border-bottom: 1px dashed var(--indicio-modal-accent-color, #efefef);
}
.remove-table .content:nth-child(even) {
  background-color: var(--indicio-modal-alt-background-color, #f5f5f5);
}
.full-screen-dialog .mat-dialog-container {
  padding: 1em;
  width: 100%;
  height: 100%;
}
.variable-versions {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0 0 5px 5px;
  margin-bottom: 5px;
  color: black;
}
.variable-versions__header {
  padding: 5px 5px 0 5px;
}
.variable-versions__header div {
  font-weight: 500;
  padding: 0 0 0 10px;
}
.variable-versions__header div:first-of-type {
  padding-left: 5px;
}
.variable-versions .hover-rows__row:last-of-type {
  border-radius: 0 0 5px 5px;
}
.variable-versions .hover-rows__row {
  cursor: pointer;
}
.variable-versions .hover-rows__row:hover:not(.hover-rows__row--disabled) {
  background-color: rgba(0, 0, 0, 0.1);
}
.variable-versions .hover-rows__row__buttons .btn-small-icon:hover {
  color: white;
}
.variable-version-separator {
  height: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
}
.provider {
  width: 120px;
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.provider:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.provider-icon {
  display: block;
  margin: auto;
  height: 75%;
  width: 75%;
  cursor: pointer;
}
.provider-icon img[src*=jpg],
.provider-icon img[src*=png] {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.provider-title {
  margin-top: 10px;
  font-size: 14px;
}
.dm-line-height {
  line-height: 20px;
}
.separator_add_data_tabs {
  border-bottom: 1px solid var(--indicio-main-text-color #ffffff);
  opacity: 0.5;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  margin: 0;
}
.separator_variable {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  width: 98%;
  position: relative;
}
.content-header,
.dataseries-header {
  font-size: 14px;
  padding-bottom: 10px;
  font-weight: 300;
  color: var(--indicio-main-text-color, rgba(255, 255, 255, 0.8));
}
.content-name {
  font-size: 14px;
  font-weight: 300;
  font-family: roboto, serif;
}
.error-message {
  font-size: 13px;
  font-weight: 300;
  font-family: roboto, serif;
}
.content-description {
  font-size: 12px;
  font-weight: 300;
  font-family: roboto, serif;
}
.main-variable-row {
  padding-left: 20px;
}
.forecast .content {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  margin: 0 10px;
}
.forecast .content .multivariate-result {
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.forecast .content .nowcasts {
  padding-bottom: 5px;
}
.run-model {
  margin: 40px 0 0 0;
  padding-right: 10px;
}
.dropdown-container {
  height: 40px;
}
select.dropdown {
  display: none;
  margin: 0 auto;
}
select.dropdown.errorable {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 1px;
  border: none;
  position: absolute;
  top: 40px;
}
select.dropdown.errorable:focus {
  outline: none;
}
.dropdown-wrapper {
  position: relative;
  width: 100%;
  margin: 10px 0;
  height: 40px;
  border: 1px solid #6388D0;
}
.dropdown-wrapper ul.dropdown-menu {
  width: inherit;
  height: auto;
  max-height: 200px;
  visibility: hidden;
  z-index: 1000;
  position: absolute;
  top: 40px;
  list-style: none;
  opacity: 0;
  background-color: #1d1d1d;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.2s ease;
  padding: 1em 0;
}
.dropdown-wrapper ul.dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 0 0.5em 15px;
  width: 100%;
  background-color: #1d1d1d;
  border-bottom: solid 1px #2b2b2b;
  transition: background-color 0.1s ease-in;
  color: white;
}
.dropdown-wrapper ul.dropdown-menu li:hover {
  background-color: #515151;
}
.dropdown-wrapper ul.dropdown-menu li:hover a {
  color: white !important;
}
.dropdown-wrapper ul.dropdown-menu li.selected {
  background-color: #515151;
}
.dropdown-wrapper ul.dropdown-menu li:last-child {
  border-bottom: 1px solid transparent;
}
.dropdown-wrapper .dropdown-down-arrow {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #222222;
}
.dropdown-wrapper .dropdown-menu-arrow {
  content: "";
  position: absolute;
  left: 30px;
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #222222;
  opacity: 0;
  visibility: hidden;
}
.dropdown-wrapper.open .dropdown-menu,
.dropdown-wrapper.open .dropdown-menu-arrow {
  opacity: 1;
  visibility: visible;
}
.dropdown-wrapper.open .dropdown-menu {
  top: 50px;
}
.dropdown-wrapper .dropdown-toggle,
.dropdown-wrapper input.dropdown-toggle {
  line-height: 36px;
  padding-left: 1em;
  height: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 0;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  color: #4A4A4A;
}
.dropdown-wrapper .dropdown-toggle:after,
.dropdown-wrapper input.dropdown-toggle:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #222222;
}
.dropdown-wrapper input.dropdown-toggle {
  outline: none;
  width: 100%;
  background-color: transparent;
  border: 0;
}
.dropdown-wrapper.bordered-white {
  border: 1px solid #6388D0;
  border-radius: 4px;
  background-color: white;
  color: #777;
}
.dropdown-wrapper.bordered-white .dropdown-menu a {
  color: #777 !important;
}
.dropdown-wrapper.bordered-white .dropdown-toggle:after {
  color: #6388D0;
}
.dropdown-wrapper.inactive {
  display: none;
}
.dropdown-wrapper.ng-invalid {
  border-color: #E26464;
}
.dropdown-wrapper ::-webkit-input-placeholder {
  color: #4A4A4A;
}
.dropdown-wrapper ::-ms-input-placeholder {
  color: #4A4A4A;
}
.dropdown-wrapper ::-moz-placeholder {
  color: #4A4A4A;
}
.upload-forecast-name {
  border-bottom: 1px solid lightgrey;
  margin-bottom: 5px;
}
.upload-forecast-sep {
  border-bottom: 1px solid lightgray;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.no-result {
  border-radius: 6px;
  background-color: var(--indicio-main-content-background-color, rgba(0, 0, 0, 0.15));
  color: var(--indicio-main-text-color, white);
  border: var(--indicio-main-content-border, none);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 80vh;
  padding: 15px 30px;
  width: 100%;
}
.no-result--loader {
  font-size: 50px;
  color: var(--indicio-main-text-color, white);
  text-align: center;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
  padding: 0 10px;
}
.center-text {
  text-align: center;
}
.center-horizontal {
  margin: 0 auto;
}
.center-vertical {
  display: flex;
  align-content: center;
  align-items: center;
}
.cursor-default {
  cursor: default !important;
}
.cursor-help {
  cursor: help;
}
.center-horizontal-and-vertical,
.center-vh {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.no-padding {
  padding: 0 !important;
}
.crop-string {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crop-expand {
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.crop-expand--expanded {
  overflow: auto;
  -webkit-line-clamp: unset;
}
.capitalize {
  text-transform: capitalize;
}
.strong {
  font-weight: 700;
}
.underline {
  text-decoration: underline;
}
.flag-icon:before {
  z-index: 999;
}
.flex {
  display: flex;
}
.flex-row {
  display: flex;
  justify-content: space-between;
}
.flex-row.center-vertical {
  align-items: center;
}
.flex-row.center-vertical .input-label {
  line-height: unset;
}
.search-input {
  display: flex;
}
.search-input.right-button input[type=search] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.search-input.right-button button {
  margin: 10px 0;
  background-color: #ececec;
  border: 0;
  color: #000000;
  padding: 0 10px;
  height: 26px;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.search-input.right-button button.disabled {
  color: #9B9B9B;
}
.search-input label.search {
  position: relative;
  display: flex;
}
.search-input label.search input[type=search] {
  background-color: white;
  color: black;
  border-radius: 15px;
  padding: 5px;
  height: auto;
  width: 100%;
  padding-left: 30px;
  padding-right: 26px;
  border: 0;
  height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-input label.search i[class*=ion]:not(.ion-ios-search) {
  position: absolute;
  right: 10px;
  top: 16px;
  color: black;
  cursor: pointer;
}
.search-input label.search .ion-ios-search {
  position: absolute;
  top: 11px;
  left: 8px;
  color: black;
  font-size: 22px;
}
.fake-label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 11px;
}
.bottom-align {
  display: flex;
  align-items: baseline;
}
.variable-filter .filters i {
  font-size: 20px;
}
.premium-tag {
  border: 1px solid #EFEFEF;
  border-radius: 3px;
  padding: 2px 5px;
  cursor: pointer;
  text-transform: uppercase;
}
.big-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
}
.big-loader .center-horizontal-and-vertical {
  flex-direction: column;
}
.big-loader .spinner {
  font-size: 60px;
}
.big-loader .text {
  margin-top: 10px;
}
[tippy-content] ul {
  list-style-type: disc;
  padding: 0;
  margin: 0;
}
[tippy-content] ul li {
  padding: 5px 0;
}
.status-image {
  height: 150px;
  width: 150px;
}
.cross-correlation-plot {
  height: 300px;
  width: 100%;
}
.subtitle {
  display: block;
  color: grey;
  margin: -20px 0 0 0;
}
input[type=text]:not(.material):not([matinput]):not([class*=mat-]),
input[type=email]:not(.material),
input[type=password]:not(.material),
input[type=number]:not(.material),
input[type=search]:not(.material) {
  height: 40px;
  padding-right: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 500px;
  font-size: 1rem;
  border: 0;
  padding-left: 1em;
  background-color: transparent;
  border-bottom: 1px solid #6388D0;
  outline: none;
}
input[type=text]:not(.material):not([matinput]):not([class*=mat-]).danger,
input[type=email]:not(.material).danger,
input[type=password]:not(.material).danger,
input[type=number]:not(.material).danger,
input[type=search]:not(.material).danger {
  border-bottom-color: #E26464;
}
input[type=text]:not(.material):not([matinput]):not([class*=mat-]).large,
input[type=email]:not(.material).large,
input[type=password]:not(.material).large,
input[type=number]:not(.material).large,
input[type=search]:not(.material).large {
  height: 60px;
}
input[type=text]:not(.material):not([matinput]):not([class*=mat-])[type=radio],
input[type=email]:not(.material)[type=radio],
input[type=password]:not(.material)[type=radio],
input[type=number]:not(.material)[type=radio],
input[type=search]:not(.material)[type=radio] {
  margin: 0;
}
input[type=text]:not(.material):not([matinput]):not([class*=mat-]).ng-touched.ng-invalid,
input[type=email]:not(.material).ng-touched.ng-invalid,
input[type=password]:not(.material).ng-touched.ng-invalid,
input[type=number]:not(.material).ng-touched.ng-invalid,
input[type=search]:not(.material).ng-touched.ng-invalid {
  border-bottom-color: #E26464;
}
input[type=file] {
  display: none;
}
select[dropdown] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.input-label {
  height: 40px;
  margin: 10px 0;
  display: inline-block;
  line-height: 40px;
}
.input-label.no-margin {
  margin: 0;
}
.input-label.no-margin .subtitle {
  margin-top: -10px;
}
.input-label.m6 {
  margin: 6px 0;
}
.input-label-mini {
  height: 20px;
  margin: 10px 0;
  display: inline-block;
  line-height: 20px;
}
.invite-invalid {
  margin-top: 100px;
  font-size: 30px;
  font-weight: 400;
  color: black;
}
.invite-input {
  height: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
.invite-input input:-webkit-autofill {
  -webkit-box-shadow: 10px 10px 10px 100px #FAFAFA inset;
  box-shadow: 10px 10px 10px 100px #FAFAFA inset;
}
.signup-btn {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5em;
}
.signup-navigation {
  margin-top: 30px;
}
.invite-btn {
  text-align: center;
}
.mobile-view {
  display: none;
  background-image: url(/assets/images/bg@2x.jpg);
  background-size: cover;
  font-size: 2em;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  color: #000;
  flex-direction: column;
}
@media screen and (max-width: 920px) {
  .mobile-view {
    display: flex;
  }
}
.font-size-medium {
  font-size: 30px;
}
.font-size-large {
  font-size: 42px;
}
.font-size-larger {
  font-size: 50px;
}
.font-size-largest {
  font-size: 70px;
}
.font-size-label {
  font-size: 11px;
}
.font-size-label-big {
  font-size: 17px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-20 {
  font-size: 20px;
}
.dotted-underline {
  text-decoration-style: dotted;
  text-decoration-line: underline;
  text-underline-offset: 3px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.indented {
  margin-left: 6px;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: 700;
}
.inline {
  display: inline;
}
.display-none {
  display: none;
}
.front {
  z-index: 1001;
}
.content {
  padding: 0 20px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.vertical-align {
  display: flex;
  align-items: center;
}
.vertical-middle {
  display: inline-block;
  vertical-align: middle;
}
.text-right {
  text-align: right !important;
}
.block {
  display: block;
}
.light {
  font-weight: 300;
}
.col-no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.col-no-left-padding {
  padding-left: 0 !important;
}
.col-no-right-padding {
  padding-right: 0 !important;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.blue {
  color: #6388D0 !important;
}
.grey {
  color: #9B9B9B !important;
}
.light-grey {
  color: #EFEFEF !important;
}
.dark {
  color: var(--indicio-dark-color, #1d1d1d);
}
.dark-grey {
  color: #4A4A4A;
}
.black {
  color: black;
}
.red {
  color: #E26464;
}
.white {
  color: white;
}
.green {
  color: #009966;
}
.light-green {
  color: #5ebb60;
}
.orange {
  color: #ffab3f;
}
.orange-dark {
  color: #d27110;
}
.yellow {
  color: #d6d315;
}
.a-red:active {
  color: red;
}
.a-darkred:active {
  color: #8a2323;
}
.a-white:active {
  color: white;
}
.a-green:active {
  color: green;
}
.a-grey:active {
  color: grey;
}
.a-lightgrey:active {
  color: lightgray;
}
.a-darkgrey:active {
  color: darkgray;
}
.a-orange:active {
  color: darkorange;
}
.margin-auto {
  margin: auto;
}
.list-padding {
  padding-bottom: 5px;
}
.padding {
  padding: 20px;
}
.padding-5 {
  padding: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.extra-padding-lr {
  padding-left: 30px;
  padding-right: 30px;
}
.margin-top {
  margin-top: 10px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.extra-margin-top {
  margin-top: 20px !important;
}
.medium-margin-top {
  margin-top: 10px !important;
}
.extra-margin-bottom {
  margin-bottom: 20px;
}
.medium-margin-bottom {
  margin-bottom: 10px !important;
}
.padding-top {
  padding-top: 10px;
}
.extra-padding-top {
  padding-top: 20px !important;
}
.x-extra-padding-top {
  padding-top: 40px !important;
}
.extra-padding-bottom {
  padding-bottom: 20px !important;
}
.x-extra-padding-bottom {
  padding-bottom: 40px !important;
}
.extra-padding-left {
  padding-left: 20px !important;
}
.x-extra-padding-left {
  padding-left: 40px !important;
}
.extra-padding-right {
  padding-right: 20px !important;
}
.x-extra-padding-right {
  padding-right: 40px !important;
}
.padding-20 {
  padding: 10px 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.margin-top-7 {
  margin-top: 7px !important;
}
.margin-left-3 {
  margin-left: 3px;
}
.margin-right-3 {
  margin-right: 3px;
}
.margin-right-6 {
  margin-right: 6px;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px;
}
.no-margin {
  margin: 0 !important;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.selectable-text {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.no-wrap {
  white-space: nowrap;
}
.cursor-pointer,
.pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.pointer-none {
  pointer-events: none;
}
h1,
h2,
h3 {
  margin: 0;
  font-weight: 400;
}
h1,
h2 {
  font-size: 24px;
  margin: 0.5em 0;
}
h4,
h5 {
  margin: 0;
  font-weight: 300;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
.main-heading {
  font-size: 24px;
  text-align: center;
}
.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
}
hr {
  border: 0;
  border-bottom: 1px solid var(--indicio-main-content-border-color, #b3b3b3);
}
p {
  font-weight: 300;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px light-dark(#ffffff, #1c1c1c) inset;
}
img {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
ol {
  margin: 0;
  padding-inline-start: 0;
  list-style: decimal inside none;
}
ol li:not(:last-of-type) {
  margin-bottom: 5px;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.inline li {
  display: inline-block;
  margin: 15px;
}
ul.inline.small li {
  margin: 10px 30px;
  font-size: 12px;
}
ul.inline.small li:first-child {
  margin-left: 20px;
}
ul.list {
  list-style: square;
  list-style-position: inside;
}
.separator {
  border-bottom: 1px solid white;
  width: calc(100%);
}
body,
html {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: "Roboto", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
body.modal-open main,
html.modal-open main,
body.modal-open navigation,
html.modal-open navigation {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
textarea {
  width: 100%;
  max-width: 500px;
  border: 1px solid #6388D0;
  height: 120px;
  font-size: 1rem;
  padding: 1em;
  outline: none;
}
.checkbox i {
  vertical-align: middle;
  cursor: pointer;
  padding-right: 5px;
  font-size: 20px;
}
.checkbox label {
  vertical-align: middle;
}
main {
  z-index: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  transition: left 0.3s ease;
}
main.graph-view {
  padding-left: 20px;
}
main.locked {
  overflow-y: hidden;
}
main.logged-in {
  left: 90px;
}
main.logged-in .content-wrapper {
  position: fixed;
  width: calc(100% - 90px);
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}
main.system-message-bottom {
  bottom: 39px;
}
main.system-message-top {
  top: 39px;
}
.container {
  max-width: 1340px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 auto;
}
.container .row {
  margin: auto;
}
.container.content-margin {
  margin-top: 5%;
}
.container.content-margin.large {
  margin-top: 7.5%;
}
@media screen and (max-width: 1300px) {
  .container {
    width: 100%;
    padding: 0 70px;
  }
}
.container-small {
  width: 700px;
  margin: 0 auto;
}
.container-small.content-margin {
  margin-top: 5vh;
}
.container-small.content-margin.large {
  margin-top: 7.5vh;
}
@media screen and (max-width: 700px) {
  .container-small {
    width: 100%;
    padding: 0 10px;
  }
}
.container-xsmall {
  width: 500px;
  margin: 0 auto;
}
.container-xsmall.content-margin {
  margin-top: 5vh;
}
.container-xsmall.content-margin.large {
  margin-top: 7.5vh;
}
@media screen and (max-width: 500px) {
  .container-xsmall {
    width: 100%;
    padding: 0 20px;
  }
}
.container-xxsmall {
  width: 380px;
  margin: 0 auto;
}
.container-xxsmall.content-margin {
  margin-top: 5vh;
}
.container-xxsmall.content-margin.large {
  margin-top: 7.5vh;
}
@media screen and (max-width: 500px) {
  .container-xxsmall {
    width: 100%;
    padding: 0 20px;
  }
}
.login-form {
  position: relative;
  width: 500px;
  margin: 30px auto auto auto;
  padding: 50px;
}
.login-form.bg-white {
  background-color: white;
}
.login-form button,
.login-form input:not([matInput]) {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.login-form button::-webkit-input-placeholder,
.login-form input:not([matInput])::-webkit-input-placeholder {
  color: #1d1d1d;
}
.login-form button::-ms-input-placeholder,
.login-form input:not([matInput])::-ms-input-placeholder {
  color: #1d1d1d;
}
.login-form button::-moz-placeholder,
.login-form input:not([matInput])::-moz-placeholder {
  color: #1d1d1d;
}
.login-form input[matInput] {
  color: black;
}
.login-form button {
  font-size: 1.5em;
}
.forgot-btn {
  width: 108px;
  font-size: 11px;
  border: hidden;
  background: transparent;
  position: absolute;
  right: 47px;
  top: 147px;
  cursor: pointer;
  color: #1d1d1d;
}
.login-progress {
  position: absolute;
  top: 45%;
  left: 45%;
  color: var(--indicio-main-text-color, #1d1d1d);
  text-align: center;
}
.login-progress i {
  font-size: 50px;
}
.login-progress span {
  font-size: 16px;
}
.login-progress.white {
  color: #ffffff;
}
.reset-success {
  z-index: 101;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #009966;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
}
.signup-error {
  z-index: 101;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E26464;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
}
.login-error {
  z-index: 101;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #E26464;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
}
#login-branding {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
}
#about-container {
  position: fixed;
  bottom: 0;
  left: calc(50% - 63px);
  margin: auto;
  padding: 5px 15px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
}
#about-container a:hover {
  color: #6388D0;
}
.opaque-background {
  border-radius: 6px;
  background-color: var(--indicio-main-content-background-color, rgba(0, 0, 0, 0.15));
  border: var(--indicio-main-content-border, none);
  overflow: hidden;
}
.opaque-background--fullheight {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 80vh;
  padding: 15px 30px;
}
.opaque-background--fullwidth {
  width: 100%;
}
.opaque-background--large-loader {
  font-size: 50px;
  color: var(--indicio-main-text-color, white);
  text-align: center;
}
.filled-box {
  border-radius: 8px;
  background-color: var(--indicio-main-content-background-color, rgba(0, 0, 0, 0.15));
  border: var(--indicio-main-content-border, none);
  margin-top: 2px;
  display: inline-block;
  padding: 10px;
  position: relative;
}
.filled-box.full-width {
  display: block;
}
.filled-box.hover-rows .col-xs-2 {
  padding-right: 0;
}
.filled-box .hover-rows__row__text i {
  font-size: 20px;
  line-height: 15px;
}
.filled-box .title-row {
  display: grid;
  grid-template-columns: 300px 300px 1fr;
  gap: 30px;
  align-items: center;
  background-color: var(--indicio-main-content-alt-background-color, rgba(0, 0, 0, 0.1));
  color: var(--indicio-main-content-alt-text-color, white);
  padding: 8px 20px 15px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.filled-box .btn--text {
  color: var(--indicio-main-content-alt-text-color, white);
  border: 0;
}
.filled-box .btn--text:hover {
  border: 0;
}
.white-box {
  background: white;
  border-radius: 8px;
  width: 100%;
  height: 185px;
  padding: 20px;
  margin-top: 30px;
}
.accept-tos-alert {
  background-color: crimson;
  color: white;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.fullsize-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(68, 84, 122, 0.4);
  z-index: 1;
}
.fullsize-loader--force-height {
  height: 82vh;
  position: relative;
}
.fullsize-loader i {
  position: absolute;
  font-size: 50px;
  top: 45%;
  left: 45%;
  color: white;
  text-align: center;
}
home .home-wrapper {
  margin: 20% auto 0 auto;
  text-align: center;
  position: relative;
  display: block;
}
home .landing-label {
  font-size: 14px;
  color: #EFEFEF;
}
home .logo {
  display: block;
  width: 150px;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 45px);
}
.option-circle {
  display: inline-block;
  margin: 5px 0;
  margin-right: 20px;
  cursor: pointer;
  color: #9B9B9B;
}
.option-circle i {
  display: inline-block;
  padding-right: 5px;
}
.option-circle.active {
  color: white;
  font-weight: 300;
}
.option-circle.active i.icon-select-circle:before {
  content: "\f400";
}
i {
  font-family: "Ionicons", serif;
}
i.icon-project:before {
  content: "\f139";
}
i.icon-forecast:before {
  content: "\f262";
}
i.icon-notification:before {
  content: "\f279";
}
i.icon-calender:before {
  content: "\f2d1";
}
i.icon-account:before {
  content: "\f47e";
}
i.icon-settings:before {
  content: "\f13d";
}
i.icon-edit:before {
  content: "\f13d";
}
i.icon-close:before {
  content: "\f128";
}
i.icon-tree-node:before {
  content: "\f489";
}
i.icon-tree-node.active:before {
  content: "\f209";
}
i.icon-tree-leaf:before {
  content: "\f12e";
}
i.icon-select-circle:before {
  content: "\f401";
}
i.icon-select-circle.active:before {
  content: "\f400";
}
i.icon-cross:before {
  content: "\f129";
}
i.icon-toggle-off:before {
  content: "\f355";
}
.shaded {
  color: #EFEFEF;
}
ul.column li .dropdown-wrapper {
  margin: 0;
  height: 40px;
}
ul.column li .dropdown-wrapper .dropdown-toggle:after {
  font-size: 0.8em;
}
ul.column li.column-select {
  overflow: visible;
  width: 100%;
  height: 40px;
  padding: 0;
}
.container-loading {
  text-align: center;
  font-size: 40px;
  margin-top: 300px;
}
.spinner {
  animation: spin 4s infinite linear;
  display: inline-block;
}
.spinner.button-spinner {
  font-size: 30px;
  margin: 25px 0;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
  .mat-dialog-content ::-webkit-scrollbar-thumb,
  .mat-dialog-content > * ::-webkit-scrollbar-thumb,
  .modal > * ::-webkit-scrollbar-thumb,
  .mat-mdc-dialog-content ::-webkit-scrollbar-thumb,
  .mat-mdc-dialog-content > * ::-webkit-scrollbar-thumb {
    background: var(--indicio-modal-accent-color, #1f1d3182);
    border: 0;
  }
  .mat-dialog-content::-webkit-scrollbar-thumb,
  .mat-dialog-content > *::-webkit-scrollbar-thumb,
  .modal > *::-webkit-scrollbar-thumb,
  .mat-mdc-dialog-content::-webkit-scrollbar-thumb,
  .mat-mdc-dialog-content > *::-webkit-scrollbar-thumb {
    background: var(--indicio-modal-accent-color, #1f1d3182);
    border: 0;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  body {
    scrollbar-face-color: #4A4A4A;
    scrollbar-3dlight-color: #4A4A4A;
    scrollbar-highlight-color: #4A4A4A;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #4A4A4A;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.bullet-points {
  list-style: disc;
  margin: 0;
  padding-left: 25px;
  font-weight: 300;
}
.admin-content {
  min-height: 500px;
}
.admin-content .green-bkg {
  background-color: green;
}
.admin-content .red-bkg {
  background-color: red;
}
.admin-content .server-list {
  height: 400px;
}
.admin-content .server-status-headers {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
}
.tos-container {
  height: 70vh;
}
.tos-container .tos {
  height: 90%;
  overflow-y: scroll;
  color: var(--indicio-modal-text-color, black);
  padding: 10px;
}
.tos-container .accept-tos {
  margin: 20px 0;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.tos-container .accept-tos .valid-from {
  align-self: flex-start;
}
.tos-container .accept-tos .btn {
  margin: 0 0 0 auto;
}
.tos-container .accept-tos .btn[disabled] {
  color: #9B9B9B;
  background-color: #EFEFEF !important;
}
.disabled,
[disabled] {
  color: #9B9B9B !important;
  cursor: default !important;
}
.disabled:active,
[disabled]:active {
  pointer-events: none;
}
.disabled i,
[disabled] i,
.disabled .text,
[disabled] .text {
  color: #9B9B9B;
}
.disabled-effect {
  color: #9B9B9B !important;
  cursor: pointer;
}
.mydp {
  border: none !important;
}
.mydp .selection,
.mydp .selectiongroup {
  border: none !important;
}
.mydp .btnpicker,
.mydp .btnclearenabled {
  border-radius: initial !important;
  margin-right: 2px;
}
.mydp .btnpicker:hover,
.mydp .btnclearenabled:hover {
  background-color: white !important;
  color: #6388D0;
}
.mydp .caltable {
  height: calc(100% - 35px) !important;
}
.alert {
  background-color: #E26464;
  color: white;
  padding: 10px;
}
.mat-form-field {
  display: block !important;
}
.black-disabled-text .mat-select-value {
  color: black !important;
}
.shepherd-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.shepherd-buttons li {
  display: flex;
}
.beta-badge {
  position: relative;
}
.beta-badge:after {
  display: block;
  position: absolute;
  background-color: #ff0000;
  content: "Beta";
  right: calc(50% - 18px);
  bottom: 15px;
  color: white;
  padding: 2px 5px;
  border-radius: 4px;
  transform: scale(0.75);
}
.support-email {
  color: white;
  position: absolute;
  bottom: 30px;
  right: 40px;
  z-index: 100;
  background-color: #3A74B9;
  font-size: 50px;
  padding: 0 15px;
  border-radius: 5px;
  filter: drop-shadow(2px 2px 4px #111);
}
.page-content-header {
  font-size: 20px;
  margin-bottom: 10px;
}
.draggy {
  cursor: col-resize;
  height: 100%;
  z-index: 1;
}
.draggy::after {
  margin-left: 3px;
  display: inline-block;
  height: 100%;
  content: " ";
  border-left: solid 1px transparent;
}
.resizable-ghost {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  border: 1px dashed #6388D0;
  pointer-events: none;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  display: none;
}
.resizable-ghost.active {
  display: block;
}
.nowcast-modal-sep {
  float: left;
  width: 96%;
  margin: 5px 0 5px 10px;
  border-bottom: 1px solid lightgray;
}
.remove-version-bin {
  height: 40px;
  margin: 10px 0;
  display: inline-block;
  line-height: 40px;
  font-size: 24px;
  width: 36px;
  text-align: center;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-content {
  width: 500px;
  margin: auto;
}
.modal-content.small {
  width: 400px;
}
.modal-content--min-height {
  min-height: 25vh;
}
.modal-content--wider {
  width: 640px;
}
.modal-content ul.list {
  max-height: 200px;
  overflow-y: auto;
}
.modal-content a {
  text-decoration: underline !important;
}
.close-modal {
  font-size: 30px;
  cursor: pointer;
  top: 8px;
}
.close-modal:hover {
  color: #c9d6f1;
}
.edit-pen {
  padding: 5px 8px;
  border-radius: 15px;
}
.edit-pen:hover {
  background-color: var(--indicio-modal-alt-background-color, #EFEFEF);
}
.modal-loading {
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal-loading i {
  font-size: 3.5em;
}
.modal-loading div {
  margin-top: 10px;
  font-size: 1.2em;
}
.galleryRadioBtn {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  color: #6388D0;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
}
.galleryRadioBtn .ngfor {
  padding-right: 5px;
}
.galleryRadioBtn .ngfor:first-of-type {
  margin-left: 5px;
}
.members-wrapper {
  padding-top: 20px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.members-wrapper .member {
  position: relative;
}
.separator_modal {
  float: left;
  width: 98%;
  margin-top: 5px;
  border-bottom: 1px solid lightgray;
  margin-bottom: 5px;
}
.modal-separator {
  border-bottom: 1px solid lightgray;
  padding-bottom: 20px;
}
.modal-space {
  margin-top: 40px;
  margin-bottom: 20px;
}
.modal-heading {
  border: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 20px !important;
}
.modal-distinct-row {
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FAFAFA;
}
.modal-distinct-row.themed {
  background-color: var(--indicio-modal-alt-background-color, #FAFAFA);
}
.modal-distinct-row .range-input {
  margin-top: 15px;
}
.ci-row {
  margin-top: 10px;
  padding-bottom: 30px;
  background-color: #FAFAFA;
}
.toggle-icon {
  margin-top: 10px;
}
.toggle-icon i {
  color: #d2d2d2;
}
.drag-bar {
  margin-top: 17px;
}
.drag-bar input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.25px 0;
}
.drag-bar input[type=range]:focus {
  outline: none;
}
.drag-bar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 9.5px;
  cursor: pointer;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  background: #f5f5f5;
  border-radius: 11.5px;
  border: 0 solid #010101;
}
.drag-bar input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 0 #000031, 0 0 0 #00004b;
  border: 0 solid #d2d2d2;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #d2d2d2;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.25px;
}
.drag-bar input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
.drag-bar input[type=range]::-moz-range-track {
  width: 100%;
  height: 9.5px;
  cursor: pointer;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
  background: #f5f5f5;
  border-radius: 11.5px;
  border: 0 solid #010101;
}
.drag-bar input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 #000031, 0 0 0 #00004b;
  border: 0 solid #d2d2d2;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #d2d2d2;
  cursor: pointer;
}
.drag-bar input[type=range]::-ms-track {
  width: 100%;
  height: 9.5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.drag-bar input[type=range]::-ms-fill-lower {
  background: #e8e8e8;
  border: 0 solid #010101;
  border-radius: 23px;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
.drag-bar input[type=range]::-ms-fill-upper {
  background: #f5f5f5;
  border: 0 solid #010101;
  border-radius: 23px;
  box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
}
.drag-bar input[type=range]::-ms-thumb {
  box-shadow: 0 0 0 #000031, 0 0 0 #00004b;
  border: 0 solid #d2d2d2;
  width: 26px;
  border-radius: 15px;
  background: #d2d2d2;
  cursor: pointer;
  height: 9.5px;
}
.drag-bar input[type=range]:focus::-ms-fill-lower {
  background: #f5f5f5;
}
.drag-bar input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
.drag-bar-blue {
  margin-top: 17px;
}
.drag-bar-blue.disabled {
  pointer-events: none;
}
.drag-bar-blue.disabled input[type=range]::-webkit-slider-thumb {
  background: #929292 !important;
}
.drag-bar-blue.disabled input[type=range]::-moz-range-thumb {
  background: #929292 !important;
}
.drag-bar-blue.disabled input[type=range]::-ms-thumb {
  background: #929292 !important;
}
.drag-bar-blue input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 9.5px 0;
}
.drag-bar-blue input[type=range]:focus {
  outline: none;
}
.drag-bar-blue input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07), 0 0 1px rgba(13, 13, 13, 0.07);
  background: rgba(0, 0, 0, 0.17);
  border-radius: 25px;
  border: 0 solid rgba(1, 1, 1, 0);
}
.drag-bar-blue input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  border: 0 solid rgba(0, 0, 0, 0);
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #6388d0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
.drag-bar-blue input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(13, 13, 13, 0.17);
}
.drag-bar-blue input[type=range]::-moz-range-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07), 0 0 1px rgba(13, 13, 13, 0.07);
  background: rgba(0, 0, 0, 0.17);
  border-radius: 25px;
  border: 0 solid rgba(1, 1, 1, 0);
}
.drag-bar-blue input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  border: 0 solid rgba(0, 0, 0, 0);
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #6388d0;
  cursor: pointer;
}
.drag-bar-blue input[type=range]::-ms-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.drag-bar-blue input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.17);
  border: 0 solid rgba(1, 1, 1, 0);
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07), 0 0 1px rgba(13, 13, 13, 0.07);
}
.drag-bar-blue input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.17);
  border: 0 solid rgba(1, 1, 1, 0);
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07), 0 0 1px rgba(13, 13, 13, 0.07);
}
.drag-bar-blue input[type=range]::-ms-thumb {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
  border: 0 solid rgba(0, 0, 0, 0);
  width: 26px;
  border-radius: 15px;
  background: #6388d0;
  cursor: pointer;
  height: 7px;
}
.drag-bar-blue input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.17);
}
.drag-bar-blue input[type=range]:focus::-ms-fill-upper {
  background: rgba(13, 13, 13, 0.17);
}
.multivariate-separator {
  height: 20px;
}
.assessment-row {
  height: 35px;
}
.add-assessment-button {
  margin-top: 10px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
}
.text-field {
  line-height: 55px;
  font-size: 14px;
}
.text-field-dropdown {
  height: 55px;
}
.text-field-dropdown .modal {
  margin-top: 18.5px !important;
}
.dropdown-text-row {
  line-height: 60px;
  font-size: 14px;
}
.date-field {
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.filename-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 10px;
  border: 1px solid #6388D0;
  padding: 0 10px;
}
.filename-container .filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.filename-Large {
  width: 70.6%;
}
.filename-Medium {
  width: 41%;
}
.csv-separator {
  width: 27%;
  display: inline-block;
  margin-left: 10px;
}
label.upload-label {
  height: 40px;
  display: inline-block;
  margin-left: 14px;
  margin-top: 10px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  position: absolute;
}
.upload-form-control {
  border-color: red;
}
.upload-form-control .dropdown-wrapper {
  border-color: red;
}
.nav-arrow {
  position: absolute;
  font-size: 60px;
  color: #6388D0;
  cursor: pointer;
  top: 50%;
  padding: 10px;
}
.nav-arrow:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.nav-arrow.left-side {
  left: 80px;
}
.nav-arrow.right-side {
  right: 80px;
}
.forecast-result-info {
  margin-top: 40px;
  height: 500px;
}
.forecast-result-info .property-text {
  padding-top: 20px;
}
.variable-information {
  overflow: auto;
}
.variable-information .plot {
  padding: 1px 40px 0 60px;
}
.variable-information .list {
  margin-top: 10px;
  margin-left: 10px;
  max-height: 400px;
  overflow: auto;
}
.variable-information .links {
  font-size: 14px;
}
.status {
  overflow: auto;
}
.status .process {
  font-weight: 500;
}
.status .process:not(first-child) {
  margin-top: 10px;
}
.status .sub-process {
  padding-left: 10px;
  display: inline-block;
}
.status .process-icon {
  display: inline-block;
}
.status .status {
  height: 370px;
  background-color: rgba(0, 0, 0, 0.05);
}
.status .messages {
  height: 30%;
  padding: 10px;
  overflow: auto;
}
.drag-and-drop-file {
}
.drag-and-drop-file .my-drop-zone {
  border: dotted 3px lightgray;
}
.drag-and-drop-file .nv-file-over {
  border: dotted 3px red;
}
.drag-and-drop-file .another-file-over-class {
  border: dotted 3px green;
}
.drag-and-drop-file html,
.drag-and-drop-file body {
  height: 100%;
}
.refresh-variable-modal {
  height: 400px;
  width: 530px;
}
.refresh-variable-modal .diff-container {
  margin-top: 20px;
  height: 280px;
  max-height: 280px;
  overflow: auto;
  white-space: nowrap;
}
.refresh-variable-modal .diff-container .diff-matrix-column {
  display: inline-block;
  min-width: 60px;
  text-align: center;
}
.refresh-variable-modal .diff-container .diff-matrix-column .column-header {
  background-color: #f3f3f3;
  height: 30px;
  line-height: 30px;
}
.refresh-variable-modal .diff-container .diff-matrix-column .column-header:not(:last-child) {
  border-right: 1.5px solid white;
}
.refresh-variable-modal .diff-container .diff-matrix-column .data-cell {
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  border: 1px solid #efefef;
  background-color: white;
}
.edit-icon {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 18px;
}
.edit-icon.designed-input {
  top: 0;
}
.image-wrapper {
  display: block;
  position: relative;
  height: 500px;
  width: 100%;
  overflow: hidden;
}
.image-wrapper img {
  position: absolute;
  opacity: 0;
  height: 100%;
  width: 100%;
  display: inline-block;
  transition: opacity 0.4s ease;
}
.image-wrapper img.active {
  opacity: 1;
}
.gallery-points {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.gallery-points .gallery-point {
  height: 20px;
  width: 20px;
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #6388D0;
  border-radius: 1px;
  display: inline-block;
}
.gallery-points .gallery-point.active {
  background-color: #6388D0;
}
.drag-and-drop-box {
  border: 1px dashed #6388D0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 100px;
  color: #6388D0;
  font-weight: 400;
}
.drag-and-drop-box.active {
  background-color: #6388D0;
  color: white;
}
.drag-and-drop-box.active > * {
  pointer-events: none;
}
.drag-and-drop-box p {
  margin: 0;
}
.drag-and-drop-box i {
  font-size: 24px;
}
.file-container {
  margin-top: 14px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.file-container .headers {
  font-weight: 700;
  margin-bottom: 10px;
}
.file-container .file-row {
  margin-bottom: 3px;
}
.filename-container-row {
  margin-top: 24px;
  position: relative;
}
.filename-container-row .filename-Large {
  width: 96%;
}
.filename-container-row .filename-Medium {
  width: 67%;
}
.filename-container-row .filename-container {
  margin-bottom: 15px;
}
.filename-container-row .upload-progress {
  position: absolute;
  margin-left: 15px;
  font-size: 24px;
  top: 14px;
  color: #6388D0;
}
.filename-container-row i .waiting {
  font-size: initial;
}
.upload-btn-row {
  margin-top: 20px;
}
.progress-container {
  padding-bottom: 20px;
}
.progress-bar {
  margin: 0;
  padding: 3px 0 0 0;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.progress-bar .indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid white;
  text-align: center;
  display: inline-block;
  margin: 20px;
  margin-top: 10px;
}
.progress-bar .indicator.active {
  background-color: white;
}
.progress-bar li {
  display: table-cell;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.progress-bar li .label {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.progress-bar li:before {
  content: "";
  width: 100%;
  height: 6px;
  background-color: transparent;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  position: absolute;
  top: 28px;
  left: 0;
}
.progress-bar li.first .indicator {
  width: 40px;
  height: 40px;
}
.progress-bar li.first:before {
  width: 50%;
  left: 50%;
}
.progress-bar li.last .indicator {
  width: 40px;
  height: 40px;
}
.progress-bar li.last:before {
  width: 50%;
}
.chart {
  width: 100%;
  display: block;
}
.text-page-height {
  min-height: 450px;
}
.chart-container {
  height: 625px;
}
.chart-container > div {
  height: 100%;
}
.chart-container .buttons {
  margin-top: 30px;
}
.status-content .new {
  padding: 20px;
  text-align: center;
  height: 80vh;
  padding-top: calc(40vh - 100px);
}
.status-content .new .no-result {
  font-size: 25px;
  padding-top: 70px;
}
.status-content .new .ion-load-c:before {
  margin: 20px;
  font-size: 40px;
}
.status-content .new .ion-bug:before {
  margin-bottom: 40px;
  font-size: 90px;
}
.status-content .new div {
  font-size: 18px;
}
.status-content span {
  display: inline-table;
  padding: 5px;
  border-bottom: 1px solid #a0b8e7;
}
.status-content ul {
  padding: 5px 0 5px 0;
}
.status-content ul li {
  padding: 5px 0 5px 5px;
}
.status-content ul .list-sep {
  height: 10px;
}
.model-tree {
  padding: 10px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.8);
}
.accuracy-bar {
  cursor: default;
  opacity: 0.8;
}
.accuracy-bar:hover {
  opacity: 1;
}
.accuracy-bar .name {
  position: absolute;
  left: -18%;
  font-size: 12px;
  font-weight: 300;
}
.accuracy-bar .bkg {
  width: 100%;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.accuracy-bar .bar {
  height: 10px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  text-align: right;
  padding-right: 10px;
}
.checkbox-table {
  font-size: 12px;
  font-weight: 300;
  margin-left: 5px;
  line-height: 22px;
}
.property-table {
  position: relative;
  display: inline-block;
  font-size: 10px;
  padding-top: 10px;
  width: 100%;
}
.property-table .property {
  text-align: center;
  line-height: 2.5em;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
}
.property-table .property-values:last-of-type .property {
  border-right: 0;
}
.property-table .model-name {
  position: absolute;
  right: 125%;
  text-align: right;
  display: block;
}
.property-table .model-name.right {
  left: 125%;
  text-align: left;
}
.property-table .property-values {
  width: 12.5%;
  display: inline-block;
}
.property-table .property-names {
  padding-left: 8px;
  padding-right: 8px;
}
.property-table .property-names .property-name {
  position: relative;
  text-align: center;
  padding: 5px;
  display: inline-block;
  width: 12.5%;
  line-height: 2em;
}
.property-table .property-names .direction {
  position: absolute;
  right: 0;
}
.property-table.right {
  float: right;
  margin-right: 5px;
}
.property-table .tableBkg {
  background: rgba(0, 0, 0, 0.1);
}
.summary-wrapper {
  width: 350px;
}
.summary-container .summary-left-column {
  display: inline-block;
}
.save-forecast {
  width: 140px;
  margin-right: 20px;
}
.scb-container {
  color: white;
  font-size: 16px;
  position: relative;
}
.scb-container .topmenu {
  background-color: rgba(0, 0, 0, 0.35);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  margin: 0 10px;
}
.scb-container .topmenu .backbutton {
  padding: 8px;
  border: 0;
  color: #EFEFEF;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  border-top-left-radius: 8px;
}
.scb-container .topmenu .backbutton:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.scb-container .header {
  background-color: rgba(0, 0, 0, 0.25);
  margin: 0 10px;
  display: flex;
}
.scb-container .header img {
  height: 80px;
  margin: 5px 0 5px 0;
}
.scb-container .header .scb-language-picker {
  float: right;
  margin-top: 5px;
}
.scb-container .header .scb-language-picker .flag-icon {
  cursor: pointer;
}
.scb-container .header .scb-language-picker__active {
  border: 1px solid #EFEFEF;
}
.scb-container .content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 10px;
  padding: 20px 40px 40px 56px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.scb-container .content .arrow {
  color: #EFEFEF;
}
.scb-container .content .arrow.active:before {
  content: "\f104  ";
}
.scb-container .content .arrow:before {
  content: "\f10a  ";
  font-family: "Ionicons", serif;
}
.scb-container .content a {
  font-size: 16px;
  font-weight: 300;
}
.scb-container .content a:hover {
  color: black;
  font-weight: 400;
}
.scb-container .content .scb-list .scb-sublist,
.scb-container .content .scb-list .scb-table {
  padding-left: 15px;
  margin-left: 3px;
  border-left: 1px solid lightgrey;
  position: relative;
}
.scb-container .content .scb-list .scb-sublist:after,
.scb-container .content .scb-list .scb-table:after {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  content: " ";
  height: 5px;
  width: 10px;
  border-bottom: 1px solid lightgrey;
}
.scb-container .content .scb-variables {
  margin-bottom: 40px;
}
.scb-container .content .scb-variables select {
  width: 100%;
}
.scb-container .content .scb-variables select[multiple] {
  height: 200px;
}
.data-provider-container {
  padding-bottom: 20px;
}
.data-provider-container .topmenu {
  background-color: var(--indicio-dp-backrow-background-color, rgba(0, 0, 0, 0.35));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin: 0 10px;
  display: flex;
  border: var(--indicio-main-content-border);
  border-bottom: none;
}
.data-provider-container .topmenu .backbutton {
  padding: 8px;
  border: 0;
  color: var(--indicio-dp-back-button-text-color, #EFEFEF);
  width: 100%;
  height: 100%;
  z-index: 1;
  border-top-left-radius: 8px;
  position: relative;
  background-color: transparent;
}
.data-provider-container .topmenu .backbutton:hover::before {
  opacity: 1;
}
.data-provider-container .topmenu .backbutton::before {
  border-top-left-radius: 8px;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--indicio-dp-back-button-background-color, rgba(0, 0, 0, 0.3));
  opacity: 0.8;
  z-index: -1;
}
.data-provider-container .header {
  background-color: var(--indicio-dp-header-background-color, rgba(0, 0, 0, 0.25));
  margin: 0 10px;
  display: flex;
  border-left: var(--indicio-main-content-border);
  border-right: var(--indicio-main-content-border);
}
.data-provider-container .header .text-logo {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -4px;
}
.data-provider-container .header.with-filter {
  margin-bottom: 10px;
}
.data-provider-container .header .text-logo-desc {
  margin: -10px 0 7px 3px;
}
.data-provider-container .header img {
  height: 80px;
  margin: 5px 0 5px 0;
  width: auto;
  max-width: 310px;
}
.data-provider-container .header .search-container {
  max-width: 286px;
  margin-top: 22px;
}
.data-provider-container .header .search-container .search-input {
  float: right;
}
.data-provider-container .header .search-container .search-input label.search {
  position: relative;
}
.data-provider-container .header .search-container .search-input label.search .hint {
  position: absolute;
  top: 39px;
  left: 30px;
  width: max-content;
  font-size: 12px;
}
.data-provider-container .header .search-container input {
  border: none;
}
.data-provider-container .header .filters {
  padding-top: 13px;
  margin-top: 10px;
  width: 140px;
  position: relative;
}
.data-provider-container .header .filters.fred {
  margin-top: 18px;
}
.data-provider-container .header .filters.fred .ion-close-circled {
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: -8px;
}
.data-provider-container .header .filters .edit-pen {
  font-size: 26px;
}
.data-provider-container .header .filters .edit-pen:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.data-provider-container .header .filters div[class^=col-xs] {
  display: flex;
  align-items: center;
  padding-left: 0;
}
.data-provider-container .snackbar i {
  font-size: smaller;
}
.data-provider-container .snackbar a[title=Home] {
  width: 67px;
  text-align: right;
}
.data-provider-container .snackbar .filled-box {
  padding: 0;
  border-radius: 0;
  margin-top: 0;
}
.data-provider-container .snackbar .filled-box ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.data-provider-container .snackbar .filled-box ul li {
  max-width: 150px;
  display: flex;
}
.data-provider-container .snackbar .filled-box ul li.large {
  max-width: unset;
}
.data-provider-container .snackbar .filled-box ul li.first .divider {
  padding-left: 0;
}
.data-provider-container .snackbar .filled-box ul li.last .divider {
  padding-right: 10px;
  padding-left: 0;
}
.data-provider-container .snackbar .filled-box ul li.last .parent {
  padding-right: 10px;
}
.data-provider-container .snackbar .filled-box ul li .divider {
  display: inline;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}
.data-provider-container .snackbar .filled-box ul li .divider::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--indicio-dp-back-button-background-color, #09192c);
  z-index: -1;
  opacity: 0.3;
}
.data-provider-container .snackbar .filled-box ul li a,
.data-provider-container .snackbar .filled-box ul li.item {
  display: inline;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.data-provider-container .snackbar .filled-box ul li a::before,
.data-provider-container .snackbar .filled-box ul li.item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--indicio-dp-back-button-background-color, #09192c);
  z-index: -1;
  opacity: 0.1;
}
.data-provider-container .snackbar .filled-box ul li a.parent::before,
.data-provider-container .snackbar .filled-box ul li.item.parent::before {
  background-color: var(--indicio-dp-back-button-background-color, #09192c);
  opacity: 0.3;
}
.data-provider-container .snackbar .filled-box ul li a.parent:hover,
.data-provider-container .snackbar .filled-box ul li.item.parent:hover {
  text-decoration: underline;
}
.data-provider-container .snackbar .filled-box ul li.item {
  padding-left: 10px;
}
.data-provider-container .snackbar .filled-box ul li.item:after {
  content: "";
}
.data-provider-container .subcategories {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
  border-top: none !important;
}
.data-provider-container .subcategories a:hover {
  text-decoration: underline;
}
.data-provider-container .subcategories .hover-rows__row {
  padding: 5px 10px;
}
.data-provider-container .subcategories .hover-rows__row div {
  padding: 0;
}
.data-provider-container .filters {
  background-color: var(--indicio-dp-filter-background-color, rgba(0, 0, 0, 0.35));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
}
.data-provider-container .filters .text {
  padding: 10px 10px;
  -webkit-user-select: none;
  user-select: none;
}
.data-provider-container .filters .text.active-filters {
  padding: 7px 10px;
}
.data-provider-container .dataseries {
  padding: 0;
}
.data-provider-container .dataseries div[data-title*=DISCONTINUED],
.data-provider-container .dataseries .discontinued {
  opacity: 0.2;
}
.data-provider-container .dataseries div[data-title*=DISCONTINUED]:hover,
.data-provider-container .dataseries .discontinued:hover {
  opacity: 1;
}
.data-provider-container .dataseries.no-categories,
.data-provider-container .dataseries.with-filter {
  margin-top: 0 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.data-provider-container .dataseries .hover-rows__row {
  padding: 7px 10px;
  position: relative;
}
.data-provider-container .dataseries .hover-rows__row div {
  padding: 0 20px 0 0;
}
.data-provider-container .dataseries .titlebar {
  padding: 10px 0 5px 0;
  margin-bottom: 5px;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.data-provider-container .dataseries .titlebar .content-header {
  padding: 0;
}
.data-provider-container .padding {
  padding: 10px;
}
.data-provider-container .tag {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 3px 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.data-provider-container .tag:not(:last-of-type) {
  margin-right: 5px;
}
.data-provider-container .multi-import {
  display: inline-block;
  padding: 3px 5px;
  background-color: rgba(0, 255, 34, 0.4);
  margin-left: 5px;
}
.data-provider-container .multi-import i {
  font-size: 14px;
}
.data-provider-container .checkbox {
  position: absolute;
  right: 10px;
  top: 4px;
}
.data-provider-container .filters {
  display: flex;
  align-items: center;
}
.scenario-wrapper .btn.danger {
  margin-bottom: 0 !important;
}
.scenario-wrapper .content-header {
  padding-bottom: 5px;
}
.scenario-nav-icon {
  display: inline-block;
  width: 40%;
}
.inactive-click {
  pointer-events: none;
}
.horizontal_line_scenario {
  width: 100%;
  border-bottom: 1px solid #9B9B9B;
}
.scenario-modal-icon {
  font-size: 20px;
}
.input-span {
  margin-right: 3px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.input-span--has-value:after {
  color: #afafaf !important;
}
.input-span .placeholder {
  content: attr(data-value);
  position: absolute;
  padding: 3px 5px;
  left: 1px;
  top: 12px;
  color: #9B9B9B;
  pointer-events: none;
  z-index: 0;
}
.remove-scenario-variable {
  margin: 9px 0 0 0;
  font-size: 20px;
}
.input-step {
  height: 25px !important;
  border: 1px solid black !important;
  padding: 3px 5px !important;
  position: relative;
  z-index: 1;
}
.input-step.error {
  border: 1px solid red !important;
}
.step-variable-name {
  margin-top: 14px;
  margin-bottom: 10px;
}
.scenario-variable-row {
  position: relative;
  background-color: #EFEFEF;
}
.scenario-variable-row:not(:first-of-type) {
  margin-top: 3px;
}
.scenario-variable-restore {
  position: absolute;
  left: 101%;
  top: 8px;
}
.scenario_step {
  display: inline-block;
  width: 50px;
  font-size: 14px;
  text-align: center;
}
.space_top_scenario_steps {
  margin-top: 10px;
}
.scenario_input > input[type=text] {
  height: auto;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0;
  width: 95%;
  font-size: 14px;
  border: 0;
  background-color: whitesmoke;
  border-bottom: 0;
}
.popup li {
  margin-left: 11px;
}
.script-queue {
  background-color: #1e2636;
  width: 520px;
  border-radius: 3px;
  padding: 10px 6px 10px 10px;
  font-size: 15px;
  z-index: 111;
  position: fixed;
  bottom: 100px;
  right: 32px;
  color: white;
}
.script-queue .minimize,
.script-queue .maximize {
  pointer-events: all;
  cursor: pointer;
  z-index: 101;
}
.script-queue .minimize {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 10px;
}
.script-queue.minimized {
  width: fit-content;
}
.script-queue.minimized .sq-container {
  display: none;
}
.script-queue .sq-main-header {
  padding: 5px 0;
}
.script-queue .sq-header {
  margin: 4px 0 7px 0;
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.script-queue .sq-row-container {
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.script-queue .sq-row-container::-webkit-scrollbar {
  width: 4px;
}
.script-queue .sq-row-container::-webkit-scrollbar-thumb {
  background: transparent;
}
.script-queue .sq-row-container:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.507) !important;
}
.script-queue .sq-row {
  padding: 0;
  margin-top: 1px;
  background-color: rgba(5, 6, 7, 0.38);
}
.script-queue .sq-entry {
  font-weight: 300;
  padding: 5px 0 5px 10px;
  font-size: 13px;
}
.script-queue .sq-footer {
  padding-top: 10px;
  font-weight: 300;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.script-queue .progress {
  position: relative;
  text-align: center;
  padding-left: 0;
  font-size: 11px;
}
.script-queue .progress .text {
  position: relative;
  z-index: 2;
}
.script-queue .progress .bar-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
  bottom: 4px;
  z-index: 1;
  background-color: rgba(56, 99, 88, 0.7);
}
.script-queue .progress .bar-container .bar {
  background-color: #009966;
  width: 0;
  height: 100%;
  transition: width 0.2s ease-in;
}
.sheet-container {
  padding-bottom: 25px;
}
.sheet-container .fullsize-loader i {
  top: 45vh;
}
.width-32 {
  width: 32px;
}
.color-ok {
  display: inline-block;
  background-color: #009966;
  color: #009966;
}
.color-replaced {
  display: inline-block;
  background-color: #d6d315;
  color: #d6d315;
}
.sheet-title-padded {
  padding-left: 25px;
}
.color-error {
  display: inline-block;
  background-color: #E26464;
  color: #E26464;
}
.sheet-wrapper {
  padding-top: 10px;
  width: 100%;
  height: 70%;
  overflow: visible;
  will-change: transform;
}
.sheet-wrapper::-webkit-scrollbar {
  height: 12px !important;
  width: 12px !important;
}
.sheet-wrapper::-webkit-scrollbar-thumb,
.sheet-wrapper::-webkit-scrollbar-corner {
  background: #898989;
}
.sheet-wrapper .error {
  background-color: #EFEFEF !important;
  color: black;
}
.cropped {
  height: 54px !important;
  background-color: #EFEFEF !important;
  border: 0 !important;
  background-image:
    repeating-linear-gradient(
      30deg,
      #DFDFDF,
      #DFDFDF,
      10px,
      transparent 0,
      transparent 20px) !important;
  text-align: center;
  line-height: 54px !important;
  font-size: 18px !important;
  font-weight: 600;
}
.sheet-tabs-wrapper {
  width: calc(100% - 2px);
  margin-top: 3px;
}
.sheet-tabs-wrapper--top {
  margin-bottom: -7px;
}
.sheet-tabs-wrapper .sheet-tab {
  font-size: 11px;
  background-color: #EFEFEF;
  color: #9B9B9B;
  padding: 6px;
  display: inline-block;
  text-align: center;
  border-right: 1px solid #9B9B9B;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}
.sheet-tabs-wrapper .sheet-tab.active {
  width: 80px;
  background-color: white;
  margin-left: 0;
  color: #1d1d1d;
  border-top: 2px solid #E26464;
}
.sheet {
  z-index: 1;
  white-space: nowrap;
  overflow-x: scroll;
}
.sheet .column {
  width: 120px;
  text-align: left;
  display: inline-block;
}
.sheet .column li {
  padding: 0;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  color: #4A4A4A;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-color: #efefef;
  border-style: solid;
  border-width: 1px;
  border-bottom: 1px;
  border-right: 1px;
  background-color: white;
}
.sheet .column li.dropdown-menu-item {
  border: none;
  height: auto;
}
.sheet .column li.inactive {
  background-color: #EFEFEF;
  color: #9B9B9B;
}
.sheet .column li.highlight-row,
.sheet .column li .highlight-row {
  background-color: #009966 !important;
  color: white !important;
}
.sheet .column li.indicator-row {
  padding: 1px 4px 0 4px;
  border-bottom: none;
  border-top: none;
}
.sheet .column li.indicator {
  border-left: none;
  border-right: none;
}
.sheet .column li.data-cell {
  line-height: 18px;
  height: 18px;
  background-color: #EFEFEF;
  font-size: 11px;
  cursor: default;
}
.sheet .column .column-select.formControl {
  border: 1px solid red;
}
.sheet .column .column-select .dropdown-wrapper-new {
  margin: 0 0 3px 0;
  background-color: #fff;
  border: 0;
}
.sheet .column .Dates,
.sheet .column .Values,
.sheet .column .MinValues,
.sheet .column .MaxValues {
  padding-left: 5px;
}
.sheet .column .Dates li.column-select:before,
.sheet .column .Values li.column-select:before,
.sheet .column .MinValues li.column-select:before,
.sheet .column .MaxValues li.column-select:before {
  content: " ";
  height: 100%;
  background-color: white;
  z-index: -1;
  position: absolute;
}
.sheet .column .Dates li.column-select,
.sheet .column .Values li.column-select,
.sheet .column .MinValues li.column-select,
.sheet .column .MaxValues li.column-select {
  border-top-color: #efefef !important;
}
.sheet .column .Dates:first-child li,
.sheet .column .Values:first-child li,
.sheet .column .MinValues:first-child li,
.sheet .column .MaxValues:first-child li {
  border-left-color: #efefef !important;
}
.sheet .column .Dates:not(.REP):not(.ERR) {
  background-color: #dae3e3;
  border-color: rgba(255, 255, 255, 0.3);
}
.sheet .column .Values:not(.REP):not(.ERR) {
  background-color: #e3bee3;
  border-color: rgba(255, 255, 255, 0.3);
}
.sheet .column .REP:not(.inactive) {
  background-color: #ffab3f;
}
.sheet .column .ERR:not(.inactive) {
  background-color: #E26464;
  color: black;
}
.sheet .column .inactive {
  background-color: #EFEFEF;
  color: #9B9B9B;
}
.sheet .column .inactive .column-select {
  pointer-events: none;
}
.sheet .indicator {
  text-align: center;
  background-color: white;
  color: #1d1d1d;
  cursor: pointer;
}
.sheet .indicator.inactive {
  padding-left: 5px;
  pointer-events: none;
  background-color: #EFEFEF;
  color: #9B9B9B;
}
.sheet .indicator.inactive i:before {
  content: "\f306";
}
.sheet .indicator-column {
  text-align: center;
  width: auto;
  color: #1d1d1d;
  margin-right: 3px;
}
.sheet .indicator-column .indicator-row {
  line-height: 18px;
  height: 18px;
  width: auto;
  border-bottom: 1px #EFEFEF;
}
.sheet .indicator-column .indicator-row.inactive {
  background-color: #EFEFEF;
  color: #9B9B9B;
}
.sheet .indicator-column .indicator-row.inactive i:before {
  content: "\f306";
}
.sheet .indicator-column .indicator-row:first-of-type {
  background-color: White;
  color: #c7c7c7;
  margin-bottom: 3px;
}
.sheet .column-empty {
  display: inline-block;
}
.sheet .cell-empty {
  height: 18px;
  background-color: #EFEFEF;
  color: #9B9B9B;
  border-color: #EFEFEF;
  border-style: solid;
  border-width: 1px;
  border-bottom: 1px;
  border-right: 1px;
}
.sheet .cell-empty.dropdown-height:nth-child(2) {
  height: 22px;
}
.sheet .cell-empty.dropdown-height:nth-child(3) {
  border-top: none;
}
.sheet .dropdown-empty {
  background-color: #EFEFEF;
  color: #9B9B9B;
  height: 40px !important;
  margin-bottom: 3px;
}
.sheet .indicator-empty {
  text-align: center;
  background-color: #EFEFEF;
  color: #9B9B9B;
  height: 18px;
}
.sheet.active {
  z-index: 2;
  display: block;
}
.accept-text {
  margin: 40px 0 20px 0;
}
.gdpr-list {
  list-style-type: disc;
  list-style-position: inside;
}
.gdpr-list-internal {
  list-style-type: square;
  margin-left: 15px;
  list-style-position: inside;
}
.gdpr-entry {
  margin-top: 10px;
}
markdown ul {
  margin: 10px 0;
  margin-left: 40px;
  list-style: disc;
}
markdown blockquote {
  border-left: 5px solid #d6d315;
  margin: 0;
  padding: 1px 10px;
}
markdown code {
  background-color: #EFEFEF;
  color: #b93f3f;
  padding: 2px 5px;
  border-radius: 3px;
}
.hover-rows__row .btn-small-icon.visible {
  visibility: visible;
}
.hover-rows__row .hidden {
  display: inline-flex !important;
  visibility: hidden;
}
.hover-rows__row--highlight {
  color: #d27110;
}
.hover-rows__row--highlight:hover {
  color: #f9ff4e;
}
.hover-rows__row--highlight .a-grey:active {
  color: #b7bb3b;
}
.hover-rows__row__checkbox {
  display: inline-flex;
  height: 30px;
  width: 30px;
  min-width: 30px;
  justify-content: center;
  align-items: center;
  margin-right: 3px;
}
.hover-rows__row__checkbox i {
  margin-right: 0 !important;
}
.hover-rows__row__checkbox:hover {
  background-color: #009966;
  color: white;
}
.hover-rows__row__text {
  padding: 6px 6px 4px 10px;
}
.hover-rows__row:hover:not(.hover-rows__row--disabled),
.hover-rows__row--active {
  background-color: var(--indicio-hover-row-hover-background-color, rgba(0, 0, 0, 0.4));
}
.hover-rows__row--disabled {
  cursor: default !important;
  color: #4A4A4A;
}
.hover-rows__row--align-center {
  display: flex;
  align-items: center;
}
.hover-rows__row__buttons {
  visibility: hidden;
}
.hover-rows__row__buttons.visible {
  visibility: visible;
}
.hover-rows__row__buttons--min-width {
  min-width: 150px;
}
@media (max-width: 544px) {
  .hover-rows__row__buttons--min-width {
    min-width: 0;
  }
}
.hover-rows__row__buttons__info-icon {
  width: 33px !important;
}
.hover-rows__row__buttons .btn-small-icon-loop {
  padding: 6px 9px 3px 9px !important;
  width: 30px;
}
.hover-rows__row__buttons .btn-small-icon-loop:hover.generic {
  background-color: #6388D0;
}
.hover-rows__row__buttons .btn-small-icon {
  padding: 6px 9px 3px 9px !important;
  width: 30px;
  text-align: center;
}
.hover-rows__row__buttons .btn-small-icon.hdisabled {
  opacity: 0.15;
}
.hover-rows__row__buttons .btn-small-icon.warning {
  width: 34px;
}
.hover-rows__row__buttons .btn-small-icon.generic {
  width: 34px;
}
.hover-rows__row__buttons .btn-small-icon.inactive i {
  opacity: 0.4;
}
.hover-rows__row__buttons .btn-small-icon:hover.error {
  color: white;
}
.hover-rows__row__buttons .btn-small-icon:hover.danger {
  background-color: #E26464;
}
.hover-rows__row__buttons .btn-small-icon:hover.generic {
  background-color: #6388D0;
}
.hover-rows__row__buttons .btn-small-icon:hover.warning {
  background-color: #ffab3f;
  color: white;
}
.hover-rows__row__buttons .btn-small-icon:hover.hdisabled {
  background-color: rgba(255, 255, 255, 0.5);
  color: #EFEFEF;
  cursor: default;
}
.hover-rows__row--bottom-radius:hover {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.hover-rows__row--top-radius:hover {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.hover-rows__row:hover .hover-rows__row__buttons,
.hover-rows__row:hover .hidden {
  visibility: visible !important;
}
.hover-rows--light .hover-rows__row:hover:not(.hover-rows__row--disabled),
.hover-rows--light .hover-rows__row--active {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.hover-rows--light .hover-rows__row .btn-small-icon {
  padding: 3px 9px 3px 9px !important;
}
.hover-rows--white-text .hover-rows__row:hover:not(.hover-rows__row--disabled):not(.hover-rows__row--highlight),
.hover-rows--white-text .hover-rows__row--active {
  color: white;
}
[hover-rows] .active {
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1280px) and (max-height: 720px) and (min-height: 300px) {
  .hide-720 {
    display: none;
  }
}
.framed-dropdown {
  border: 1px solid var(--indicio-button-outline-border-color, white);
  padding: 0 10px 0 10px;
  margin-top: 10px;
  color: var(--indicio-button-outline-text-color, white);
}
.framed-dropdown .mat-form-field-label-wrapper {
  overflow: visible !important;
}
.framed-dropdown .mat-form-field-wrapper {
  padding-bottom: 5px !important;
}
.framed-dropdown .mat-form-field-label {
  color: var(--indicio-main-text-color, white) !important;
  position: absolute !important;
  top: -16px !important;
  left: -11px !important;
  font-size: 13px !important;
  transform: scale(1) !important;
}
.framed-dropdown .mat-select-value-text {
  color: var(--indicio-main-text-color, white) !important;
}
.framed-dropdown .mat-form-field-underline {
  display: none !important;
}
.framed-dropdown .mat-select-arrow {
  color: var(--indicio-main-text-color, white) !important;
}
.framed-dropdown .mat-form-field-infix {
  padding-top: 2px !important;
}
.fluid-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}
.template-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 20px;
}
.grid-system {
  --grid-size: 3;
  --grid-template: var(--grid-template-global, repeat(var(--grid-size), 1fr));
  --hover-bg-color: #f5f5f5;
  --hover-color: inherit;
  display: grid;
  grid-template-columns: var(--grid-template);
}
.grid-system.hover:hover {
  background-color: var(--hover-bg-color);
  color: var(--hover-color);
}
.grid-system .flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.stable-scroll {
  overflow: auto;
  scrollbar-gutter: stable both-edges;
}
.stable-scroll-right {
  overflow: auto;
  scrollbar-gutter: stable;
}
.stable-scroll-padding {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.stable-scroll-padding-right {
  padding-right: 8px !important;
}
@-moz-document url-prefix() {
  .stable-scroll-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.sheet-dropdown .dropdown-wrapper-new {
  max-width: 156px !important;
  background-color: #4A4A4A !important;
  color: white;
  margin: 10px 0 !important;
}
.sheet-dropdown .dropdown-wrapper-new:not(.required) {
  border: 1px transparent !important;
}
.sheet-dropdown .dropdown-wrapper-new .dropdown-toggle-wrapper {
  color: white !important;
}
.sheet-dropdown .dropdown-wrapper-new .dropdown-toggle-wrapper:after {
  border-top-color: #fff !important;
}
.sheet-dropdown .dropdown-wrapper-new .dropdown-toggle-wrapper .dropdown-menu-arrow {
  border-bottom-color: #3d3d3d !important;
}
.sheet-dropdown .dropdown-wrapper-new ul.dropdown-menu {
  background-color: #4A4A4A !important;
  padding: 0 !important;
}
.sheet-dropdown .dropdown-wrapper-new ul.dropdown-menu li {
  margin-left: 0;
  background-color: #3d3d3d !important;
  border-bottom: 0 !important;
}
.sheet-dropdown .dropdown-wrapper-new ul.dropdown-menu li:hover {
  background-color: #9B9B9B !important;
}
.options-menu-container__toggler {
  cursor: pointer;
  padding: 2px 15px 0 15px;
  justify-content: center;
  display: inline-flex;
  margin-right: 5px;
  border-radius: 50%;
  z-index: 1100;
  position: relative;
}
.options-menu-container__toggler--no-hover {
  padding: 2px 8px 0 12px;
}
.options-menu-container__toggler--no-hover:hover {
  background-color: transparent !important;
}
.options-menu-container__toggler.invert i {
  color: white;
}
.options-menu-container__toggler.invert:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.options-menu-container__toggler:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.options-menu-container__content {
  z-index: 1102;
  position: absolute;
  white-space: nowrap;
  display: none;
  margin-left: 15px;
}
.options-menu-container__content .hidden-filler {
  height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1101;
}
.options-menu-container__content--open {
  display: block;
}
.options-menu-container__content ul li {
  text-align: left;
  display: flex;
  align-items: center;
  background-color: #363636;
  color: white;
  top: 0;
  transition: all 1ms ease 0s;
}
.options-menu-container__content ul li.disabled {
  color: unset;
  cursor: default !important;
  background-color: #2e2e2e;
}
.options-menu-container__content ul li:not([divider]) {
  padding: 7px 10px !important;
  cursor: pointer;
}
.options-menu-container__content ul li:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.options-menu-container__content ul li:last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.options-menu-container__content ul li:first-of-type:before {
  border: none !important;
}
.options-menu-container__content ul li i {
  font-size: 17px;
  margin-right: 5px;
  width: 15px;
}
.options-menu-container__content ul li:hover {
  background-color: #2b2b2b !important;
}
.options-menu-container__content ul li:last-of-type {
  padding-bottom: 5px;
}
.options-menu-container__content ul li[divider] {
  padding: 0 !important;
  height: 1px;
  border-bottom: 1px solid #575757;
}
.text-file-main-container {
  max-width: 1040px;
}
.text-file-container {
  padding: 40px 10px;
}
.close-text-file {
  font-size: 40px;
  cursor: pointer;
  color: white;
  display: inline-block;
  padding-top: 5px;
}
indicio-spinner {
  width: fit-content;
  display: inline-block;
}
indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--spinnerfc, var(--indicio-main-text-color, #fff));
}
.mat-dialog-content indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-dialog-content > * indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.modal > * indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-dialog-content indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-dialog-content .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.mat-dialog-content > * .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.modal > * .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.mat-mdc-dialog-content .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--indicio-modal-text-color, black) !important;
}
.mat-dialog-content .mdc-button,
.mat-dialog-content > * .mdc-button,
.modal > * .mdc-button,
.mat-mdc-dialog-content .mdc-button {
  --color: var(--indicio-modal-text-color, white) !important;
}
.mat-dialog-content .mdc-button:disabled,
.mat-dialog-content > * .mdc-button:disabled,
.modal > * .mdc-button:disabled,
.mat-mdc-dialog-content .mdc-button:disabled {
  --color: #999 !important;
}
.mat-dialog-content .mdc-button indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-dialog-content > * .mdc-button indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.modal > * .mdc-button indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-dialog-content .mdc-button indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-dialog-content .mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.mat-dialog-content > * .mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.modal > * .mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,
.mat-mdc-dialog-content .mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--color);
}
.mdc-button {
  --color: var(--indicio-main-text-color, white) !important;
}
.mdc-button:disabled {
  --color: #999 !important;
}
.mdc-button indicio-spinner .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  --mdc-circular-progress-active-indicator-color: var(--color);
}
.progress-bar {
  position: relative;
  min-height: 20px;
}
.progress-bar .text {
  position: relative;
  z-index: 2;
}
.progress-bar .bar {
  z-index: 1;
  background-color: #009966;
  width: 0;
  min-height: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: width 0.2s ease-in;
}
.create-variable-modal .table {
  background-color: #FAFAFA;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.create-variable-modal .headers {
  border-bottom: 1px solid;
  height: 20px;
}
.create-variable-modal .red {
  color: red;
}
.create-variable-modal .green {
  color: green;
}
.create-variable-modal .row {
  margin: 5px;
}
.create-variable-modal .info {
  padding: 30px 0 10px 10px;
}
.create-variable-modal .info-icon {
  margin-left: 5px;
  cursor: pointer;
  color: #6388D0;
}
.transformation-dropdown {
  position: relative;
  margin-left: 10px !important;
  margin-top: 15px;
  top: 28px;
  z-index: 1;
}
.dp-meny-btn {
  padding: 8px 5px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  background: transparent;
  -webkit-user-select: none;
  user-select: none;
  height: 40px;
  line-height: 20px;
  float: left;
  width: calc(100% / 5);
}
.dp-meny-btn span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.dp-meny-btn:hover {
  background: rgba(0, 0, 0, 0.05);
}
.dp-meny-btn:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.dp-meny-btn:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.dp-meny-btn.current {
  color: white;
  background: #E26464;
  border-color: #E26464;
}
.h-red:hover {
  color: #E26464;
}
.h-mediumred:hover {
  color: #b93f3f;
}
.h-darkred:hover {
  color: #8a2323;
}
.h-bg-red:hover {
  background-color: #E26464;
}
.h-white:hover {
  color: white !important;
}
.h-green:hover {
  color: #009966;
}
.h-grey:hover {
  color: grey;
}
.h-bg-grey:hover {
  background-color: grey;
}
.h-bg-dark:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.h-lightgrey:hover,
.h-lightgrey.active {
  color: lightgray !important;
}
.h-bg-lightgrey:hover {
  background-color: lightgrey;
}
.h-bg-darkgrey:hover {
  background-color: #4A4A4A;
}
.h-darkgrey:hover {
  color: #1d1d1d;
}
.h-orange:hover {
  color: darkorange;
}
.h-blue:hover {
  color: #6388D0;
}
.h-bg-blue:hover {
  background-color: #6388D0;
}
.h-black:hover {
  color: black;
}
.delete-project-icon {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  border: hidden;
  background: transparent;
  color: var(--indicio-dark-color, #1d1d1d);
  line-height: 60px;
  font-size: 25px;
}
.delete-project-icon.disabled {
  cursor: default;
  pointer-events: none;
}
.delete-project-icon.h-green:hover {
  color: #009966;
}
.delete-project-icon.h-red:hover {
  color: #E26464;
}
.delete-project-icon.h-blue:hover {
  color: #6388D0;
}
.delete-project-icon.h-white:hover {
  color: white;
}
.delete-project-icon.h-grey:hover:not(.disabled) {
  color: #515151;
}
.delete-project-icon.data-m {
  font-size: 18px;
  padding: 0 10px;
}
.delete-project-icon.data-m.space-right {
  margin-right: 40px;
}
.delete-project-icon.center-icon {
  margin: 0 auto;
}
.delete-project-icon:hover {
  color: #E26464;
}
.delete-project-icon:hover {
  color: #E26464;
}
.delete-project-icon-inactive {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  border: hidden;
  background: transparent;
  cursor: default;
  pointer-events: none;
  color: #9B9B9B !important;
  line-height: 60px;
  font-size: 25px;
}
.delete-project-icon-inactive.disabled {
  cursor: default;
  pointer-events: none;
}
.delete-project-icon-inactive.h-green:hover {
  color: #009966;
}
.delete-project-icon-inactive.h-red:hover {
  color: #E26464;
}
.delete-project-icon-inactive.h-blue:hover {
  color: #6388D0;
}
.delete-project-icon-inactive.h-white:hover {
  color: white;
}
.delete-project-icon-inactive.h-grey:hover:not(.disabled) {
  color: #515151;
}
.delete-project-icon-inactive.data-m {
  font-size: 18px;
  padding: 0 10px;
}
.delete-project-icon-inactive.data-m.space-right {
  margin-right: 40px;
}
.delete-project-icon-inactive.center-icon {
  margin: 0 auto;
}
.button-dropdown-container {
  position: relative;
  height: fit-content;
  width: fit-content;
}
.button-dropdown-container .button-container {
  display: flex;
  height: fit-content;
  border-radius: var(--mdc-filled-button-container-shape, 2px);
}
.button-dropdown-container .button-container:hover .btn,
.button-dropdown-container .button-container:hover .toggler {
  border-color: transparent;
  border-width: 1px;
}
.button-dropdown-container .button-container:hover .btn::before,
.button-dropdown-container .button-container:hover .toggler::before {
  background-color: var(--mat-filled-button-state-layer-color, var(--mat-sys-on-primary));
  opacity: var(--mat-filled-button-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));
}
.button-dropdown-container .button-container:hover .btn.green,
.button-dropdown-container .button-container:hover .toggler.green {
  background-color: #00b377;
}
.button-dropdown-container .button-container:hover .btn.outline,
.button-dropdown-container .button-container:hover .toggler.outline {
  background-color: rgba(99, 136, 208, 0.2);
  border-color: #fff;
}
.button-dropdown-container .button-container:hover .toggler.outline {
  border-left-color: rgba(0, 0, 0, 0);
}
.button-dropdown-container .btn::before,
.button-dropdown-container .toggler::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: var(--mdc-filled-button-container-color, var(--mat-sys-primary));
  opacity: 0;
  z-index: 0;
}
.button-dropdown-container .btn {
  margin: 0 !important;
  border-radius: var(--mdc-filled-button-container-shape, 2px);
  padding: 0 20px;
  height: 40px;
  color: var(--mdc-filled-button-label-text-color, var(--mat-sys-on-primary));
  font-weight: var(--mdc-filled-button-label-text-weight, var(--mat-sys-label-large-weight));
  border: 1px solid var(--indicio-button-border-color);
  background-color: var(--mdc-filled-button-container-color, var(--mat-sys-primary));
  position: relative;
}
.button-dropdown-container .btn.with-toggler {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-dropdown-container .btn .desc {
  font-size: 11px;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 2px;
  margin: 2px 5px 0 5px;
}
.button-dropdown-container .btn.green {
  color: white;
  background-color: #009966;
}
.button-dropdown-container .btn.green:hover {
  background-color: #00b377;
}
.button-dropdown-container .btn.orange {
  color: white;
  background-color: #e77f35;
}
.button-dropdown-container .btn.orange:hover {
  background-color: #ea8d4c;
}
.button-dropdown-container .btn.red {
  color: white;
  background-color: #E26464;
}
.button-dropdown-container .btn.red:hover {
  background-color: #e67979;
}
.button-dropdown-container .toggler {
  background-color: var(--mdc-filled-button-container-color, var(--mat-sys-primary));
  margin-left: 1px;
  color: white;
  font-size: 20px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  max-width: 28px;
  transition: background-color 0.2s ease-in, color 0.2s ease-in;
  border-top-right-radius: var(--mdc-filled-button-container-shape, 2px);
  border-bottom-right-radius: var(--mdc-filled-button-container-shape, 2px);
  position: relative;
}
.button-dropdown-container .toggler.green {
  color: white;
  background-color: #009966;
}
.button-dropdown-container .toggler.green:hover {
  background-color: #00b377;
}
.button-dropdown-container .toggler.disabled {
  background-color: #dddddd !important;
  color: #919191 !important;
  pointer-events: none;
}
.button-dropdown-container .toggler.disabled.outline {
  border-color: #dddddd !important;
  color: #dddddd !important;
}
.button-dropdown-container .toggler.outline {
  background-color: transparent;
  border: 1px solid white;
  margin-left: 0;
  border-left-color: transparent;
}
.button-dropdown-container .toggler.outline:hover {
  color: #ccc;
}
.status-msg {
  z-index: 101;
  width: 100%;
  position: absolute;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  transition: top 0.1s ease;
  color: white;
  grid-template-columns: 40px 1fr 40px;
}
.status-msg .report {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-msg .message {
  display: block;
  padding: 10px 50px;
  line-height: normal;
}
.status-msg .errors {
  font-size: 12px;
  line-height: normal;
  text-align: left;
  display: inline-block;
}
.status-msg .errors ul {
  list-style: circle;
}
.status-msg.active {
  display: grid;
  top: 0;
}
.status-msg .icon-cross {
  font-size: 14px;
  cursor: pointer;
  font-weight: 300;
}
.status-msg .report {
  right: 5%;
}
.modal .status-msg {
  position: sticky;
  font-size: 18px;
  color: white;
  top: 0;
}
.modal .status-msg .report {
  right: 50px;
  font-size: 13px;
}
.multiple-selection-box {
  background-color: #3b9e48;
  align-self: center;
  margin: 0 25px 0 auto;
  display: flex;
  position: absolute;
  top: 12px;
  right: 0;
  align-items: center;
  color: #fff;
}
.multiple-selection-box > i,
.multiple-selection-box > span,
.multiple-selection-box > span > i {
  padding: 10px;
}
.multiple-selection-box > i.ion-close-circled,
.multiple-selection-box > span.ion-close-circled,
.multiple-selection-box > span > i.ion-close-circled {
  padding: 0 0 0 10px;
}
.multiple-selection-box span:not(.fake-icon) {
  display: inline-flex;
  align-items: center;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled),
.multiple-selection-box span.fake-icon {
  align-self: stretch;
  justify-self: flex-start;
  display: inline-flex;
  cursor: pointer;
  position: relative;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled)::before,
.multiple-selection-box span.fake-icon::before {
  display: inline-flex;
  align-self: center;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled):hover,
.multiple-selection-box span.fake-icon:hover {
  background-color: #6388D0;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled):hover .popup,
.multiple-selection-box span.fake-icon:hover .popup {
  display: block;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled).ion-trash-b:hover,
.multiple-selection-box span.fake-icon.ion-trash-b:hover {
  background-color: #E26464;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled) .popup,
.multiple-selection-box span.fake-icon .popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 99999;
  background-color: inherit;
  font-family: "Roboto", serif;
  padding: 0;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled) .popup ul,
.multiple-selection-box span.fake-icon .popup ul {
  padding: 0;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled) .popup li,
.multiple-selection-box span.fake-icon .popup li {
  margin: 0;
  padding: 5px 10px;
}
.multiple-selection-box i[class^=ion]:not(.ion-close-circled) .popup li:hover,
.multiple-selection-box span.fake-icon .popup li:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.add-filters,
.active-filter {
  margin-top: 0;
  margin-bottom: 0;
  height: fit-content;
  align-items: center;
  padding: 3px 5px;
  border-radius: 3px;
  height: 25px;
}
.add-filters {
  outline: none;
  color: white;
  background-color: rgba(0, 255, 34, 0.4);
  border: 1px solid rgba(0, 255, 34, 0.2);
  margin-right: 5px;
}
.add-filters--dark {
  margin-bottom: 5px;
  background-color: rgba(0, 150, 11, 0.7);
  border: 1px solid rgba(0, 150, 11, 0.5);
}
.active-filter {
  background-color: rgba(160, 184, 231, 0.3);
  border: 1px solid rgba(160, 184, 231, 0.3);
  margin-right: 5px;
  margin-top: -5px;
}
.active-filter--dropdown {
  display: flex;
  align-items: center;
}
.active-filter--dropdown i {
  margin-top: -5px;
}
.active-filters {
  display: flex;
  align-items: center;
}
.model-selection-box {
  display: inline-flex;
  border: 1px solid var(--indicio-main-text-color, white);
  border-radius: 5px;
  position: relative;
  margin-top: 10px;
}
.model-selection-box--no-border {
  border: none;
}
.model-selection-box__title {
  position: absolute;
  font-size: 11px;
  top: -16px;
  left: 5px;
}
.model-selection-box__option {
  padding: 2px 10px;
  min-width: 65px;
  text-align: center;
}
.model-selection-box__option:hover {
  color: var(--indicio-main-content-alt-text-color, #ccc);
}
.model-selection-box__option:not(:last-of-type) {
  border-right: 1px solid var(--indicio-main-text-color, white);
  padding-right: 9px;
}
.model-selection-box__option.selected {
  background-color: var(--indicio-main-text-color, white);
  color: var(--indicio-main-text-inverse-color, black);
}
.model-selection-box__option.selected-alt {
  background-color: var(--indicio-main-text-color, white);
  color: var(--indicio-main-text-inverse-color, black);
  border-right: 1px solid var(--indicio-main-text-inverse-color, black);
}
.data-table-panel-opts {
  font-size: 14px !important;
}
.data-table {
  width: 640px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.data-table.dark {
  color: white;
}
.data-table.dark .data-table__body {
  border-color: transparent !important;
  margin-top: 0 !important;
}
.data-table.dark .data-table__body .body__row {
  background-color: #3d3d3d !important;
  border-color: transparent !important;
}
.data-table.dark .data-table__body .body__row .column {
  padding: 2px !important;
}
.data-table.dark .data-table__body .body__row .column:not(:first-of-type)::before {
  border-left: 1px solid transparent;
}
.data-table.full-width {
  width: 100%;
}
.data-table.full-width .data-table__header,
.data-table.full-width .body__row {
  justify-content: space-between;
}
.data-table.compact-white {
  text-align: left;
}
.data-table.compact-white .data-table__body {
  border-color: transparent !important;
  margin-top: 0 !important;
}
.data-table.compact-white .data-table__body .body__row {
  background-color: transparent !important;
  border-color: transparent !important;
}
.data-table.compact-white .data-table__body .body__row .column {
  padding: 2px !important;
}
.data-table.compact-white .data-table__body .body__row .column:not(:first-of-type)::before {
  border-left: 1px solid transparent;
}
.data-table--no-max-width {
  width: auto;
}
.data-table .nav-arrow {
  position: absolute;
  top: calc(50% - 20px);
}
.data-table .nav-arrow.left-side {
  left: -40px;
}
.data-table .nav-arrow.right-side {
  right: -40px;
}
.data-table .column {
  width: calc((640px - 65px - 15px) / 3);
  font-size: smaller;
}
.data-table .column.left-align {
  text-align: left !important;
}
.data-table__header {
  display: flex;
  padding: 5px 0;
}
.data-table__header .header {
  text-align: center;
}
.data-table__header .header.left-align {
  padding-left: 5px;
}
.data-table__subheader {
  display: flex;
}
.data-table__subheader .subheader {
  font-size: smaller;
  color: #a7a7a7;
}
.data-table__body {
  border: 1px solid var(--indicio-modal-accent-color, #ccc);
  margin-top: 5px;
  max-height: 150px;
  overflow: auto;
}
.data-table__body.big {
  max-height: 210px;
}
.data-table__body .body__row {
  display: flex;
  position: relative;
  background: var(--indicio-modal-background-color, #fff);
}
.data-table__body .body__row--max-height-30 {
  max-height: 30px;
  overflow: hidden;
}
.data-table__body .body__row--center-height {
  align-items: center;
}
.data-table__body .body__row--center-height .column {
  text-align: center;
}
.data-table__body .body__row:nth-of-type(even) {
  background-color: var(--indicio-modal-alt-background-color, #fbfafa);
}
.data-table__body .body__row:not(:last-of-type) {
  border-bottom: 1px dashed var(--indicio-modal-alt-background-color, #dfdfdf);
}
.data-table__body .body__row .column {
  padding: 5px;
}
.data-table__body .body__row .column:not(:first-of-type)::before {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  margin-left: -5px;
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.data-table__body .body__row .column .small-right-text {
  color: #a1a1a1;
  font-size: 12px;
}
.data-table__body .body__row .column .mat-slide-toggle {
  zoom: 0.8;
}
.data-table__body .body__row .column .mat-form-field-infix {
  padding: 0 !important;
  border: 0 !important;
}
.data-table__body .body__row .column .mat-form-field-underline {
  display: none;
}
.data-table__body .body__row .column .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.data-table__body .body__row .column .mat-form-field-label-wrapper {
  top: -13px;
}
.data-table__body .body__row .column input[type=text] {
  border: 0;
  height: unset;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  max-width: unset;
  padding-left: 0;
  background-color: transparent;
  border-bottom: none;
}
.data-table__body .body__row .column .btn {
  height: 22px;
  max-width: unset;
  min-width: unset;
}
.data-table__body .body__row .column input.mat-input-element {
  margin-top: 1px;
  border-bottom: 1px dashed #ccc;
}
.menu li {
  display: flex;
  align-items: center;
}
.menu li:hover,
.menu li.active {
  background-color: var(--indicio-profile-alt-background-color, #FAFAFA);
}
.menu .menu-item {
  padding: 14px 20px;
  width: 271px;
  cursor: pointer;
}
.menu .menu-item .description {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 14px;
  max-width: 100%;
}
.menu .menu-item .mini-description {
  font-size: 12px;
}
.menu .menu-item .date {
  font-size: 10px;
  color: #4A4A4A;
}
.menu .menu-item .bottom {
  bottom: 50px;
}
.menu .menu-item .bottom li {
  position: relative;
  bottom: 20px;
}
.menu .menu-item-buttons {
  opacity: 0.02;
  display: flex;
  z-index: 10;
  height: 75px;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.menu .menu-item-buttons li {
  cursor: pointer !important;
  display: flex;
  align-content: center;
}
.menu .menu-item-buttons .text {
  padding-top: 3px;
}
.menu.has-submenu span > li.active {
  position: relative;
}
.menu li:hover .menu-item-buttons,
.menu li.active .menu-item-buttons,
.menu li.selected-menu-item .menu-item-buttons {
  opacity: 1;
}
.modal-option-row.stacked {
  display: flex;
  flex-direction: column;
}
.modal-option-row .subtitle-note {
  font-size: 12px;
}
.indicio-fullsize-loader-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 9999;
}
.indicio-fullsize-loader-backdrop.light {
  background-color: rgba(0, 0, 0, 0.2);
}
.indicio-fullsize-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 70px;
}
.indicio-fullsize-loader.white {
  color: white;
}
.indicio-fullsize-loader .title {
  font-size: 18px;
  display: block;
  text-align: center;
  margin-left: -10px;
}
.tcdp-header {
  display: grid;
  grid-template-columns: 280px 1fr;
  height: 65px;
  background-color: var(--indicio-tcdp-header-background-color, rgba(0, 0, 0, 0.4));
}
.tcdp-header .logo {
  height: inherit;
}
.tcdp-header .title {
  width: inherit;
  height: inherit;
  display: flex;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  background-color: var(--indicio-tcdp-title-background-color, rgba(0, 0, 0, 0.4));
  color: #fff;
  --mdc-filled-text-field-active-indicator-color: transparent;
  --mdc-filled-text-field-focus-active-indicator-color: transparent;
  --mdc-filled-text-field-hover-active-indicator-color: transparent;
  --mat-select-enabled-trigger-text-color: var(--indicio-main-text-color, #fff);
  --mat-select-enabled-arrow-color: var(--indicio-main-text-color, #fff);
  --mdc-filled-text-field-label-text-color: var(--indicio-main-text-color, #fff);
}
.tcdp-header .title:has(.mat-mdc-form-field) {
  padding: 0px 10px 0;
}
.tcdp-header .title .mat-mdc-form-field {
  margin-top: -10px;
  width: 260px;
}
.tcdp-header .search-and-filters {
  width: inherit;
  height: inherit;
  display: grid;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  grid-template-columns: 250px 1fr;
  padding: 0 10px;
  position: relative;
}
.tcdp-header .search-and-filters .search-info-text {
  display: block;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  position: absolute;
  top: 45px;
  left: 18px;
}
.tcdp-header .search-and-filters button {
  height: auto;
}
.tcdp-header .search-and-filters label.search {
  position: relative;
}
.tcdp-header .search-and-filters label.search .hint {
  position: absolute;
  top: 39px;
  left: 30px;
  width: max-content;
  font-size: 12px;
}
.tcdp-header .search-and-filters .filters {
  display: flex;
  justify-content: flex-end;
  background-color: transparent;
}
.tcdp-header .search-and-filters .active-filter {
  margin-top: 0;
  font-weight: normal;
}
.tcdp-header .search-and-filters .active-filter--dropdown i {
  margin-top: 0;
}
.tcdp-header .search-and-filters .multiple-selection-box {
  font-weight: normal;
}
.tcdp-filters,
.tcdp-search-and-filters {
  background-color: var(--indicio-tcdp-filter-background-color, rgba(0, 0, 0, 0.15));
  color: var(--indicio-tcdp-filter-text-color, white);
  padding: 10px 20px;
  height: 43px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.tcdp-search-and-filters {
  background-color: var(--indicio-tcdp-search-filter-background-color, rgba(0, 0, 0, 0.15));
  color: var(--indicio-tcdp-search-filter-text-color, white);
}
.tcdp-super-container {
  height: 100%;
}
.tcdp-super-container .topmenu {
  margin: 0;
  background-color: var(--indicio-dp-backrow-background-color, rgba(0, 0, 0, 0.2));
}
.tcdp-super-container .full-size {
  height: 100%;
}
.tcdp-super-container .tab-content {
  border-radius: 8px;
}
.tcdp-super-container .tab-content .full-size {
  height: calc(100% - 95px);
}
.tcdp-super-container .tab-loader {
  text-align: center;
  top: 50%;
}
.tcdp-super-container .tab-loader .spinner {
  font-size: 40px;
}
.tcdp-super-container .tab-loader .title {
  margin-top: 10px;
  font-size: 16px;
  display: inline-block;
}
.tcdp-container {
  display: grid;
  grid-template-columns: 280px 1fr;
  max-height: calc(100% - 45px);
  height: calc(100% - 45px);
}
.tcdp-container--no-menu {
  grid-template-columns: 1fr;
}
.tcdp-nav {
  background-color: var(--indicio-tcdp-nav-background-color, rgba(0, 0, 0, 0.2));
  max-height: 100%;
  min-height: 100%;
  width: 280px;
}
.tcdp-nav .tcdp-tree {
  overflow: auto;
  padding: 10px;
  max-height: 100%;
  height: 100%;
  position: relative;
}
.tcdp-nav .tcdp-tree .icon {
  width: 20px;
  height: fit-content;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.tcdp-nav .tcdp-tree .node {
  color: var(--indicio-tcdp-nav-node-text-color, white);
  padding: 2px 0;
  grid-template-columns: 23px 1fr;
  display: grid;
  align-content: center;
  height: 25px;
}
.tcdp-nav .tcdp-tree .node:hover {
  color: var(--indicio-tcdp-nav-node-hover-text-color, lightgray);
}
.tcdp-nav .tcdp-tree .node.active {
  text-decoration: underline;
  color: var(--indicio-tcdp-nav-node-active-text-color, lightgray);
  background-color: var(--indicio-tcdp-nav-node-active-background-color, rgba(0, 0, 0, 0.3));
}
.tcdp-nav .tcdp-tree .node.active--region {
  background-color: transparent;
}
.tcdp-nav .tcdp-tree .node.active-underline {
  text-decoration: underline;
}
.tcdp-nav .tcdp-tree .node i {
  width: 30px;
}
.tcdp-content-container {
  display: grid;
  grid-template-rows: 95px 1fr;
  max-height: 100%;
  width: 100%;
}
.tcdp-content-container.no-header {
  grid-template-rows: 1fr;
}
.tcdp-content-header {
  padding: 10px 0;
}
.tcdp-content-header .header-container {
  margin-bottom: 5px;
  margin-top: 20px;
}
.tcdp-content-header .dataseries-header {
  padding-bottom: 5px;
  font-size: 13px;
}
.tcdp-content {
  padding: 10px 0;
  max-height: 100%;
  min-height: 100%;
  overflow: auto;
  position: relative;
}
.tcdp-content--full {
  max-height: 100%;
  min-height: 100%;
  padding-top: 10px;
}
.tcdp-content--full p:first-of-type {
  margin-top: 0;
}
.tcdp-content .virtual-scroll-container {
  height: 100%;
  display: flex;
}
.tcdp-content .dataseries-entry {
  padding: 5px 10px;
}
.group-title {
  margin: 5px 0;
  font-weight: 600;
  color: lemonchiffon;
}
.group-entry {
  display: grid;
  grid-template-columns: 115px 1fr;
}
.group-entry .titles {
  background-color: rgba(0, 0, 0, 0.2);
}
.group-entry .values {
  background-color: rgba(0, 0, 0, 0.05);
}
.group-entry .titles div,
.group-entry .values div {
  padding: 10px;
}
.group-entry .titles div:not(:last-of-type):not(.no-border),
.group-entry .values div:not(:last-of-type):not(.no-border) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.group-entry:not(:last-of-type) {
  margin-bottom: 10px;
}
.login {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.login .btn {
  margin: 0 auto !important;
}
.modal-menu {
  display: flex;
  justify-content: stretch;
  margin-bottom: 10px;
}
.modal-menu .menu-dropdown,
.modal-menu .menu-button {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-user-select: none;
  user-select: none;
  height: 40px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 8px 5px;
  color: var(--indicio-modal-menu-text-color, rgba(0, 0, 0, 0.7));
  background: var(--indicio-modal-menu-background-color, transparent);
  cursor: pointer;
}
.modal-menu .menu-dropdown:hover,
.modal-menu .menu-button:hover {
  background: var(--indicio-modal-menu-hover-background-color, rgba(0, 0, 0, 0.05));
}
.modal-menu .menu-dropdown:first-child,
.modal-menu .menu-button:first-child {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.modal-menu .menu-dropdown:last-child,
.modal-menu .menu-button:last-child {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.modal-menu .menu-dropdown.disabled,
.modal-menu .menu-button.disabled {
  pointer-events: none;
  color: #9B9B9B;
}
.modal-menu .menu-dropdown.current,
.modal-menu .menu-button.current {
  color: var(--indicio-modal-menu-active-text-color, white);
  background: var(--indicio-modal-menu-active-background-color, #E26464);
  border-color: var(--indicio-modal-menu-active-background-color, #E26464);
}
.modal-menu .menu-dropdown .model-properties-custom .mat-select-arrow-wrapper {
  margin-top: -38px;
  display: block;
}
.modal-menu .menu-dropdown .model-properties-custom .mat-select-min-line {
  visibility: hidden;
}
.modal-menu .menu-dropdown.current {
  background: #E26464;
  border: 1px solid #E26464;
}
.modal-menu .menu-dropdown.current .model-properties-custom p {
  color: white;
}
.modal-menu .menu-dropdown.current .model-properties-custom .mat-select-arrow-wrapper {
  color: white;
}
.modal-sub-menu {
  margin: 10px 0;
  justify-content: center;
}
.modal-sub-menu .menu-button,
.modal-sub-menu .menu-dropdown {
  padding: 8px 15px;
  height: 25px;
  flex-grow: 0;
}
.modal-sub-menu .menu-button:first-child,
.modal-sub-menu .menu-dropdown:first-child {
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}
.modal-sub-menu .menu-button:last-child,
.modal-sub-menu .menu-dropdown:last-child {
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.modal-sub-menu .menu-dropdown {
  min-width: 90px;
}
.modal-sub-menu .menu-dropdown .mat-form-field-infix {
  padding-bottom: 3px;
}
.close-button {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 13px;
  padding: 2px 5.5px;
  border-radius: 50%;
  line-height: normal;
  color: var(--indicio-main-text-inverse-color, black);
  background-color: var(--indicio-main-text-color, #ffffff);
}
.close-button svg {
  opacity: 0.7;
}
.close-button:hover svg {
  opacity: 1;
}
.info-box {
  padding: 10px;
  margin-top: 20px;
  border: 2px dashed var(--indicio-modal-alt-background-color, #c3c3c3);
  opacity: 1;
  position: relative;
  z-index: 1;
}
.info-box::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--indicio-modal-alt-background-color, #efefef);
  opacity: 0.7;
  z-index: -1;
}
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=a6df44f3a926375f6157)
 * Config saved to config.json and https://gist.github.com/a6df44f3a926375f6157
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center-table {
  display: table;
  margin: 0 auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/material-icons.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons", serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mat-dialog-container .status-msg,
.mat-mdc-dialog-container .status-msg {
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  font-size: 14px;
}
.mat-dialog-container .status-msg .message,
.mat-mdc-dialog-container .status-msg .message {
  padding: 5px 35px;
}
.mat-dialog-container .status-msg .icon-cross,
.mat-mdc-dialog-container .status-msg .icon-cross {
  position: absolute;
  top: 7px;
  font-size: 12px;
  cursor: pointer;
  font-weight: 300;
}
[mat-dialog-actions],
.mat-mdc-dialog-actions {
  justify-content: space-between !important;
}
.mat-mdc-dialog-actions {
  padding: 15px 22px 15px !important;
}
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.09) !important;
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.14) !important;
}

/* node_modules/katex/dist/katex.min.css */
@font-face {
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_AMS-Regular.woff2") format("woff2"),
    url("./media/KaTeX_AMS-Regular.woff") format("woff"),
    url("./media/KaTeX_AMS-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src:
    url("./media/KaTeX_Caligraphic-Bold.woff2") format("woff2"),
    url("./media/KaTeX_Caligraphic-Bold.woff") format("woff"),
    url("./media/KaTeX_Caligraphic-Bold.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Caligraphic-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Caligraphic-Regular.woff") format("woff"),
    url("./media/KaTeX_Caligraphic-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src:
    url("./media/KaTeX_Fraktur-Bold.woff2") format("woff2"),
    url("./media/KaTeX_Fraktur-Bold.woff") format("woff"),
    url("./media/KaTeX_Fraktur-Bold.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Fraktur-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Fraktur-Regular.woff") format("woff"),
    url("./media/KaTeX_Fraktur-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src:
    url("./media/KaTeX_Main-Bold.woff2") format("woff2"),
    url("./media/KaTeX_Main-Bold.woff") format("woff"),
    url("./media/KaTeX_Main-Bold.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src:
    url("./media/KaTeX_Main-BoldItalic.woff2") format("woff2"),
    url("./media/KaTeX_Main-BoldItalic.woff") format("woff"),
    url("./media/KaTeX_Main-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src:
    url("./media/KaTeX_Main-Italic.woff2") format("woff2"),
    url("./media/KaTeX_Main-Italic.woff") format("woff"),
    url("./media/KaTeX_Main-Italic.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Main-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Main-Regular.woff") format("woff"),
    url("./media/KaTeX_Main-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src:
    url("./media/KaTeX_Math-BoldItalic.woff2") format("woff2"),
    url("./media/KaTeX_Math-BoldItalic.woff") format("woff"),
    url("./media/KaTeX_Math-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src:
    url("./media/KaTeX_Math-Italic.woff2") format("woff2"),
    url("./media/KaTeX_Math-Italic.woff") format("woff"),
    url("./media/KaTeX_Math-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 700;
  src:
    url("./media/KaTeX_SansSerif-Bold.woff2") format("woff2"),
    url("./media/KaTeX_SansSerif-Bold.woff") format("woff"),
    url("./media/KaTeX_SansSerif-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "KaTeX_SansSerif";
  font-style: italic;
  font-weight: 400;
  src:
    url("./media/KaTeX_SansSerif-Italic.woff2") format("woff2"),
    url("./media/KaTeX_SansSerif-Italic.woff") format("woff"),
    url("./media/KaTeX_SansSerif-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "KaTeX_SansSerif";
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_SansSerif-Regular.woff2") format("woff2"),
    url("./media/KaTeX_SansSerif-Regular.woff") format("woff"),
    url("./media/KaTeX_SansSerif-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Script-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Script-Regular.woff") format("woff"),
    url("./media/KaTeX_Script-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Size1-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Size1-Regular.woff") format("woff"),
    url("./media/KaTeX_Size1-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Size2-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Size2-Regular.woff") format("woff"),
    url("./media/KaTeX_Size2-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Size3-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Size3-Regular.woff") format("woff"),
    url("./media/KaTeX_Size3-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Size4-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Size4-Regular.woff") format("woff"),
    url("./media/KaTeX_Size4-Regular.ttf") format("truetype");
}
@font-face {
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src:
    url("./media/KaTeX_Typewriter-Regular.woff2") format("woff2"),
    url("./media/KaTeX_Typewriter-Regular.woff") format("woff"),
    url("./media/KaTeX_Typewriter-Regular.ttf") format("truetype");
}
.katex {
  font:
    normal 1.21em KaTeX_Main,
    Times New Roman,
    serif;
  line-height: 1.2;
  text-indent: 0;
  text-rendering: auto;
}
.katex * {
  -ms-high-contrast-adjust: none !important;
  border-color: currentColor;
}
.katex .katex-version:after {
  content: "0.16.22";
}
.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  position: relative;
  white-space: nowrap;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.katex .base,
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: 700;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}
.katex .amsrm,
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak,
.katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: 700;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}
.katex .mathitsf,
.katex .mathsfit,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  border-collapse: collapse;
  display: inline-table;
  table-layout: fixed;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
}
.katex .vlist > span {
  display: block;
  height: 0;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  overflow: hidden;
  width: 0;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  display: table-cell;
  font-size: 1px;
  min-width: 2px;
  vertical-align: bottom;
  width: 2px;
}
.katex .vbox {
  align-items: baseline;
  display: inline-flex;
  flex-direction: column;
}
.katex .hbox {
  width: 100%;
}
.katex .hbox,
.katex .thinbox {
  display: inline-flex;
  flex-direction: row;
}
.katex .thinbox {
  max-width: 0;
  width: 0;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}
.katex .hdashline,
.katex .hline,
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .rule,
.katex .underline .underline-line {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .clap,
.katex .llap,
.katex .rlap {
  position: relative;
  width: 0;
}
.katex .clap > .inner,
.katex .llap > .inner,
.katex .rlap > .inner {
  position: absolute;
}
.katex .clap > .fix,
.katex .llap > .fix,
.katex .rlap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .clap > .inner,
.katex .rlap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}
.katex .hline,
.katex .overline .overline-line,
.katex .underline .underline-line {
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}
.katex .hdashline {
  border-bottom-style: dashed;
  display: inline-block;
  width: 100%;
}
.katex .sqrt > .root {
  margin-left: .2777777778em;
  margin-right: -.5555555556em;
}
.katex .fontsize-ensurer.reset-size1.size1,
.katex .sizing.reset-size1.size1 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size1.size2,
.katex .sizing.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size1.size3,
.katex .sizing.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .fontsize-ensurer.reset-size1.size4,
.katex .sizing.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size1.size5,
.katex .sizing.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size1.size6,
.katex .sizing.reset-size1.size6 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size1.size7,
.katex .sizing.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size1.size8,
.katex .sizing.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size1.size9,
.katex .sizing.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .fontsize-ensurer.reset-size1.size10,
.katex .sizing.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .fontsize-ensurer.reset-size1.size11,
.katex .sizing.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .fontsize-ensurer.reset-size2.size1,
.katex .sizing.reset-size2.size1 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size2.size2,
.katex .sizing.reset-size2.size2 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size2.size3,
.katex .sizing.reset-size2.size3 {
  font-size: 1.1666666667em;
}
.katex .fontsize-ensurer.reset-size2.size4,
.katex .sizing.reset-size2.size4 {
  font-size: 1.3333333333em;
}
.katex .fontsize-ensurer.reset-size2.size5,
.katex .sizing.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size2.size6,
.katex .sizing.reset-size2.size6 {
  font-size: 1.6666666667em;
}
.katex .fontsize-ensurer.reset-size2.size7,
.katex .sizing.reset-size2.size7 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size2.size8,
.katex .sizing.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size2.size9,
.katex .sizing.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size2.size10,
.katex .sizing.reset-size2.size10 {
  font-size: 3.4566666667em;
}
.katex .fontsize-ensurer.reset-size2.size11,
.katex .sizing.reset-size2.size11 {
  font-size: 4.1466666667em;
}
.katex .fontsize-ensurer.reset-size3.size1,
.katex .sizing.reset-size3.size1 {
  font-size: .7142857143em;
}
.katex .fontsize-ensurer.reset-size3.size2,
.katex .sizing.reset-size3.size2 {
  font-size: .8571428571em;
}
.katex .fontsize-ensurer.reset-size3.size3,
.katex .sizing.reset-size3.size3 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size3.size4,
.katex .sizing.reset-size3.size4 {
  font-size: 1.1428571429em;
}
.katex .fontsize-ensurer.reset-size3.size5,
.katex .sizing.reset-size3.size5 {
  font-size: 1.2857142857em;
}
.katex .fontsize-ensurer.reset-size3.size6,
.katex .sizing.reset-size3.size6 {
  font-size: 1.4285714286em;
}
.katex .fontsize-ensurer.reset-size3.size7,
.katex .sizing.reset-size3.size7 {
  font-size: 1.7142857143em;
}
.katex .fontsize-ensurer.reset-size3.size8,
.katex .sizing.reset-size3.size8 {
  font-size: 2.0571428571em;
}
.katex .fontsize-ensurer.reset-size3.size9,
.katex .sizing.reset-size3.size9 {
  font-size: 2.4685714286em;
}
.katex .fontsize-ensurer.reset-size3.size10,
.katex .sizing.reset-size3.size10 {
  font-size: 2.9628571429em;
}
.katex .fontsize-ensurer.reset-size3.size11,
.katex .sizing.reset-size3.size11 {
  font-size: 3.5542857143em;
}
.katex .fontsize-ensurer.reset-size4.size1,
.katex .sizing.reset-size4.size1 {
  font-size: .625em;
}
.katex .fontsize-ensurer.reset-size4.size2,
.katex .sizing.reset-size4.size2 {
  font-size: .75em;
}
.katex .fontsize-ensurer.reset-size4.size3,
.katex .sizing.reset-size4.size3 {
  font-size: .875em;
}
.katex .fontsize-ensurer.reset-size4.size4,
.katex .sizing.reset-size4.size4 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size4.size5,
.katex .sizing.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .fontsize-ensurer.reset-size4.size6,
.katex .sizing.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .fontsize-ensurer.reset-size4.size7,
.katex .sizing.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size4.size8,
.katex .sizing.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size4.size9,
.katex .sizing.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .fontsize-ensurer.reset-size4.size10,
.katex .sizing.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .fontsize-ensurer.reset-size4.size11,
.katex .sizing.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .fontsize-ensurer.reset-size5.size1,
.katex .sizing.reset-size5.size1 {
  font-size: .5555555556em;
}
.katex .fontsize-ensurer.reset-size5.size2,
.katex .sizing.reset-size5.size2 {
  font-size: .6666666667em;
}
.katex .fontsize-ensurer.reset-size5.size3,
.katex .sizing.reset-size5.size3 {
  font-size: .7777777778em;
}
.katex .fontsize-ensurer.reset-size5.size4,
.katex .sizing.reset-size5.size4 {
  font-size: .8888888889em;
}
.katex .fontsize-ensurer.reset-size5.size5,
.katex .sizing.reset-size5.size5 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size5.size6,
.katex .sizing.reset-size5.size6 {
  font-size: 1.1111111111em;
}
.katex .fontsize-ensurer.reset-size5.size7,
.katex .sizing.reset-size5.size7 {
  font-size: 1.3333333333em;
}
.katex .fontsize-ensurer.reset-size5.size8,
.katex .sizing.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size5.size9,
.katex .sizing.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .fontsize-ensurer.reset-size5.size10,
.katex .sizing.reset-size5.size10 {
  font-size: 2.3044444444em;
}
.katex .fontsize-ensurer.reset-size5.size11,
.katex .sizing.reset-size5.size11 {
  font-size: 2.7644444444em;
}
.katex .fontsize-ensurer.reset-size6.size1,
.katex .sizing.reset-size6.size1 {
  font-size: .5em;
}
.katex .fontsize-ensurer.reset-size6.size2,
.katex .sizing.reset-size6.size2 {
  font-size: .6em;
}
.katex .fontsize-ensurer.reset-size6.size3,
.katex .sizing.reset-size6.size3 {
  font-size: .7em;
}
.katex .fontsize-ensurer.reset-size6.size4,
.katex .sizing.reset-size6.size4 {
  font-size: .8em;
}
.katex .fontsize-ensurer.reset-size6.size5,
.katex .sizing.reset-size6.size5 {
  font-size: .9em;
}
.katex .fontsize-ensurer.reset-size6.size6,
.katex .sizing.reset-size6.size6 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size6.size7,
.katex .sizing.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size6.size8,
.katex .sizing.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size6.size9,
.katex .sizing.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .fontsize-ensurer.reset-size6.size10,
.katex .sizing.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .fontsize-ensurer.reset-size6.size11,
.katex .sizing.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .fontsize-ensurer.reset-size7.size1,
.katex .sizing.reset-size7.size1 {
  font-size: .4166666667em;
}
.katex .fontsize-ensurer.reset-size7.size2,
.katex .sizing.reset-size7.size2 {
  font-size: .5em;
}
.katex .fontsize-ensurer.reset-size7.size3,
.katex .sizing.reset-size7.size3 {
  font-size: .5833333333em;
}
.katex .fontsize-ensurer.reset-size7.size4,
.katex .sizing.reset-size7.size4 {
  font-size: .6666666667em;
}
.katex .fontsize-ensurer.reset-size7.size5,
.katex .sizing.reset-size7.size5 {
  font-size: .75em;
}
.katex .fontsize-ensurer.reset-size7.size6,
.katex .sizing.reset-size7.size6 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size7.size7,
.katex .sizing.reset-size7.size7 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size7.size8,
.katex .sizing.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size7.size9,
.katex .sizing.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size7.size10,
.katex .sizing.reset-size7.size10 {
  font-size: 1.7283333333em;
}
.katex .fontsize-ensurer.reset-size7.size11,
.katex .sizing.reset-size7.size11 {
  font-size: 2.0733333333em;
}
.katex .fontsize-ensurer.reset-size8.size1,
.katex .sizing.reset-size8.size1 {
  font-size: .3472222222em;
}
.katex .fontsize-ensurer.reset-size8.size2,
.katex .sizing.reset-size8.size2 {
  font-size: .4166666667em;
}
.katex .fontsize-ensurer.reset-size8.size3,
.katex .sizing.reset-size8.size3 {
  font-size: .4861111111em;
}
.katex .fontsize-ensurer.reset-size8.size4,
.katex .sizing.reset-size8.size4 {
  font-size: .5555555556em;
}
.katex .fontsize-ensurer.reset-size8.size5,
.katex .sizing.reset-size8.size5 {
  font-size: .625em;
}
.katex .fontsize-ensurer.reset-size8.size6,
.katex .sizing.reset-size8.size6 {
  font-size: .6944444444em;
}
.katex .fontsize-ensurer.reset-size8.size7,
.katex .sizing.reset-size8.size7 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size8.size8,
.katex .sizing.reset-size8.size8 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size8.size9,
.katex .sizing.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size8.size10,
.katex .sizing.reset-size8.size10 {
  font-size: 1.4402777778em;
}
.katex .fontsize-ensurer.reset-size8.size11,
.katex .sizing.reset-size8.size11 {
  font-size: 1.7277777778em;
}
.katex .fontsize-ensurer.reset-size9.size1,
.katex .sizing.reset-size9.size1 {
  font-size: .2893518519em;
}
.katex .fontsize-ensurer.reset-size9.size2,
.katex .sizing.reset-size9.size2 {
  font-size: .3472222222em;
}
.katex .fontsize-ensurer.reset-size9.size3,
.katex .sizing.reset-size9.size3 {
  font-size: .4050925926em;
}
.katex .fontsize-ensurer.reset-size9.size4,
.katex .sizing.reset-size9.size4 {
  font-size: .462962963em;
}
.katex .fontsize-ensurer.reset-size9.size5,
.katex .sizing.reset-size9.size5 {
  font-size: .5208333333em;
}
.katex .fontsize-ensurer.reset-size9.size6,
.katex .sizing.reset-size9.size6 {
  font-size: .5787037037em;
}
.katex .fontsize-ensurer.reset-size9.size7,
.katex .sizing.reset-size9.size7 {
  font-size: .6944444444em;
}
.katex .fontsize-ensurer.reset-size9.size8,
.katex .sizing.reset-size9.size8 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size9.size9,
.katex .sizing.reset-size9.size9 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size9.size10,
.katex .sizing.reset-size9.size10 {
  font-size: 1.2002314815em;
}
.katex .fontsize-ensurer.reset-size9.size11,
.katex .sizing.reset-size9.size11 {
  font-size: 1.4398148148em;
}
.katex .fontsize-ensurer.reset-size10.size1,
.katex .sizing.reset-size10.size1 {
  font-size: .2410800386em;
}
.katex .fontsize-ensurer.reset-size10.size2,
.katex .sizing.reset-size10.size2 {
  font-size: .2892960463em;
}
.katex .fontsize-ensurer.reset-size10.size3,
.katex .sizing.reset-size10.size3 {
  font-size: .337512054em;
}
.katex .fontsize-ensurer.reset-size10.size4,
.katex .sizing.reset-size10.size4 {
  font-size: .3857280617em;
}
.katex .fontsize-ensurer.reset-size10.size5,
.katex .sizing.reset-size10.size5 {
  font-size: .4339440694em;
}
.katex .fontsize-ensurer.reset-size10.size6,
.katex .sizing.reset-size10.size6 {
  font-size: .4821600771em;
}
.katex .fontsize-ensurer.reset-size10.size7,
.katex .sizing.reset-size10.size7 {
  font-size: .5785920926em;
}
.katex .fontsize-ensurer.reset-size10.size8,
.katex .sizing.reset-size10.size8 {
  font-size: .6943105111em;
}
.katex .fontsize-ensurer.reset-size10.size9,
.katex .sizing.reset-size10.size9 {
  font-size: .8331726133em;
}
.katex .fontsize-ensurer.reset-size10.size10,
.katex .sizing.reset-size10.size10 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size10.size11,
.katex .sizing.reset-size10.size11 {
  font-size: 1.1996142719em;
}
.katex .fontsize-ensurer.reset-size11.size1,
.katex .sizing.reset-size11.size1 {
  font-size: .2009646302em;
}
.katex .fontsize-ensurer.reset-size11.size2,
.katex .sizing.reset-size11.size2 {
  font-size: .2411575563em;
}
.katex .fontsize-ensurer.reset-size11.size3,
.katex .sizing.reset-size11.size3 {
  font-size: .2813504823em;
}
.katex .fontsize-ensurer.reset-size11.size4,
.katex .sizing.reset-size11.size4 {
  font-size: .3215434084em;
}
.katex .fontsize-ensurer.reset-size11.size5,
.katex .sizing.reset-size11.size5 {
  font-size: .3617363344em;
}
.katex .fontsize-ensurer.reset-size11.size6,
.katex .sizing.reset-size11.size6 {
  font-size: .4019292605em;
}
.katex .fontsize-ensurer.reset-size11.size7,
.katex .sizing.reset-size11.size7 {
  font-size: .4823151125em;
}
.katex .fontsize-ensurer.reset-size11.size8,
.katex .sizing.reset-size11.size8 {
  font-size: .578778135em;
}
.katex .fontsize-ensurer.reset-size11.size9,
.katex .sizing.reset-size11.size9 {
  font-size: .6945337621em;
}
.katex .fontsize-ensurer.reset-size11.size10,
.katex .sizing.reset-size11.size10 {
  font-size: .8336012862em;
}
.katex .fontsize-ensurer.reset-size11.size11,
.katex .sizing.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  display: inline-block;
  width: .12em;
}
.katex .delimcenter,
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .accent > .vlist-t,
.katex .op-limits > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  display: inline-block;
  min-width: 1px;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
  display: block;
  height: inherit;
  position: absolute;
  width: 100%;
}
.katex svg path {
  stroke: none;
}
.katex img {
  border-style: none;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
}
.katex .stretchy {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.katex .stretchy:after,
.katex .stretchy:before {
  content: "";
}
.katex .hide-tail {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.katex .halfarrow-left {
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 50.2%;
}
.katex .halfarrow-right {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 50.2%;
}
.katex .brace-left {
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 25.1%;
}
.katex .brace-center {
  left: 25%;
  overflow: hidden;
  position: absolute;
  width: 50%;
}
.katex .brace-right {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 25.1%;
}
.katex .x-arrow-pad {
  padding: 0 .5em;
}
.katex .cd-arrow-pad {
  padding: 0 .55556em 0 .27778em;
}
.katex .mover,
.katex .munder,
.katex .x-arrow {
  text-align: center;
}
.katex .boxpad {
  padding: 0 .3em;
}
.katex .fbox,
.katex .fcolorbox {
  border: .04em solid;
  box-sizing: border-box;
}
.katex .cancel-pad {
  padding: 0 .2em;
}
.katex .cancel-lap {
  margin-left: -.2em;
  margin-right: -.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: .08em;
}
.katex .angl {
  border-right: .049em solid;
  border-top: .049em solid;
  box-sizing: border-box;
  margin-right: .03889em;
}
.katex .anglpad {
  padding: 0 .03889em;
}
.katex .eqn-num:before {
  content: "(" counter(katexEqnNo) ")";
  counter-increment: katexEqnNo;
}
.katex .mml-eqn-num:before {
  content: "(" counter(mmlEqnNo) ")";
  counter-increment: mmlEqnNo;
}
.katex .mtr-glue {
  width: 50%;
}
.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}
.katex .cd-label-left {
  display: inline-block;
  position: absolute;
  right: calc(50% + .3em);
  text-align: left;
}
.katex .cd-label-right {
  display: inline-block;
  left: calc(50% + .3em);
  position: absolute;
  text-align: right;
}
.katex-display {
  display: block;
  margin: 1em 0;
  text-align: center;
}
.katex-display > .katex {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn > .katex {
  padding-left: 2em;
  text-align: left;
}
body {
  counter-reset: katexEqnNo mmlEqnNo;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */