/* src/styles/styles.scss */
main:not(.sgo-dialog-primary) h1[sgPrimary] {
  font-size: 24px;
}
.lobeaa-fake-heading {
  font-weight: bold;
}
.sga-text-block-toolbar {
  font-size: 12px;
}
mat-tooltip-component .mat-mdc-tooltip.info-bubble {
  max-width: 700px;
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  color: black;
  border: 1px solid var(--sg-border-light);
  white-space: pre-line;
}
@media (max-width: 599px) {
  mat-tooltip-component .mat-mdc-tooltip.info-bubble {
    max-width: 300px;
  }
}
.alutoolsm-card-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.alutoolsm-card-heading h2 {
  font-size: 14px;
  margin: 0;
}
.alutoolsm-card-heading mat-icon {
  margin-right: 10px;
  height: 16px;
  width: 16px;
  font-size: 16px;
  color: var(--sg-primary);
}
html,
body {
  box-sizing: border-box;
}
.FHWIEN {
  --sg-primary: #003064;
  --sg-primary-dark: #071233;
  --sg-primary-light: #e3e6ec;
  --sg-secondary: #646567;
  --sg-secondary-dark: #646567;
  --sg-secondary-light: #646567;
  --sg-button-primary-color: var(--sg-primary);
  --sg-button-primary-background-color: var(--sg-background-light);
  --sg-button-primary-border-color: var(--sg-primary);
  --sg-button-primary-color-hover: var(--sg-primary);
  --sg-button-primary-background-color-hover: #d5d6d7;
  --sg-button-primary-border-color-hover: var(--sg-primary);
  --sg-button-primary-color-focus: var(--sg-primary);
  --sg-button-primary-background-color-focus: #d5d6d7;
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary-dark);
  --sg-button-primary-focussed-color: var(--sg-white);
  --sg-button-primary-focussed-background-color: var(--sg-primary);
  --sg-button-primary-focussed-border-color: var(--sg-primary);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-secondary);
  --sg-button-secondary-color: var(--sg-primary);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 0;
  --sg-button-secondary-color-hover: var(--sg-primary);
  --sg-button-secondary-background-color-hover: #d5d6d7;
  --sg-button-secondary-color-focus: var(--sg-primary);
  --sg-button-secondary-background-color-focus: #d5d6d7;
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 0;
  --sg-button-icon-color-hover: var(--sg-primary);
  --sg-button-icon-background-color-hover: #d5d6d7;
  --sg-button-icon-color-focus: var(--sg-primary);
  --sg-button-icon-background-color-focus: #d5d6d7;
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary);
  --sg-link-text-decoration: none;
  --sg-link-color-hover: var(--sg-primary-dark);
  --sg-link-background-color-hover: #d5d6d7;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-header-first-row-height: 50px;
  --sg-header-first-row-text-color: var(--sg-white);
  --sg-header-first-row-background-color: var(--sg-primary);
  --sg-header-first-row-border-bottom: none;
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 176px;
  --sg-header-first-row-logo-left-anchor-hover-color: rgba(88, 102, 110, 0.1);
  --sg-header-first-row-logo-left-image-maxWidth: 194px;
  --sg-header-first-row-button-text-color: var(--sg-white);
  --sg-header-first-row-button-font-weight: 500;
  --sg-header-first-row-button-hover-text-color: #d5d6d7;
  --sg-header-first-row-button-hover-background-color: rgba(88, 102, 110, 0.1);
  --sg-header-first-row-button-active-text-color: var(--sg-white);
  --sg-header-first-row-button-active-background-color: rgba(7, 18, 51, 0.5);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary-dark);
  --sg-header-second-row-height: 0px;
  --sg-header-second-row-background-color: #d5d6d7;
  --sg-header-second-row-border-bottom: none;
  --sg-header-second-row-page-title-color: #333;
  --sg-header-second-row-button-border-radius: 50%;
  --sg-header-second-row-button-text-color: var(--sg-primary);
  --sg-header-second-row-button-font-weight: 500;
  --sg-header-second-row-button-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-text-color: var(--sg-primary);
  --sg-header-second-row-button-hover-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-background-color: rgba(88, 102, 110, 0.2);
  --sg-header-second-row-button-outline-color-focus: var(--sg-primary);
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-footer-background-color);
  --sg-footer-background-color: var(--sg-secondary-dark);
  --sg-footer-text-color: #d5d6d7;
  --sg-footer-link-color: var(--sg-white);
  --sg-footer-link-text-decoration: none;
  --sg-footer-hover-link-text-color: var(--sg-primary);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #b9c0d0;
  --theme-200: #8b97b0;
  --theme-300: #5d6d90;
  --theme-400: #3a4d79;
  --theme-500: var(--sg-primary);
  --theme-600: #142959;
  --theme-700: #11234f;
  --theme-800: #0d1d45;
  --theme-900: var(--sg-primary-dark);
  --a100: #6d87ff;
  --a200: #3a5dff;
  --a400: #0733ff;
  --a700: #002aec;
}
.SWGTDEMO {
  --sg-primary-font-family:
    "Open Sans",
    Arial,
    sans-serif;
  --sg-primary: #7da451;
  --sg-primary-dark: #4d7827;
  --sg-primary-light: #a4bf85;
  --sg-secondary: #737373;
  --sg-secondary-dark: #5a5a5a;
  --sg-secondary-light: #a6a6a6;
  --sg-accent: #9B26B6;
  --sg-button-primary-color: var(--sg-primary);
  --sg-button-primary-background-color: var(--sg-white);
  --sg-button-primary-border-color: var(--sg-primary);
  --sg-button-primary-color-hover: var(--sg-white);
  --sg-button-primary-background-color-hover: var(--sg-secondary);
  --sg-button-primary-border-color-hover: var(--sg-secondary);
  --sg-button-primary-color-focus: var(--sg-white);
  --sg-button-primary-background-color-focus: var(--sg-secondary);
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-color: var(--sg-white);
  --sg-button-primary-focussed-background-color: var(--sg-primary);
  --sg-button-primary-focussed-border-color: var(--sg-primary);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-primary);
  --sg-button-secondary-color: var(--sg-primary);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 4px;
  --sg-button-secondary-color-hover: var(--sg-white);
  --sg-button-secondary-background-color-hover: var(--sg-primary-dark);
  --sg-button-secondary-color-focus: var(--sg-white);
  --sg-button-secondary-background-color-focus: var(--sg-primary-dark);
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 50%;
  --sg-button-icon-color-hover: var(--sg-white);
  --sg-button-icon-background-color-hover: var(--sg-black);
  --sg-button-icon-color-focus: var(--sg-white);
  --sg-button-icon-background-color-focus: var(--sg-gray-light);
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary);
  --sg-link-text-decoration: none;
  --sg-link-color-hover: var(--sg-primary-dark);
  --sg-link-background-color-hover: transparent;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-header-first-row-height: 40px;
  --sg-header-first-row-text-color: var(--sg-primary);
  --sg-header-first-row-background-color: var(--sg-white);
  --sg-header-first-row-border-bottom: 1px solid var(--sg-border-light);
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 70px;
  --sg-header-first-row-logo-left-anchor-hover-color: rgba(125, 164, 81, 0.1);
  --sg-header-first-row-logo-left-image-maxWidth: 100px;
  --sg-header-first-row-button-text-color: var(--sg-primary);
  --sg-header-first-row-button-font-weight: 500;
  --sg-header-first-row-button-hover-text-color: var(--sg-secondary);
  --sg-header-first-row-button-hover-background-color: rgba(125, 164, 81, 0.1);
  --sg-header-first-row-button-active-text-color: var(--sg-white);
  --sg-header-first-row-button-active-background-color: var(--sg-primary);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary);
  --sg-header-second-row-height: 0px;
  --sg-header-second-row-background-color: var(--sg-white);
  --sg-header-second-row-border-bottom: 1px solid var(--sg-border-light);
  --sg-header-second-row-page-title-color: #333;
  --sg-header-second-row-button-border-radius: 50%;
  --sg-header-second-row-button-text-color: var(--sg-primary);
  --sg-header-second-row-button-font-weight: 500;
  --sg-header-second-row-button-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-text-color: var(--sg-primary-dark);
  --sg-header-second-row-button-hover-icon-color: var(--sg-primary-dark);
  --sg-header-second-row-button-hover-background-color: rgba(125, 164, 81, 0.1);
  --sg-header-second-row-button-outline-color-focus: var(--sg-primary);
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-border-light);
  --sg-footer-background-color: var(--sg-secondary);
  --sg-footer-text-color: var(--sg-white);
  --sg-footer-link-color: var(--sg-white);
  --sg-footer-link-text-decoration: underline;
  --sg-footer-hover-link-text-color: var(--sg-primary-light);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #d8e4cb;
  --theme-200: #bed2a8;
  --theme-300: #a4bf85;
  --theme-400: #91b26b;
  --theme-500: var(--sg-primary);
  --theme-600: #759c4a;
  --theme-700: #6a9240;
  --theme-800: #608937;
  --theme-900: var(--sg-primary-light);
  --a100: #daffbb;
  --a200: #beff88;
  --a400: #a1ff55;
  --a700: #93ff3b;
}
.CAMPUS02 {
  --sg-primary-font-family:
    "Cooper Hewitt",
    Arial,
    sans-serif;
  --sg-black: #333333;
  --sg-primary: #58666e;
  --sg-primary-dark: #354149;
  --sg-primary-light: #e7eaed;
  --sg-secondary: #fff165;
  --sg-secondary-dark: #fff165;
  --sg-secondary-light: #fff165;
  --sg-accent: #fff165;
  --sg-button-primary-color: var(--sg-black);
  --sg-button-primary-background-color: var(--sg-white);
  --sg-button-primary-border-color: var(--sg-black);
  --sg-button-primary-color-hover: var(--sg-black);
  --sg-button-primary-background-color-hover: var(--sg-secondary);
  --sg-button-primary-border-color-hover: var(--sg-black);
  --sg-button-primary-color-focus: var(--sg-black);
  --sg-button-primary-background-color-focus: var(--sg-secondary);
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-color: var(--sg-primary-dark);
  --sg-button-primary-focussed-background-color: var(--sg-secondary);
  --sg-button-primary-focussed-border-color: var(--sg-primary-dark);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-primary-dark);
  --sg-button-primary-focussed-border-color-hover: var(--sg-primary-dark);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-primary-dark);
  --sg-button-primary-focussed-border-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-primary);
  --sg-button-secondary-color: var(--sg-primary-dark);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 0;
  --sg-button-secondary-color-hover: var(--sg-primary-dark);
  --sg-button-secondary-background-color-hover: color-mix(in srgb, var(--sg-secondary) 20%, white 80%);
  --sg-button-secondary-color-focus: var(--sg-primary-dark);
  --sg-button-secondary-background-color-focus: color-mix(in srgb, var(--sg-secondary) 20%, white 80%);
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary-dark);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 0;
  --sg-button-icon-color-hover: var(--sg-primary);
  --sg-button-icon-background-color-hover: color-mix(in srgb, var(--sg-secondary) 20%, white 80%);
  --sg-button-icon-color-focus: var(--sg-primary);
  --sg-button-icon-background-color-focus: color-mix(in srgb, var(--sg-secondary) 20%, white 80%);
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary-dark);
  --sg-link-color-hover: var(--sg-primary);
  --sg-link-background-color-hover: transparent;
  --sg-link-text-decoration: underline;
  --sg-link-text-decoration-hover: underline;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-background-light: #f5f5f5;
  --sg-header-first-row-height: 65px;
  --sg-header-first-row-text-color: var(--sg-primary-dark);
  --sg-header-first-row-background-color: var(--sg-secondary);
  --sg-header-first-row-border-bottom: none;
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 160px;
  --sg-header-first-row-logo-left-anchor-hover-color: rgba(88, 102, 110, 0.1);
  --sg-header-first-row-logo-left-image-maxWidth: 196px;
  --sg-header-first-row-button-text-color: var(--sg-primary-dark);
  --sg-header-first-row-button-font-weight: 400;
  --sg-header-first-row-button-hover-text-color: var(--sg-primary-dark);
  --sg-header-first-row-button-hover-background-color: rgba(88, 102, 110, 0.1);
  --sg-header-first-row-button-active-text-color: var(--sg-primary-light);
  --sg-header-first-row-button-active-background-color: var(--sg-primary);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary);
  --sg-header-second-row-height: 0px;
  --sg-header-second-row-background-color: var(--sg-primary-dark);
  --sg-header-second-row-border-bottom: none;
  --sg-header-second-row-page-title-color: var(--sg-white);
  --sg-header-second-row-button-border-radius: 0;
  --sg-header-second-row-button-text-color: var(--sg-white);
  --sg-header-second-row-button-font-weight: 600;
  --sg-header-second-row-button-icon-color: var(--sg-white);
  --sg-header-second-row-button-hover-text-color: var(--sg-primary);
  --sg-header-second-row-button-hover-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-background-color: rgba(88, 102, 110, 0.1);
  --sg-header-second-row-button-outline-color-focus: var(--sg-primary);
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-footer-background-color);
  --sg-footer-background-color: var(--sg-primary-dark);
  --sg-footer-text-color: var(--sg-white);
  --sg-footer-link-color: var(--sg-white);
  --sg-footer-link-text-decoration: none;
  --sg-footer-hover-link-text-color: var(--sg-primary);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #d8e4cb;
  --theme-200: #bed2a8;
  --theme-300: #a4bf85;
  --theme-400: #91b26b;
  --theme-500: var(--sg-primary);
  --theme-600: #759c4a;
  --theme-700: #6a9240;
  --theme-800: #608937;
  --theme-900: var(--sg-primary-light);
  --a100: #daffbb;
  --a200: #beff88;
  --a400: #a1ff55;
  --a700: #93ff3b;
}
.FHJOANNEUM {
  --sg-primary-font-family:
    "parkaregular",
    "Open Sans",
    Arial,
    sans-serif;
  --sg-primary: #d4002d;
  --sg-primary-dark: #646769;
  --sg-primary-light: #a4a4a4;
  --sg-secondary: var(--sg-primary);
  --sg-secondary-dark: var(--sg-primary-dark);
  --sg-secondary-light: var(--sg-primary-light);
  --sg-accent: #9B26B6;
  --sg-button-primary-color: var(--sg-primary);
  --sg-button-primary-background-color: var(--sg-white);
  --sg-button-primary-border-color: var(--sg-primary);
  --sg-button-primary-color-hover: var(--sg-white);
  --sg-button-primary-background-color-hover: var(--sg-primary-dark);
  --sg-button-primary-border-color-hover: var(--sg-primary-dark);
  --sg-button-primary-color-focus: var(--sg-white);
  --sg-button-primary-background-color-focus: var(--sg-primary-dark);
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-color: var(--sg-white);
  --sg-button-primary-focussed-background-color: var(--sg-primary);
  --sg-button-primary-focussed-border-color: var(--sg-primary);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-primary-dark);
  --sg-button-primary-focussed-border-color-hover: var(--sg-primary-dark);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-primary-dark);
  --sg-button-primary-focussed-border-color-focus: var(--sg-primary-dark);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-primary);
  --sg-button-secondary-color: var(--sg-primary);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 0;
  --sg-button-secondary-color-hover: var(--sg-white);
  --sg-button-secondary-background-color-hover: var(--sg-primary-dark);
  --sg-button-secondary-color-focus: var(--sg-white);
  --sg-button-secondary-background-color-focus: var(--sg-primary-dark);
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 50%;
  --sg-button-icon-color-hover: var(--sg-white);
  --sg-button-icon-background-color-hover: var(--sg-primary-dark);
  --sg-button-icon-color-focus: var(--sg-white);
  --sg-button-icon-background-color-focus: var(--sg-primary-dark);
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary);
  --sg-link-text-decoration: none;
  --sg-link-color-hover: color-mix(in srgb, var(--sg-primary) 75%, white 25%);
  --sg-link-background-color-hover: transparent;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-header-first-row-height: 40px;
  --sg-header-first-row-text-color: #333;
  --sg-header-first-row-background-color: var(--sg-white);
  --sg-header-first-row-border-bottom: 1px solid var(--sg-border-light);
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 160px;
  --sg-header-first-row-logo-left-anchor-hover-color: rgba(212, 0, 45, 0.05);
  --sg-header-first-row-logo-left-image-maxWidth: 170px;
  --sg-header-first-row-button-text-color: #333;
  --sg-header-first-row-button-font-weight: 600;
  --sg-header-first-row-button-hover-text-color: var(--sg-primary-dark);
  --sg-header-first-row-button-hover-background-color: rgba(212, 0, 45, 0.05);
  --sg-header-first-row-button-active-text-color: var(--sg-white);
  --sg-header-first-row-button-active-background-color: var(--sg-primary-dark);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary);
  --sg-header-second-row-height: 0px;
  --sg-header-second-row-background-color: #f5f5f5;
  --sg-header-second-row-border-bottom: none;
  --sg-header-second-row-page-title-color: #333;
  --sg-header-second-row-button-border-radius: 50%;
  --sg-header-second-row-button-text-color: var(--sg-primary);
  --sg-header-second-row-button-font-weight: 600;
  --sg-header-second-row-button-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-text-color: var(--sg-primary);
  --sg-header-second-row-button-hover-icon-color: var(--sg-primary);
  --sg-header-second-row-button-hover-background-color: rgba(212, 0, 45, 0.05);
  --sg-header-second-row-button-outline-color-focus: var(--sg-primary);
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-footer-background-color);
  --sg-footer-background-color: var(--sg-primary-light);
  --sg-footer-text-color: var(--sg-primary-dark);
  --sg-footer-link-color: var(--sg-white);
  --sg-footer-link-text-decoration: none;
  --sg-footer-hover-link-text-color: var(--sg-primary);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #d8e4cb;
  --theme-200: #bed2a8;
  --theme-300: #a4bf85;
  --theme-400: #91b26b;
  --theme-500: var(--sg-primary);
  --theme-600: #759c4a;
  --theme-700: #6a9240;
  --theme-800: #608937;
  --theme-900: var(--sg-primary-light);
  --a100: #daffbb;
  --a200: #beff88;
  --a400: #a1ff55;
  --a700: #93ff3b;
}
.ABU {
  --sg-primary-font-family:
    "Open Sans",
    Arial,
    sans-serif;
  --lobea-procedure-steps-background-color: color-mix(in srgb, #007d8a 10%, white 90%);
  --sg-primary: #363636;
  --sg-primary-dark: #014c8a;
  --sg-primary-light: #007d8a;
  --sg-secondary: var(--sg-primary);
  --sg-secondary-dark: #0b2136;
  --sg-secondary-light: #62738d;
  --sg-accent: #96bf0d;
  --sg-button-primary-color: var(--sg-primary);
  --sg-button-primary-background-color: var(--sg-white);
  --sg-button-primary-border-color: var(--sg-primary);
  --sg-button-primary-color-hover: var(--sg-white);
  --sg-button-primary-background-color-hover: var(--sg-primary);
  --sg-button-primary-border-color-hover: var(--sg-primary);
  --sg-button-primary-color-focus: var(--sg-white);
  --sg-button-primary-background-color-focus: var(--sg-primary);
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-color: var(--sg-white);
  --sg-button-primary-focussed-background-color: var(--sg-primary-light);
  --sg-button-primary-focussed-border-color: var(--sg-primary-light);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-primary);
  --sg-button-primary-focussed-border-color-hover: var(--sg-primary);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-border-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-primary);
  --sg-button-secondary-color: var(--sg-primary-light);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 0;
  --sg-button-secondary-color-hover: var(--sg-primary-dark);
  --sg-button-secondary-background-color-hover: rgba(54, 54, 54, 0.1);
  --sg-button-secondary-color-focus: var(--sg-primary-dark);
  --sg-button-secondary-background-color-focus: rgba(54, 54, 54, 0.1);
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary-light);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 0;
  --sg-button-icon-color-hover: var(--sg-primary-dark);
  --sg-button-icon-background-color-hover: rgba(54, 54, 54, 0.1);
  --sg-button-icon-color-focus: var(--sg-primary-dark);
  --sg-button-icon-background-color-focus: rgba(54, 54, 54, 0.1);
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary-light);
  --sg-link-text-decoration: none;
  --sg-link-color-hover: var(--sg-primary-dark);
  --sg-link-background-color-hover: transparent;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-header-first-row-height: 40px;
  --sg-header-first-row-text-color: var(--sg-white);
  --sg-header-first-row-background-color: var(--sg-accent);
  --sg-header-first-row-border-bottom: 1px solid var(--sg-border-light);
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 180px;
  --sg-header-first-row-logo-left-anchor-hover-color: rgba(54, 54, 54, 0.1);
  --sg-header-first-row-logo-left-image-maxWidth: 200px;
  --sg-header-first-row-button-text-color: var(--sg-white);
  --sg-header-first-row-button-font-weight: 600;
  --sg-header-first-row-button-hover-text-color: var(--sg-white);
  --sg-header-first-row-button-hover-background-color: var(--sg-primary);
  --sg-header-first-row-button-active-text-color: var(--sg-white);
  --sg-header-first-row-button-active-background-color: var(--sg-primary);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary);
  --sg-header-second-row-height: 0px;
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-accent);
  --sg-footer-background-color: var(--sg-accent);
  --sg-footer-text-color: var(--sg-white);
  --sg-footer-link-color: var(--sg-primary);
  --sg-footer-link-text-decoration: none;
  --sg-footer-hover-link-text-color: var(--sg-primary-dark);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #d8e4cb;
  --theme-200: #bed2a8;
  --theme-300: #a4bf85;
  --theme-400: #91b26b;
  --theme-500: var(--sg-primary);
  --theme-600: #759c4a;
  --theme-700: #6a9240;
  --theme-800: #608937;
  --theme-900: var(--sg-primary-light);
  --a100: #daffbb;
  --a200: #beff88;
  --a400: #a1ff55;
  --a700: #93ff3b;
}
.KUG {
  --sg-primary-font-family:
    "Open Sans",
    Arial,
    sans-serif;
  --lobea-procedure-steps-background-color: color-mix(in srgb, var(--sg-primary) 15%, white 85%);
  --sg-primary: #567093;
  --sg-primary-dark: #1e2733;
  --sg-primary-light: #6c8cb7;
  --sg-secondary: #646a83;
  --sg-secondary-dark: #0b2136;
  --sg-secondary-light: #62738d;
  --sg-accent: #9B26B6;
  --sg-button-primary-color: var(--sg-primary);
  --sg-button-primary-background-color: var(--sg-white);
  --sg-button-primary-border-color: var(--sg-primary);
  --sg-button-primary-color-hover: var(--sg-white);
  --sg-button-primary-background-color-hover: var(--sg-secondary);
  --sg-button-primary-border-color-hover: var(--sg-secondary);
  --sg-button-primary-color-focus: var(--sg-white);
  --sg-button-primary-background-color-focus: var(--sg-secondary);
  --sg-button-primary-border-color-focus: var(--sg-primary);
  --sg-button-primary-outline-color-focus: var(--sg-primary);
  --sg-button-primary-focussed-color: var(--sg-white);
  --sg-button-primary-focussed-background-color: var(--sg-primary);
  --sg-button-primary-focussed-border-color: var(--sg-primary);
  --sg-button-primary-focussed-color-hover: var(--sg-white);
  --sg-button-primary-focussed-background-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-hover: var(--sg-secondary);
  --sg-button-primary-focussed-color-focus: var(--sg-white);
  --sg-button-primary-focussed-background-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-border-color-focus: var(--sg-secondary);
  --sg-button-primary-focussed-outline-color-focus: var(--sg-primary);
  --sg-button-secondary-color: var(--sg-primary);
  --sg-button-secondary-background-color: transparent;
  --sg-button-secondary-border-radius: 0;
  --sg-button-secondary-color-hover: var(--sg-primary-light);
  --sg-button-secondary-background-color-hover: rgba(86, 112, 147, 0.1);
  --sg-button-secondary-color-focus: var(--sg-primary-light);
  --sg-button-secondary-background-color-focus: rgba(86, 112, 147, 0.1);
  --sg-button-secondary-outline-color-focus: var(--sg-primary);
  --sg-button-icon-color: var(--sg-primary);
  --sg-button-icon-background-color: transparent;
  --sg-button-icon-border-radius: 0;
  --sg-button-icon-color-hover: var(--sg-primary-light);
  --sg-button-icon-background-color-hover: rgba(86, 112, 147, 0.1);
  --sg-button-icon-color-focus: var(--sg-primary-light);
  --sg-button-icon-background-color-focus: rgba(86, 112, 147, 0.1);
  --sg-button-icon-outline-color-focus: var(--sg-primary);
  --sg-link-color: var(--sg-primary);
  --sg-link-text-decoration: none;
  --sg-link-color-hover: var(--sg-primary-light);
  --sg-link-background-color-hover: transparent;
  --sg-link-outline-color-focus: var(--sg-primary);
  --sg-header-first-row-height: 40px;
  --sg-header-first-row-text-color: var(--sg-white);
  --sg-header-first-row-background-color: var(--sg-secondary-dark);
  --sg-header-first-row-border-bottom: none;
  --sg-header-first-row-logo-left: none;
  --sg-header-first-row-logo-left-anchor-size: 180px;
  --sg-header-first-row-logo-left-anchor-hover-color: transparent;
  --sg-header-first-row-logo-left-image-maxWidth: 180px;
  --sg-header-first-row-button-text-color: var(--sg-white);
  --sg-header-first-row-button-font-weight: 500;
  --sg-header-first-row-button-hover-text-color: var(--sg-white);
  --sg-header-first-row-button-hover-background-color: var(--sg-secondary);
  --sg-header-first-row-button-active-text-color: var(--sg-white);
  --sg-header-first-row-button-active-background-color: var(--sg-primary);
  --sg-header-first-row-button-outline-color-focus: var(--sg-primary);
  --sg-header-second-row-height: 0px;
  --sg-navbar-background-color: var(--sg-white);
  --sg-navbar-shadow-bottom: none;
  --sg-footer-border-top: 1px solid var(--sg-secondary-dark);
  --sg-footer-background-color: var(--sg-secondary-dark);
  --sg-footer-text-color: var(--sg-white);
  --sg-footer-link-color: var(--sg-white);
  --sg-footer-link-text-decoration: underline;
  --sg-footer-hover-link-text-color: var(--sg-primary);
  --sg-footer-hover-link-text-decoration: underline;
  --sg-footer-hover-link-background-color: transparent;
  --theme-50: var(--sg-primary-light);
  --theme-100: #d8e4cb;
  --theme-200: #bed2a8;
  --theme-300: #a4bf85;
  --theme-400: #91b26b;
  --theme-500: var(--sg-primary);
  --theme-600: #759c4a;
  --theme-700: #6a9240;
  --theme-800: #608937;
  --theme-900: var(--sg-primary-light);
  --a100: #daffbb;
  --a200: #beff88;
  --a400: #a1ff55;
  --a700: #93ff3b;
}
.mat-mdc-tab-group.mat-primary .mat-ink-bar,
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: transparent;
}
button.lobea-selected-date {
  border: none;
  line-height: 3em;
  color: var(--sg-primary);
}
button.lobea-selected-date .mat-button-wrapper span {
  font-size: 24px;
}
button.lobea-selected-rating {
  border-radius: 0;
  margin-left: 0;
  line-height: 3em;
  color: var(--sg-primary);
  max-width: 900px;
}
button.lobea-selected-rating .mat-button-wrapper > :first-child {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 900px;
  display: inline-block;
}
@media (max-width: 1199px) {
  button.lobea-selected-rating .mat-button-wrapper > :first-child {
    width: 526px;
  }
}
@media (max-width: 599px) {
  button.lobea-selected-rating .mat-button-wrapper > :first-child {
    width: 250px;
  }
}
.no-data-card {
  background-color: var(--sg-background-light);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px;
}
.no-data-card span {
  font-size: 16px;
  font-weight: 600;
}
.no-data-card mat-icon {
  margin-right: 12px;
  color: var(--sg-primary);
  font-size: 31px;
  height: 31px;
  width: 31px;
}
.mat-mdc-menu-panel.ratings-menu {
  max-width: fit-content;
}
mat-form-field.mat-mdc-form-field {
  margin-bottom: 0;
}

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