:root {
  --mdc-typography-font-family: system-ui;

  --mdc-theme-primary: #1976d2; /* blue 700 */
  --mdc-theme-secondary: #f57c00; /* orange 700 */

  --mdc-checkbox-checked-color: var(--mdc-theme-primary);

  --background-nav: #f5f5f5; /* grey 100 */
  --light-primary: hsl(from var(--mdc-theme-primary) h s 90%);
  --light-primary2: hsl(from var(--mdc-theme-primary) h s 70%);
  --dark-primary: hsl(from var(--mdc-theme-primary) h s 20%);
  --light-secondary: hsl(from var(--mdc-theme-secondary) h s 90%);
  --light-secondary2: hsl(from var(--mdc-theme-secondary) h s 70%);
  --circle-icon-background: #e0e0e0; /* grey 300 */
  --furnace-wood: #9c6b30; /* AHs brown */
  --furnace-oil: #7986cb; /* indigo 300 */
  --furnace-gas: #fbc02d; /* yellow 700 */
  --not-active: #bbbbbb;
  --inspection-early: #d3d3d3;
  --disabled-in-progress: #e0e0e0; /* grey 300 */
  --inspection-completed: #a9a9a9;
  --diagram-timeline: #e0e0e0; /* grey 300 */

  --mdc-switch-selected-focus-track-color: var(--light-primary);
  --mdc-switch-selected-pressed-track-color: var(--light-primary);
  --mdc-switch-selected-hover-track-color: var(--light-primary);
  --mdc-switch-selected-track-color: var(--light-primary);

  --mdc-switch-selected-focus-handle-color: var(--dark-primary);
  --mdc-switch-selected-pressed-handle-color: var(--dark-primary);
  --mdc-switch-selected-hover-handle-color: var(--dark-primary);
  --mdc-switch-selected-handle-color: var(--dark-primary);
}

@media (prefers-color-scheme: dark) {
  :root {
    --mdc-theme-primary: #64b5f6; /* blue 300 */
    --mdc-theme-secondary: #ffb74d; /* orange 300 */
    --mdc-theme-background: #000;
    --mdc-theme-surface: #000;
    --mdc-theme-error: #ff4f6f;
    --mdc-theme-on-primary: #000;
    --mdc-theme-on-secondary: #000;
    --mdc-theme-on-surface: #fff;
    --mdc-theme-on-error: #000;
    --mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54);
    --mdc-theme-text-hint-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-icon-on-background: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-primary-on-light: rgba(255, 255, 255, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(255, 255, 255, 0.54);
    --mdc-theme-text-hint-on-light: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-icon-on-light: rgba(255, 255, 255, 0.38);
    --mdc-theme-text-primary-on-dark: black;
    --mdc-theme-text-secondary-on-dark: rgba(0, 0, 0, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(0, 0, 0, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(0, 0, 0, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(0, 0, 0, 0.5);

    --mdc-ripple-color: rgba(255, 255, 255, 0.87);

    --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.38);
    --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
    --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.38);
    --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
    --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.38);
    --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.38);
    --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
    --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);

    --mdc-checkbox-unchecked-color: rgba(255, 255, 255, 0.54);
    --mdc-checkbox-disabled-color: rgba(255, 255, 255, 0.38);

    --mdc-elevation-box-shadow-for-gss: 0px 2px 1px -1px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.14), 0px 1px 3px 0px rgba(255, 255, 255, 0.12);

    --mdc-switch-unselected-handle-color: #e0e0e0;
    --mdc-switch-unselected-hover-handle-color: #f5f5f5;
    --mdc-switch-unselected-focus-handle-color: #f5f5f5;
    --mdc-switch-unselected-pressed-handle-color: #f5f5f5;
    --mdc-switch-disabled-unselected-handle-color: #eeeeee;
    --mdc-switch-unselected-hover-state-layer-color: #eeeeee;
    --mdc-switch-unselected-focus-state-layer-color: #eeeeee;
    --mdc-switch-unselected-pressed-state-layer-color: #eeeeee;
    --mdc-switch-unselected-track-color: #616161;
    --mdc-switch-unselected-hover-track-color: #616161;
    --mdc-switch-unselected-focus-track-color: #616161;
    --mdc-switch-unselected-pressed-track-color: #616161;
    --mdc-switch-disabled-unselected-track-color: #eeeeee;

    --background-nav: #212121; /* grey 900 */
    --light-primary: hsl(from var(--mdc-theme-primary) h s 20%);
    --light-primary2: hsl(from var(--mdc-theme-primary) h s 45%);
    --dark-primary: hsl(from var(--mdc-theme-primary) h s 80%);
    --light-secondary: hsl(from var(--mdc-theme-secondary) h s 20%);
    --light-secondary2: hsl(from var(--mdc-theme-secondary) h s 45%);
    --circle-icon-background: #616161; /* grey 600 */
    --furnace-wood: #9c6b30; /* AHs brown */
    --furnace-oil: #7986cb; /* indigo 300 */
    --furnace-gas: #fbc02d; /* yellow 700 */
    --not-active: #bbbbbb;
    --inspection-early: #d3d3d3;
    --disabled-in-progress: #616161; /* grey 700 */
    --inspection-completed: #a9a9a9;
    --diagram-timeline: #616161; /* grey 700 */
  }

  /* Drawer */
  .mdc-drawer {
    border-color: rgba(255, 255, 255, 0.12);
  }
  .mdc-drawer .mdc-drawer__title {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-drawer .mdc-deprecated-list-group__subheader {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer .mdc-drawer__subtitle {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer .mdc-deprecated-list-item__graphic {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-drawer .mdc-deprecated-list-item {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-drawer--modal {
    box-shadow: 0px 8px 10px -5px rgba(255, 255, 255, 0.2), 0px 16px 24px 2px rgba(255, 255, 255, 0.14), 0px 6px 30px 5px rgba(255, 255, 255, 0.12);
  }
  .mdc-drawer--modal + .mdc-drawer-scrim {
    background-color: rgba(255, 255, 255, 0.32);
  }

  /* Linear Progress */
  .mdc-linear-progress__buffer-bar {
    background-color: #757575; /* grey 600 */
  }

  /* Select */
  .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-select.mdc-select--disabled .mdc-select__selected-text {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(98, 0, 238, 0.87);
  }
  .mdc-select.mdc-select--disabled .mdc-floating-label {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: rgba(255, 255, 255, 0.54);
  }
  .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: rgba(255, 255, 255, 0.38);
  }
  .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
    color: rgba(255, 255, 255, 0.54);
  }
  .mdc-select.mdc-select--disabled .mdc-select__icon {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: #212121;
  }
  .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.42);
  }
  .mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.87);
  }
  .mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.38);
  }
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.87);
  }
  .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
  .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
  .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.06);
  }

  /* Card */
  .mdc-card {
    box-shadow: 0px 2px 1px -1px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(255, 255, 255, 0.14), 0px 1px 3px 0px rgba(255, 255, 255, 0.12);
  }
   .mdc-card--outlined {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px 0px rgba(255, 255, 255, 0.14), 0px 0px 0px 0px rgba(255, 255, 255, 0.12);
  }
  .mdc-card__action-icons {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-card__action--icon:not(:disabled) {
    color: rgba(255, 255, 255, 0.6);
  }

  /* Dialog */
  .mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(255, 255, 255, 0.32);
  }
  .mdc-dialog .mdc-dialog__surface-scrim {
    background-color: rgba(255, 255, 255, 0.32);
  }
  .mdc-dialog .mdc-dialog__title {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-dialog .mdc-dialog__content {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions {
    border-color: rgba(255, 255, 255, 0.12);
  }
  .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 0;
  }
  .mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header {
    /* @alternate */
    box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(0255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
  }
  .mdc-dialog .mdc-dialog__surface {
    border-radius: 4px;
    /* @alternate */
    border-radius: var(--mdc-shape-medium, 4px);
  }
  .mdc-dialog__surface {
    /* @alternate */
    box-shadow: 0px 11px 15px -7px rgba(255, 255, 255, 0.2), 0px 24px 38px 3px rgba(255, 255, 255, 0.14), 0px 9px 46px 8px rgba(255, 255, 255, 0.12);
  }

  /* List */
  .mdc-deprecated-list-divider {
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }
  .mdc-list-divider {
    background-color: rgba(255, 255, 255, 0.12);
  }

  /* Menu */
  .mdc-menu .mdc-deprecated-list-item__meta {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-menu .mdc-deprecated-list-item__graphic {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-menu .mdc-deprecated-list {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-menu-surface {
    box-shadow: 0px 5px 5px -3px rgba(255, 255, 255, 0.2), 0px 8px 10px 1px rgba(255, 255, 255, 0.14), 0px 3px 14px 2px rgba(255, 255, 255, 0.12);
  }

  /* Radio */
  .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(255, 255, 255, 0.54);
  }
  .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
  .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(255, 255, 255, 0.38);
  }
  .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(255, 255, 255, 0.38);
  }
  .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
  .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
    border-color: rgba(255, 255, 255, 0.38);
  }

  /* Tab */
  .mdc-tab .mdc-tab__text-label {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-tab .mdc-tab__icon {
    color: rgba(255, 255, 255, 0.54);
  }
  .mdc-tab--active .mdc-tab__text-label {
    color: var(--mdc-theme-primary);
  }
  .mdc-tab--active .mdc-tab__icon {
    color: var(--mdc-theme-primary);
  }

  .mdc-data-table {
    border-color: rgba(255, 255, 255, 0.12);
  }
  mdc-data-table__cell,
  .mdc-data-table__header-cell {
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }
  .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: rgba(255, 255, 255, 0.04);
  }
  .mdc-data-table__header-cell {
    color: rgba(255, 255, 255, 0.87);
  }
  .mdc-data-table__pagination-total,
  .mdc-data-table__pagination-rows-per-page-label,
  .mdc-data-table__cell {
    color: rgba(255, 255, 255, 0.87);
  }

  /* Text Field */
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(255, 255, 255, 0.87);
  }
  @media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.54);
    }
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.54);
    }
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.54);
    }
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
      color: rgba(255, 255, 255, 0.54);
    }
  }
  @media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.54);
    }
  }
  .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: rgba(255, 255, 255, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: rgba(255, 255, 255, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: rgba(255, 255, 255, 0.6);
  }
  .mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #212121;
  }
  .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.42);
  }
  .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.87);
  }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.87);
  }
  .mdc-text-field--disabled .mdc-text-field__input {
    color: rgba(255, 255, 255, 0.38);
  }
  @media all {
    .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.38);
    }
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.38);
    }
    .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.38);
    }
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
      color: rgba(255, 255, 255, 0.38);
    }
  }
  @media all {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.38);
    }
  }
  .mdc-text-field--disabled .mdc-floating-label {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field-character-counter,
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
    color: rgba(255, 255, 255, 0.3);
  }
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: rgba(255, 255, 255, 0.3);
  }
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: rgba(255, 255, 255, 0.38);
  }
  .mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  .mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(255, 255, 255, 0.06);
  }

  /* Top App Bar */
  .mdc-top-app-bar--short-collapsed {
    box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12);
  }
  .mdc-top-app-bar--fixed-scrolled {
    box-shadow: 0px 2px 4px -1px rgba(255, 255, 255, 0.2), 0px 4px 5px 0px rgba(255, 255, 255, 0.14), 0px 1px 10px 0px rgba(255, 255, 255, 0.12);
  }
}

/* * { */
/*     user-select: none; */
/*     -webkit-user-select: none; */
/*     -moz-user-select: none; */
/*     -ms-user-select: none; */
/* } */

html {
  height: 100vh;
}

body {
  overscroll-behavior: none;
  min-height: 100vh;
  margin: 0px;
  height: 100%;
  color: var(--mdc-theme-on-surface);
  background-color: var(--mdc-theme-background);
}

.right-align {
  text-align: right;
}

.icon--card-info-inline {
  font-size: 16px;
  vertical-align: middle;
}

.circle-icon {
  background-color: var (--circle-icon-background);
  color: var(--mdc-theme-text-secondary-on-light);
}
.circle-icon--big {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.circle-icon--big .material-icons {
  font-size: 20px;
}
.circle-icon.connect-icons {
  font-size: 24px;
}
.mdc-deprecated-list-item__meta .connect-icons {
  padding-right: 4px;
}
.mdc-deprecated-list-item__meta.contact-data-indicators {
  white-space: nowrap;
}
.mdc-deprecated-list-item__meta.contact-data-indicators .material-icons {
  margin-right: 0px;
  padding: 0px;
  text-align: center;
}
.mdc-deprecated-list-item__meta.mdc-deprecated-list-item__meta--multi-item {
  display: flex;
  align-items: center;
}
.lifecycle--planned {
  color: var(--mdc-theme-primary);
}
.lifecycle--removed {
  color: var(--not-active);
}
.list-item--not-active {
  color: var(--not-active);
}
.furnace-wood {
  color: var(--furnace-wood);
}
.furnace-oil {
  color: var(--furnace-oil);
}
.furnace-gas {
  color: var(--furnace-gas);
}
.mdc-deprecated-list-item__meta .circle-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mdc-deprecated-list-item__meta .circle-icon .material-icons {
  font-size: 20px;
}

.action-header {
  display: flex;
  align-items: center;
}
.action-header .action-header__actions {
  margin-left: auto;
  margin-right: -8px;
}

.group-header {
  color: var(--mdc-theme-primary);
  padding-top: 16px;
}

.list-group-header {
  color: var(--mdc-theme-primary);
  padding-bottom: 0px;
}
.list-group-header ~ .mdc-deprecated-list {
  margin-left: -16px;
  margin-right: -16px;
}

.form .form-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.form .form-field.form-field--list {
  padding-bottom: 0;
  padding-left: 0;
}
.form.form--squashed .form-field {
  padding-bottom: 0px;
}
.form.filter-form .form-field {
  padding-bottom: 0px;
}
.form .form-field .form-field__graphic {
  margin-right: 32px;
  width: 24px;
  height: 24px;
  color: var(--mdc-theme-text-icon-on-background);
}
.form .form-field .form-field__icon-button {
  height: 56px;
  color: var(--mdc-theme-text-icon-on-background);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--mdc-theme-text-icon-on-background);
}
.form .form-field .form-field__graphic .mdc-icon-button {
  color: var(--mdc-theme-text-icon-on-background);
  --mdc-theme-primary: var(--mdc-theme-text-icon-on-background);
  --mdc-theme-secondary: var(--mdc-theme-text-icon-on-background);
}
.form .form-field .form-field__control:first-child {
  margin-left: 56px;
}
.form .form-field__indent .form-field .form-field__control:first-child {
  margin-left: 72px;
}
.form .form-field .form-field__control,
.form .form-field .form-field__control .mdc-form-field {
  justify-content: space-between;
  width: 100%;
}
.form .form-field .form-field__control .mdc-text-field-helper-line,
.form .form-field .form-field__control .mdc-select-helper-text ,
.form .form-field .form-field__control .mdc-select-helper-line {
}
.form .form-field .form-field__control.form-field__control--group .mdc-text-field-helper-line {
  margin-bottom: 0px;
}
.form .form-field .mdc-select,
.form .form-field .mdc-select .mdc-menu,
.form .form-field .mdc-text-field {
  background-color: var(--mdc-theme-surface);
  width: 100%;
}
.form .form-field .hs-form-no-fullwidth .mdc-select,
.form .form-field .hs-form-no-fullwidth .mdc-text-field {
  width: unset;
}
.hs-form-no-fullwidth {
  display: inline-grid;
  position: relative;
  margin-right: 16px;
}
.hs-form-no-fullwidth:last-child {
  margin-right: 0;
}
.form .form-field .mdc-select .mdc-select__anchor {
  background-color: var(--mdc-theme-surface);
}

.form .form-field .mdc-form-field {
  min-height: 56px;
}
.form.filter-form .form-field .mdc-form-field {
  min-height: 48px;
}
.form.filter-form .mdc-select,
.form.filter-form .mdc-text-field
{
  margin-bottom: 16px;
}
.form .form-field .mdc-form-field--align-end > label {
  margin-left: 16px;
  font-size: 16px;
}
.form .mdc-deprecated-list-item__graphic {
  margin-right: 48px;
}
.form .mdc-tab-bar {
  padding-bottom: 16px;
}
.form .action-header {
  color: var(--mdc-theme-primary);
}
.form .action-header.action-header--warning {
  color: var(--mdc-theme-secondary);
}
.form .action-header.action-header--error {
  color: var(--mdc-theme-error);
}
.form-field--furnace-notice-index {
  align-items: start;
  display: flex;
}
.number-formlet--furnace-notice-index {
  min-width: 52px;
  max-width: 200px;
  padding-top: 8px;
}

#qr-scanner, #qr-scanner__scrim {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#qr-scanner {
  z-index: 20;
}
#qr-scanner__scrim {
  background-color: var(--mdc-theme-text-icon-on-background);
  opacity: 1;
}
#qr-scanner__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#qr-scanner__button-row {
  padding: 16px;
}
#qr-scanner__reader {
  background-color: var(--mdc-theme-background);
  padding: 8px !important;
  border: 3px solid var(--mdc-theme-primary) !important;
}
/* Disable "Powered by scanapp.org" */
#qr-scanner__reader > div > img[alt="Info icon"] {
  display: none;
}
/* Disable "Or drop an image to scan" */
#qr-scanner__reader__dashboard_section > div > div > label + div {
  display: none;
}
#html5-qrcode-anchor-scan-type-change {
  display: inline-block;
  margin-top: 0.7em;
  text-decoration: none !important;
  color: var(--mdc-theme-text-secondary-on-light);
  font-size: 0.8rem;
}
#qr-scanner__reader__dashboard_section_csr,
#html5-qrcode-button-camera-stop {
  font-size: 0.7rem;
}
#qr-scanner__reader__dashboard_section {
  padding-bottom: 0px !important;
}

.overlay {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 7;
  background-color: var(--mdc-theme-surface);
  display: block;
}

.form-page {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 5;
  background-color: var(--mdc-theme-surface);
  display: block;
}
.form-page .mdc-top-app-bar {
  color: var(--mdc-theme-primary-on-surface);
  background-color: var(--mdc-theme-surface);
}
.form-page .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: var(--mdc-theme-primary-on-surface);
}
.form-page .mdc-top-app-bar .mdc-top-app-bar__action-item {
  color: var(--mdc-theme-primary-on-surface);
}
.form-page .form {
}
.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .form-page {
  margin-left: 256px;
  margin-right: 0;
  width: calc(100% - 256px);
}

.mdc-deprecated-list-item .mdc-deprecated-list-item__meta-actions {
  display: none;
}
.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__meta-actions {
  display: inline-block;
}
.mdc-deprecated-list-item .mdc-deprecated-list-item__meta a {
  color: var(--mdc-theme-text-icon-on-background);
}
.mdc-deprecated-list-item .mdc-deprecated-list-item__meta--multi-icon > * {
  margin-left: 8px;
}
.mdc-deprecated-list-item .mdc-deprecated-list-item__meta--multi-icon-double {
  min-width: 75px;
}
.item-meta--no-margin {
  margin-left: 0;
  margin-right: 0;
}

.resistances {
  counter-reset: ctr;
}
.resistances .action-header__text:after {
  content: counter(ctr);
  counter-increment: ctr;
}

.login-form {
  margin: auto;
  max-width: 600px;
}
.login-form__button {
  width: 100%;
}
.login-form__button--hidden {
  width: 64px;
  margin-left: auto;
}
.login-form .auth-error {
  text-align: center;
  margin-top : 8px;
  margin-bottom : 8px;
  color: var(--mdc-theme-error);
}
.login-form .mdc-form-field {
  justify-content: space-between;
  width: 100%;
}

.full-width {
  width: 100%
}
.objective-table {
  /* margin-left: 40px; */
  width: 100%;
}
.objective-table .mdc-data-table {
  width: 100%;
}
.objective-table .mdc-data-table__header-cell {
  white-space: normal;
}
.objective-table.mdc-data-table--objectives-table .mdc-data-table__row > :nth-child(1) {
width: 50%; }
.objective-table.mdc-data-table--objectives-table .mdc-data-table__row > :nth-child(2) {
width: 25%; }
.objective-table.mdc-data-table--objectives-table .mdc-data-table__row > :nth-child(3) {
width: 25%; }

.overview-table {
  padding-bottom: 16px;
}
.overview-table .mdc-data-table__row {
  position: relative;
}
.overview-table__cross-out {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  border: none;
  border-top: 1px solid #000;
}

.app-version {
  position: absolute;
  height: 20px;
  bottom: 16px;
  width: 100%;
  text-align: center;
  color: var(--mdc-theme-text-icon-on-background);
}

.app-version > button {
  color: var(--mdc-theme-text-icon-on-background);
  border-width: 0px;
  background-color: #00000000;
}

.german-hidden {
  line-height: 0px;
  color: var(--mdc-theme-background);
}

.splash .info .desc {
  padding-top: 16px;
  color: var(--dark-primary);
  background-color: var(--mdc-theme-surface);
  text-align: center;
}

.update-info {
  text-align: center;
}

.mdc-drawer .mdc-deprecated-list-item--activated {
  color: var(--mdc-theme-primary);
}
.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: var(--mdc-theme-primary);
}

.mdc-text-field--deletable .mdc-text-field__icon.mdc-text-field__icon--trailing {
  pointer-events: auto;
  padding-right: 0;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid) .mdc-floating-label,
.mdc-select--focused:not(.mdc-select--disabled):not(.mdc-select--invalid) .mdc-floating-label {
  color: var(--mdc-theme-primary);
}
.mdc-select--invalid + .mdc-select-helper-text {
  color: var(--mdc-theme-error);
}
.mdc-select-helper-text {
  padding-left: 16px;
  padding-right: 16px;
}

.tree-navigation {
  background-color: var(--background-nav);
}

.details .detail-nav {
  background-color: var(--background-nav);
}

.details .detail-main {
  border-top: 1px solid var(--mdc-deprecated-list-divider);
  background-color: var(--mdc-theme-surface)
}

.details .mdc-deprecated-list {
  padding: 0;
}
.mdc-deprecated-list .mdc-deprecated-list-item.multiline {
  height: 100%;
  align-items: flex-start;
}
.details .mdc-deprecated-list .mdc-deprecated-list-item.multiline {
  padding-bottom: 12px;
}
.mdc-deprecated-list .mdc-deprecated-list-item.multiline .mdc-deprecated-list-item__graphic {
  padding-top: 16px;
}
.mdc-deprecated-list .mdc-deprecated-list-item.multiline .mdc-deprecated-list-item__meta {
  padding-top: 16px;
}
.details .mdc-deprecated-list .mdc-deprecated-list-item__graphic.material-icons {
  display: inline-block;
}
.details .mdc-deprecated-list-item.action-item .mdc-deprecated-list-item__text {
  color: var(--mdc-theme-text-secondary-on-background);
}
.details .mdc-deprecated-list-item.action-item {
  will-change: auto;
}
.details .mdc-deprecated-list-group__subheader {
  padding-left: 56px;
  color: var(--mdc-theme-primary);
}
.details .details__section {
  padding-left: 72px;
  padding-right: 16px;
  /*padding-top: 20px;*/
  padding-bottom: 20px;
}
.details .details__section--compact {
  height: 24px;
  padding-bottom: 0px;
}
.mdc-deprecated-list > .mdc-deprecated-list-item.details__section--compact:last-child {
  margin-bottom: 12px;
}
.details .details__section--indented {
  padding-left: 36px;
}
.details .button-full-width {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 16px 16px 72px;
}
.details .button-full-width button {
}

.mdc-top-app-bar {
  background-color: var(--background-nav);
  color:  var(--mdc-theme-on-surface);
}
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon,
.mdc-top-app-bar .mdc-top-app-bar__action-item {
  color: var(--mdc-theme-on-surface);
}
.mdc-top-app-bar__row {
  margin-top: env(safe-area-inset-top);
}
.mdc-top-app-bar--fixed-adjust {
  padding-top: calc(64px + env(safe-area-inset-top));
  height: calc(100% - 64px - env(safe-area-inset-top));
}
@media (max-width: 599px) {
  .mdc-top-app-bar--fixed-adjust {
    padding-top: calc(56px + env(safe-area-inset-top));
    height: calc(100% - 56px - env(safe-area-inset-top));
  }
}

.mdc-deprecated-list-item__text a {
  text-decoration: none;
}

.hs-icon-button--in-form {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.inspection,
.activity {
  display: inline-block;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
}
.inspection {
  color: var(--mdc-theme-primary);
  border-color: var(--mdc-theme-primary);
}
.inspection.inspection--late {
  color: var(--mdc-theme-secondary);
  border-color: var(--mdc-theme-secondary);
}
.inspection.inspection--early {
  background-color: var(--mdc-theme-surface);
  color: var(--inspection-early);
  border-color: var(--inspection-early);
}
.inspection.inspection--planned,
.activity.activity--not-completed {
  background-color: var(--mdc-theme-surface);
}
.inspection.inspection--in-progress {
  background-color: var(--light-primary);
}
.inspection.inspection--late.inspection--in-progress {
  background-color: var(--light-secondary);
}
.inspection-block--disabled .inspection.inspection--in-progress {
  background-color: var(--disabled-in-progress);
}
.inspection.inspection--completed,
.inspection.inspection--billed,
.activity.activity--completed {
  color: var(--mdc-theme-on-primary);
  background-color: var(--mdc-theme-primary);
}
.inspection.inspection--late.inspection--completed,
.inspection.inspection--late.inspection--billed,
.inspection.inspection--late.activity.activity--completed {
  background-color: var(--mdc-theme-secondary);
}
.inspection.inspection--disabled {
  background-color: var(--mdc-theme-surface);
  color: var(--mdc-theme-text-disabled-on-background);
  border-color: var(--mdc-theme-text-disabled-on-background);
}
.inspection.inspection--late.inspection--disabled {
  background-color: var(--mdc-theme-surface);
  color: var(--light-secondary2);
}
.activity-symbol--annotation {
  font-size: smaller;
  vertical-align: top;
  line-height: 6px;
}
.activity-symbol--ligature {
  /* Move letters of e.g. Lö closer to each other */
  letter-spacing: -1px;
}
.activity-symbol--annotation-minus {
  line-height: 3px;
}
.inspection.inspection--disabled .activity-symbol.activity-symbol--disabled {
  color: var(--mdc-theme-text-disabled-on-background);
}
.inspection .activity-symbol.activity-symbol--disabled {
  color: var(--light-primary2);
}
.inspection--late .activity-symbol.activity-symbol--disabled {
  color: var(--light-secondary2);
}
.inspection-block--later .inspection,
.inspection-block--later .inspection.inspection--in-progress,
.inspection-block--later .inspection .activity-symbol,
.inspection-block--later .inspection .activity-symbol.activity-symbol--disabled {
  color: var(--inspection-early);
  border-color: var(--inspection-early);
}
.inspection-block--later .inspection.inspection--completed,
.inspection-block--later .inspection.inspection--completed .activity-symbol,
.inspection-block--later .inspection.inspection--completed .activity-symbol.activity-symbol--disabled {
  color: var(--mdc-theme-on-primary);
  background-color: var(--inspection-early);
  border-color: var(--inspection-early);
}
.inspection-block--disabled .inspection,
.inspection-block--disabled .inspection.inspection--in-progress,
.inspection-block--disabled .inspection .activity-symbol,
.inspection-block--disabled .inspection .activity-symbol.activity-symbol--disabled {
  color: var(--inspection-completed);
  border-color: var(--inspection-completed);
}
.inspection-block--disabled .inspection .activity-symbol.activity-symbol--disabled {
  color: var(--inspection-early);
}
.inspection-block--disabled .inspection.inspection--completed,
.inspection-block--disabled .inspection.inspection--completed .activity-symbol {
  color: var(--mdc-theme-on-primary);
  background-color: var(--inspection-completed);
  border-color: var(--inspection-completed);
}
.inspection-block--disabled .inspection.inspection--completed .activity-symbol.activity-symbol--disabled {
  color: var(--inspection-early);
}
.inspection-block .inspection.inspection--has-hint-dot::after {
  top: -5px;
}
.building-card__inspections-diagram__furnace-inspection .inspection-block .inspection.inspection--has-hint-dot::after {
  top: -1px;
}
.inspection.inspection--has-hint-dot::after {
  position: absolute;
  top: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  z-index: 20;
}

.inspection.inspection--has-hint-dot.inspection--has-hint-dot-grey::after {
  background-color: var(--inspection-completed);
}
.inspection.inspection--has-hint-dot.inspection--has-hint-dot-blue::after {
  background-color: var(--mdc-theme-primary);
}
.inspection.inspection--has-hint-dot.inspection--has-hint-dot-orange::after {
  background-color: var(--mdc-theme-secondary);
}
.inspection.inspection--has-hint-dot.inspection--has-hint-dot-red::after {
  background-color: var(--mdc-theme-error);
}

.inspection-block.inspection-block--disabled .inspection.inspection--has-hint-dot::after {
  background-color: var(--inspection-completed);
}
.mdc-deprecated-list-item__meta .inspections-group {
  position: relative;
}
.schedule-period-map .mdc-deprecated-list-item__text {
  color: var(--mdc-theme-secondary);
}
.schedule-activity-item {
  margin-left: 56px;
}

.top-level-list {
  position: relative;
}
/* this prevents the item to become the containing block of the position: fixed; mdc-menu context menu.
 * If we don't do this the menu is offset relative to the item instead of the viewport, leading to a completely mis-
 * placed menu.
 * */
.top-level-list .mdc-deprecated-list-item {
  will-change: unset;
}
.mdc-deprecated-list-item.item--selected {
  background-color: var(--light-primary);
}
.mdc-deprecated-list-item.item--frozen {
  background-color: var(--inspection-early);
}
/* this complicated construct is necessary because the context menu list (which is one line) still gets styled like a
 * two line list because it is nested in the two line building item list. We have to create higher specificity to
 * override this.
 * */
.top-level-list .mdc-deprecated-list-item .mdc-deprecated-list .mdc-deprecated-list-item {
  height: 48px;
}
.top-level-list .mdc-deprecated-list-item .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text {
  align-self: auto;
}

.top-level-list--cards {
  background-color: var(--background-nav);
}
.top-level-list--compact {
  padding: 0px;
}
.top-level-list .top-level-list__header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: var(--background-nav);
}
@media (max-width: 599px) {
  .top-level-list .top-level-list__header {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.top-level-list .top-level-list__header__list-item-wrapper {
  display: flex;
  align-items: center;
}
.top-level-list .top-level-list__header__list-item-wrapper--no-icon {
  margin-left: 12px;
}
.top-level-list .top-level-list__header__list-item-wrapper .mdc-deprecated-list-item {
  padding: 0;
  flex-grow: 1;
}

#selection-menu .mdc-deprecated-list-item {
  padding-right: 16px;
  padding-left: 16px;
  flex-grow: 1;
}

.top-level-list .top-level-list__header__list-item-wrapper .top-level-list__header__list-item-wrapper__button--start {
  color: var(--mdc-theme-text-icon-on-background);
  margin-right: 20px;
}
.top-level-list .top-level-list__header__list-item-wrapper .top-level-list__header__list-item-wrapper__button--end {
  color: var(--mdc-theme-text-icon-on-background);
}
.contact-list {
  padding: 0px;
}
.building-card {
  padding: 8px 16px;
}
.building-card.building-card--selected .mdc-card {
  background-color: var(--light-primary);
}
.building-card.building-card--frozen .mdc-card {
  background-color: #d3d3d3;
}
.building-card.building-card--warning .mdc-card {
  box-shadow: 0px 0px 10px var(--mdc-theme-error) inset;
}
.building-card .mdc-card__primary-action {
}
.building-card .building-card__header {
  height: 110px;
  display: flex;
  flex-direction: row;
}
.building-card .building-card__header.building-card__header--contacts {
  height: 72px;
}
.building-avatar {
  margin: 16px;
}
.organizer .mdc-deprecated-list-item__graphic {
  margin-right: 0px;
}
.building-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--mdc-theme-text-secondary-on-light);
  background-color: var(--background-nav);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.building-icon.building-icon--good {
  color: var(--mdc-theme-on-primary);
  background-color: var(--mdc-theme-primary);
}
.building-icon.building-icon--light {
  background-color: var(--light-primary);
}
.building-icon.building-icon--warning {
  color: var(--mdc-theme-secondary);
}
.building-icon.building-icon--error {
  color: var(--mdc-theme-error);
}
.building-avatar .building-icon__apartments {
  position: absolute;
  top: 12px;
  left: 44px;
}
.mdc-deprecated-list-item .building-icon__apartments {
  position: absolute;
  top: 8px;
  left: 36px;
}
.building-icon__apartments {
  width: 20px;
  height: 20px;
  border: 1px solid var(--mdc-theme-text-secondary-on-light);
  border-radius: 50%;
  color: var(--mdc-theme-text-secondary-on-light);
  background-color: var(--mdc-theme-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.building-avatar .building-icon__agreements {
  position: absolute;
  top: 36px;
  left: 44px;
}
.mdc-deprecated-list-item .building-icon__agreements {
  position: absolute;
  top: 32px;
  left: 36px;
}
.building-icon__agreements {
  width: 20px;
  height: 20px;
  border: 1px solid #666666;
  border-radius: 50%;
  color: #666666;
  background-color: var(--mdc-theme-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.building-card .building-card__address {
  margin-top: 8px;
  margin-right: 16px;
  overflow: hidden;
}
.building-card .building-card__address > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.building-card .building-card__status {
  margin-top: 8px;
  margin-right: 16px;
  text-align: right;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.building-card .building-card__status .building-card__status__line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.building-card .building-card__status .inspection-block {
  position: relative;
}
.building-card .building-card__status__icon {
  color: rgba(0, 0, 0, 0.6);
  line-height: 12px;
  margin-right: 4px;
}
.building-card__inspections-diagram__year {
  margin-top: 18px;
  margin-right: 3px;
  font-size: 16px;
  font-weight: bold;
  color: var(--mdc-theme-error);
}

.building-card .building-card__status__label {
  display: inline-block;
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}
.building-card .building-card__status__label.building-card__status__label-planned {
  background-color: var(--mdc-theme-secondary);
  color: var(--mdc-theme-on-secondary);
  border-color: var(--mdc-theme-secondary);
}
.building-card .preliminary .building-card__status__label.building-card__status__label-planned {
  background-color: #cccccc;
  color: var(--mdc-theme-on-primary);
  border-color: #cccccc;
}
.building-card .building-card__status__label.building-card__status__label-critical {
  background-color: var(--mdc-theme-error);
  color: var(--mdc-theme-on-primary);
  border-color: var(--mdc-theme-error);
}
.building-card .building-card__appointment {
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card .building-card__appointment.building-card__appointment--sent {
  color: var(--mdc-theme-primary);
}
.building-card .preliminary .building-card__appointment {
  color: #bfbfbf;
}
.building-card .building-card__address--sub {
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card .building-card__content {
  flex-grow: 1;
}
.building-card .mdc-card__media {
  height: 65px;
  background-color: var(--mdc-theme-surface);
  padding: 4px 16px;
}
.building-card.building-card--selected .mdc-card__media {
  background-color: var(--light-primary);
}
.building-card.building-card--frozen .mdc-card__media {
  background-color: #d3d3d3;
}
.building-card .building-card__inspections-diagram {
  display: flex;
}
.building-card .building-card__inspections-diagram .building-card__inspections-diagram__standard-inspections {
  flex-shrink: 1;
  flex-grow: 1;
  margin-right: 8px;
}
.building-card .building-card__inspections-diagram .building-card__inspections-diagram__furnace-inspection {
  flex-shrink: 0;
  flex-grow: 0;
}
.building-card .building-card__inspections-diagram .building-card__inspections-diagram__blocks {
  padding-bottom: 4px;
}
.building-card .building-card__inspections-diagram .building-card__timeline {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.building-card .building-card__inspections-diagram .building-card__timeline .building-card__timeline__line_outer {
  background-color: inherit;
  height: 6px;
  box-sizing: border-box;
  padding-right: 1px;
}
.building-card .building-card__inspections-diagram .building-card__timeline .building-card__timeline__line_outer:nth-child(3n) {
  padding-right: 1%;
}
.building-card .building-card__inspections-diagram .building-card__timeline .building-card__timeline__line_outer .building-card__timeline__line_inner {
  background-color: var(--diagram-timeline);
  height: inherit;
  border-radius: 1px;
}
.building-card__inspections-diagram__blocks {
  position: relative;
  height: 21px;
}
.building-card__inspections-diagram__blocks .inspection-block {
  position: absolute;
}
.inspection-block .inspection-block__line-1 {
  margin-top: 8px;
  width: 100%;
  text-align: center;
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__inspections-diagram__furnace-inspection .inspection-block .inspection-block__line-1 {
  text-align: right;
}
.inspection-block .inspection-block__line-2 {
  margin-top: -8px;
  width: 100%;
  text-align: center;
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__inspections-diagram__furnace-inspection .inspection-block .inspection-block__line-2 {
  text-align: right;
}
.building-card .building-card__info {
  padding-left: 16px;
  padding-top: 11px;
  padding-bottom: 8px;
  height: 20px;
  color: var(--mdc-theme-text-secondary-on-light);
  display: flex;
  flex-direction: column;
  align-items: start;
}
.building-card .building-card__info--pad1 {
  padding-right: 24px;
}
.building-card .building-card__info--pad2 {
  padding-right: 34px;
}
.building-card .building-card__info--pad3 {
  padding-right: 44px;
}
.building-card .building-card__info--pad4 {
  padding-right: 54px;
}
.building-card .building-card__info--inspection {
  height: 80px;
}
.building-card .building-card__info--account-statement {
  height: 60px;
}
.building-card__info--contact {
  height: 65px;
}
.building-card__index {
  position: absolute;
  bottom: 1px;
  right: 16px;
  color: var(--mdc-theme-text-secondary-on-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.card-info__row {
  height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.card-info__row__icon {
  font-size: 16px;
  padding-right: 4px;
}
.card-info__row__data {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.building-card__info--defect {
  height: 120px;
}
.building-card__info--invoice {
  height: 80px;
}
.building-card__info--calendar-standard {
  height: 60px;
}
.building-card__info--calendar-automatic {
  padding-top: 16px;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  height: 65px;
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__info--daily-overview {
  border-top-width: 1px;
  border-top-style: solid;
  padding-top: 10px;
  margin: 0px 16px;
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__info--approval {
  border-top-width: 1px;
  border-top-style: solid;
  padding-top: 10px;
  margin: 0px 16px;
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card.building-card--defect .building-card__info {
  height: 80px;
}
.building-card__info__line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.with-top-divider {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d3d3d3;
  padding-top: 10px;
  margin: 0px 16px;
  color: var(--mdc-theme-text-secondary-on-light);
}

.hey-card {
  height: 75px;
  padding: 8px 8px;
}
.hey-card .mdc-card__primary-action {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.hey-card .hey-card__avatar {
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--mdc-theme-text-secondary-on-light);
  background-color: #e0e0e0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hey-card .hey-card__content {
  flex-grow: 1;
}

.hs-sweep-log__info {
  text-align: center;
  padding: 32px;
}
.hs-sweep-log__entry {
  height: 75px;
  padding: 8px 8px;
}
.hs-sweep-log__entry .mdc-card__primary-action {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.hs-sweep-log__entry .hs-sweep-log__entry__content {
  padding: 16px;
}

.hs-tab--stacked {
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 0;
  width: 20%;
  font-size: 0.6rem;
}

.hs-bottom-nav {
  height: 48px;
  border-top: 1px solid var(--mdc-deprecated-list-divider);
  background-color: var(--background-nav);
  display: block;
  padding-bottom: env(safe-area-inset-bottom);
}

.hs-bottom-nav--fixed {
  position: fixed;
  bottom: 0px;
}

.with-bottom-nav {
  height: calc(100% - 48px - env(safe-area-inset-bottom));
  padding-bottom: calc(48px + env(safe-area-inset-bottom));
}

.without-bottom-nav {
  height: 100%;
  padding-bottom: env(safe-area-inset-bottom);
}

.bottom-nav-wrapper.has-unread #mdc-tab-1::after {
  position: absolute;
  width: 10px;
  height: 10px;
  left: calc(50% + 4px);
  top: 5px;
  background-color: var(--mdc-theme-error);
  border-radius: 50%;
  content: "";
  z-index: 20;
}

.bottom-nav__other-menu {
  position: fixed;
  right: 0px;
  bottom: 50px;
}

.mdc-drawer.mdc-drawer--dismissible.hs-drawer--fixed {
  position: fixed;
}
.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .mdc-top-app-bar.mdc-top-app-bar--fixed {
  width: calc(100% - 256px);
}

.hs-search-app-bar .mdc-top-app-bar__section--align-start {
  flex-grow: 0;
  padding-right: 0;
}
.hs-search-app-bar .mdc-text-field {
  padding-left: 0px;
  background-color: inherit;
}
.hs-search-app-bar .mdc-text-field--fullwidth {
  flex-grow: 1;
}
.hs-search-app-bar .mdc-text-field .mdc-text-field__input {
  color: var(--mdc-theme-on-surface);
  caret-color: var(--mdc-theme-on-surface);
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  border-bottom-color: transparent;
}
.hs-search-app-bar .mdc-text-field .mdc-text-field__input::placeholder {
  color: var(--mdc-theme-text-hint-on-light);
}

.hs-top-app-bar--form .mdc-top-app-bar {
  color: var(--mdc-theme-on-surface);
  background-color: var(--background-nav);
}

.hs-top-app-bar--form .mdc-top-app-bar {
  color: var(--mdc-theme-text-primary-on-background);
  background-color: var(--background-nav);
}

.hs-top-app-bar--form .mdc-top-app-bar__row {
  color: var(--mdc-theme-text-primary-on-background);
  background-color: var(--background-nav);
}

.hs-top-app-bar--form .mdc-icon-button {
  color: var(--mdc-theme-text-primary-on-background);
}

.hs-form-page {
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--mdc-theme-text-primary-on-background);
  background-color: var(--background-nav);
  display: block;
}
.hs-form-page .form {
  padding-left: 16px;
  padding-right: 16px;
}

.hs-text--continuous {
  white-space: normal;
  overflow-wrap: break-word;
}

.hs-text--continuous .mdc-deprecated-list-item__primary-text {
  white-space: normal;
  overflow-wrap: break-word;
}

.hs-text--continuous .mdc-deprecated-list-item__secondary-text {
  white-space: normal;
  overflow-wrap: break-word;
}

.todo-item-group__collapsible {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.hs-picture__contentarea {
  width: 100%;
  max-width: 600px;
}

.hs-picture__input-button-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}
.hs-picture__input-button-row > * {
  margin-top: 16px;
}

.hs-form-inline__button-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}
.hs-form-inline__button-row > * {
  margin-top: 16px;
}

.hs-picture__camera {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hs-picture__output {
  width: 100%;
  display: block;
  margin-bottom: 32px;
}
.hs-picture__output .mdc-text-field {
  width: 100%;
}

#hs-picture__video {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#hs-picture__output__snapshot {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#hs-picture__output__name {
  width: 100%;
}

#hs-picture__canvas {
  display: none;
}

.hs-picture__camera .mdc-button {
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: rgba(0, 150, 0, 0.5);
  color: rgba(255, 255, 255, 1.0);
}

#hs-picture__input-button-row__camera-button {
  min-width: 176px;
}

#hs-picture__input-button-row__abort-button {
  min-width: 176px;
}

#hs-picture__file-size-error {
  margin-top: 16px;
}

#hs-picture__no-media-support-warning {
  margin-top: 16px;
}

.hs-text--good {
  color: var(--mdc-theme-primary);
}

.hs-text--warning,
.hs-text--warning .mdc-deprecated-list-item__graphic,
.hs-text--warning .mdc-deprecated-list-item__secondary-text,
.hs-text--warning .mdc-deprecated-list-item__meta {
  color: var(--mdc-theme-secondary);
}

.filter-year {
  margin-right: 16px;
  border-width: 0px;
  background-color: #00000000;
  color: var(--mdc-theme-text-primary-on-background);
}

.hs-icon-button--small {
  font-size: small;
  margin: 0px !important;
  padding: 0px !important;
  width: 24px !important;
  height: 24px !important;
}

.hs-text--error,
.hs-text--error .mdc-deprecated-list-item__graphic,
.hs-text--error .mdc-deprecated-list-item__secondary-text,
.hs-text--error .mdc-deprecated-list-item__meta {
  color: var(--mdc-theme-error);
}

.hs-bg--error {
  background-color: var(--mdc-theme-error);
}

.hs-item--info {
  color: var(--mdc-theme-on-primary);
  background-color: var(--mdc-theme-primary);
}
.hs-item--warning {
  color: var(--mdc-theme-on-secondary);
  background-color: var(--mdc-theme-secondary);
}
.hs-item--error {
  color: var(--mdc-theme-on-primary);
  background-color: var(--mdc-theme-error);
}

.hs-input--visually-hidden {
  position: relative;
  height: 0px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

input.hs-input--visually-hidden:focus + label {
  outline: thin dotted;
}

.hs-search--no-results {
  text-align: center;
  padding-top: 24px;
}

.mdc-drawer {
  padding-top: env(safe-area-inset-top);
}
.mdc-drawer .hs-drawer__notification-toggle--subscribed .mdc-deprecated-list-item__graphic {
  color: var(--mdc-theme-error);
}

.mdc-drawer .hs-drawer__notification-toggle--subscribed .mdc-deprecated-list-item__text {
  color: var(--mdc-theme-error);
}

.mdc-drawer div.has-unread {
  position: relative;
}
.mdc-drawer div.has-unread::after {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 32px;
  top: 20px;
  background-color: var(--mdc-theme-error);
  border-radius: 50%;
  content: "";
  z-index: 20;
}
.mdc-drawer-app-content {
  height: 100%;
}

.hs-list-item-actions {
  padding-left: 72px;
  padding-bottom: 16px;
}

.hs-flex-form-field-wrapper {
  display: flex;
}

.hs-flex-form-field-wrapper .form-field {
  flex-grow: 1;
}

#svg-host {
  width: 100%;
  height: auto;
}

#svg-host svg {
  width: 100%;
  height: auto;
}

.hs-form__overflow-menu {
  display: none;
}
.hs-form__overflow-items {
  display: block;
}

@media (max-width: 850px) {
  .hs-form__overflow-menu {
    display: block;
  }
  .hs-form__overflow-items {
    display: none;
  }
}

.hs-form__bottom__info-line {
  padding-top: 19px;
}

.svg-form-element {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  display: block;
  background-color: #e5e5e5;
  border-style: hidden;
}

.svg-form-element:focus {
  border-color: var(--mdc-theme-primary);
  border-style: solid;
  border-width: 2px;
  outline: none;
}

.svg-form-element[type="button"] {
  background-color: orange;
  border-radius: 4px;
  border-style: outset;
}

.hs-forms-list__button {
  margin-left: 5px;
}

.rich-text-container {
  font-family: 'Liberation Sans', helvetica, arial, sans-serif;
  font-size: 12pt;
  color: #000;
}
.inline-rich-text-container {
  padding: 3px;
  border: 1px solid var(--mdc-theme-on-surface);
  border-radius: 3px;
}
.inline-rich-text-container:focus,
.inline-rich-text-container:hover {
  border-width: 2px;
  border-color: var(--mdc-theme-primary);
}

.inline-rich-text {
  font-family: 'Liberation Sans', helvetica, arial, sans-serif;
  font-size: 10pt;
  height: 100%;
  overflow-y: auto;
  outline: none;
}

.inline-rich-text *:first-child {
  margin-top: 0px;
}

.inline-rich-text *:last-child {
  margin-bottom: 0px;
}

.inline-rich-text--overflow {
  border: var(--mdc-theme-error);
  border-style: solid;
}
.rich-text-error {
  margin: 8px;
  margin-left: 16px;
}

.meta-year {
  font-size: 16px;
}

.text-field-static {
  height: 56px;
  line-height: 56px;
  padding-left: 16px;
  padding-right: 16px;
}

.mdc-deprecated-list-item__meta .meta-text {
  font-size: 16px;
  white-space: nowrap;
}
.building-card__status .paid-cash {
  color: var(--mdc-theme-primary);
}
.building-card__status .payment-matched {
  color: var(--mdc-theme-primary);
}
.building-card__status .payment-matched--manual {
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__status .payment-open {
  color: var(--mdc-theme-text-secondary-on-light);
}
.building-card__status .payment-wont-match {
  color: var(--mdc-theme-text-secondary-on-light);
}
.pricing-item--paid .mdc-deprecated-list-item__meta .meta-text {
  color: var(--mdc-theme-primary);
}
.pricing-item--open .mdc-deprecated-list-item__meta .meta-text {
  color: var(--mdc-theme-secondary);
}
.pricing-item--other-year .mdc-deprecated-list-item__meta .meta-text {
  color: var(--mdc-theme-secondary);
}
.mdc-deprecated-list-item__meta .mdc-menu-surface--anchor .mdc-icon-button {
  margin-right: -12px;
}

.organizer {
  display: flex;
  flex-direction: column;
}
.with-bottom-nav .organizer {
  height: calc(100vh - 64px - 48px - 49px);
}
.without-bottom-nav .organizer {
  height: calc(100vh - 64px - 48px);
}
@media (max-width: 599px) {
  .with-bottom-nav .organizer {
    height: calc(100vh - 56px - 48px - 49px);
  }
  .without-bottom-nav .organizer {
    height: calc(100vh - 56px - 48px);
  }
}
.organizer .organizer__header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.organizer .organizer__header__list-item-wrapper {
  display: flex;
  align-items: center;
}
.organizer .organizer__header__list-item-wrapper .mdc-deprecated-list-item {
  padding: 0;
  flex-grow: 1;
}
.organizer .organizer__header__list-item-wrapper .organizer__header__list-item-wrapper__button {
  color: var(--mdc-theme-text-icon-on-background);
}
.organizer .organizer-form {
  padding-top: 16px;
}
.organizer .organizer-form .form-field {
  padding-right: 0px;
}
.organizer .organizer-form .form-button {
  color: var(--mdc-theme-text-icon-on-background);
}
.organizer .organizer-form .mdc-deprecated-list {
  padding-top: 0px;
  padding-bottom: 0px;
}
.organizer .organizer__list {
  overflow: auto;
}
.organizer .organizer__list .mdc-deprecated-list-item__meta {
  text-align: right;
}
.organizer .organizer__list .mdc-deprecated-list-item--disabled .inspection.inspection--planned,
.organizer .organizer__list .mdc-deprecated-list-item--disabled .activity.activity--not-completed {
  background-color: var(--mdc-theme-on-primary);
  color: var(--mdc-theme-text-disabled-on-background);
  border-color: var(--mdc-theme-text-disabled-on-background);
}

.fs-34 {
  font-size: 34px;
}

#filter-progress {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mdc-theme-surface);
}
#filter-progress #filter-progress-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#hs-bottom-nav .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: var(--background-nav);
}

.maybe-formlet.maybe-formlet--selected {
  border-top: 1px solid var(--mdc-theme-error);
  border-bottom: 1px solid var(--mdc-theme-error);
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mdc-theme-primary);
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mdc-theme-primary);
}

.activity-history-list .mdc-deprecated-list-item__meta .inspection {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.validation-item--error,
.validation-item--error .mdc-deprecated-list-item__graphic,
.validation-item--error .mdc-deprecated-list-item__secondary-text,
.validation-item--error .mdc-deprecated-list-item__meta
{
  color: var(--mdc-theme-error);
}
.validation-item--warning,
.validation-item--warning .mdc-deprecated-list-item__graphic,
.validation-item--warning .mdc-deprecated-list-item__secondary-text,
.validation-item--warning .mdc-deprecated-list-item__meta
{
  color: var(--mdc-theme-secondary);
}
.validation-item--info,
.validation-item--info .mdc-deprecated-list-item__graphic,
.validation-item--info .mdc-deprecated-list-item__secondary-text,
.validation-item--info .mdc-deprecated-list-item__meta
{
  color: var(--mdc-theme-primary);
}

#zoom-select .mdc-select__anchor {
  width: 162px;
}

.notice {
  padding: 16px 16px 16px 70px;
}
.notice-error {
  color: var(--mdc-theme-error);
}

.print-area__svg {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.mdc-card {
  border-radius: 0;
}
.hs-detail-button-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  gap: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 72px;
  padding-right: 16px;
}

.no-padding--top {
  padding-top: 0px;
}
.no-padding--bottom {
  padding-bottom: 0px;
}
.no-padding--left {
  padding-left: 0px;
}
.no-padding--right {
  padding-right: 0px;
}

.hs-settings-user__image {
  width: 90%;
  max-width: 256px;
}
.image-preview {
  max-width: 100%;
  margin-left: 48px;
  background-color: #fff;
}

.image-photo-challenge {
  margin-left: 56px;
}

.diff-added {
  color: #388e3c;
}
.diff-removed {
  color: #d32f2f;
  text-decoration: line-through;
}
.diff-changed {
  color: orange;
}
.diff-unchanged {
}

.tox-tinymce {
  z-index: 7;
}


.inspection-print__item {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  break-inside: avoid;
}
.inspection-print__item__address {
  flex: 1 1 64px;
}
.inspection-print__item__address__main {
}
.inspection-print__item__address__sub {
}
.inspection-print__item__general-info {
  display: flex;
  flex-direction: row;
}
.inspection-print__item__info {
  margin-top: 16px;
}
.inspection-print__item__info__note {
}
.inspection-print__item__info__note__line {
}
.inspection-print__item__row {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.inspection-print__item__row__col1 {
  flex: 0 0 128px;
}
.inspection-print__item__row__col2 {
  flex: 1 1 128px;
}
.inspection-print__item__row__col2__key {
}
.inspection-print__item__row__col2__state {
}
.inspection-print__item__row__col2__unit-info {
}
.inspection-print__item__row__col2__unit-info__activities {
  padding-left: 8px;
}
.inspection-print__item__row__col2__unit-info__name {
}
.inspection-print__item__row__col3 {
  flex: 1 1 128px;
}
.inspection-print__item__inspections {
}

.defect-item--notice {
  color: var(--mdc-theme-primary);
}
.defect-item--notice .mdc-deprecated-list-item__text,
.defect-item--notice .mdc-deprecated-list-item__primary-text,
.defect-item--notice .mdc-deprecated-list-item__graphic
{
  color: var(--mdc-theme-primary);
}
.defect-item--notice .mdc-deprecated-list-item__secondary-text
{
  color: var(--mdc-theme-primary);
}
.defect-item--warning {
  color: var(--mdc-theme-secondary);
}
.defect-item--warning .mdc-deprecated-list-item__text,
.defect-item--warning .mdc-deprecated-list-item__primary-text,
.defect-item--warning .mdc-deprecated-list-item__graphic
{
  color: var(--mdc-theme-secondary);
}
.defect-item--warning .mdc-deprecated-list-item__secondary-text
{
  color: var(--mdc-theme-secondary);
}
.defect-item--error {
  color: var(--mdc-theme-error);
}
.defect-item--error .mdc-deprecated-list-item__text,
.defect-item--error .mdc-deprecated-list-item__primary-text,
.defect-item--error .mdc-deprecated-list-item__graphic
{
  color: var(--mdc-theme-error);
}
.defect-item--error .mdc-deprecated-list-item__secondary-text
{
  color: var(--mdc-theme-error);
}

.defect-switch {
  --mdc-switch-unselected-focus-handle-color: var(--mdc-theme-error);
  --mdc-switch-unselected-pressed-handle-color: var(--mdc-theme-error);
  --mdc-switch-unselected-hover-handle-color: var(--mdc-theme-error);
  --mdc-switch-unselected-handle-color: var(--mdc-theme-error);
  --mdc-switch-unselected-focus-state-layer-color: var(--mdc-theme-error);
  --mdc-switch-unselected-pressed-state-layer-color: var(--mdc-theme-error);
  --mdc-switch-unselected-hover-state-layer-color: var(--mdc-theme-error);
}

.findable-defect-switch {
  --mdc-switch-selected-focus-handle-color: var(--mdc-theme-error);
  --mdc-switch-selected-pressed-handle-color: var(--mdc-theme-error);
  --mdc-switch-selected-hover-handle-color: var(--mdc-theme-error);
  --mdc-switch-selected-handle-color: var(--mdc-theme-error);
  --mdc-switch-selected-focus-state-layer-color: var(--mdc-theme-error);
  --mdc-switch-selected-pressed-state-layer-color: var(--mdc-theme-error);
  --mdc-switch-selected-hover-state-layer-color: var(--mdc-theme-error);
  --mdc-switch-selected-focus-track-color: var(--mdc-switch-unselected-focus-track-color, #e0e0e0);
  --mdc-switch-selected-pressed-track-color: var(--mdc-switch-unselected-pressed-track-color, #e0e0e0);
  --mdc-switch-selected-hover-track-color: var(--mdc-switch-unselected-hover-track-color, #e0e0e0);
  --mdc-switch-selected-track-color: var(--mdc-switch-unselected-track-color, #e0e0e0);
}

.milestone-repr-list-item {
  padding-left: 72px;
  padding-right: 16px;
}
.milestone-repr-list-item-placeholder {
  padding-bottom: 4px;
}
.milestone-repr-list-item-placeholder__inner {
  padding-left: 4px;
  padding-right: 4px;
  background-color: gray;
  opacity: 20%;
}
.milestone-repr {
  font-family: 'Liberation Sans', helvetica, arial, sans-serif;
  display: flex;
  flex-direction: row;
  padding-left: 8px;
}
.milestone-repr--negated {
}
.milestone-repr__left {
  font-family: 'Liberation Sans', helvetica, arial, sans-serif;
  display: flex;
  flex-direction: row;
  padding-top: 14px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #fc3d3d;
}
.milestone-repr__center {
  font-family: 'Liberation Sans', helvetica, arial, sans-serif;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}
.milestone-repr__center__header {
  padding-right: 4px;
  display: flex;
}
.milestone-repr__center__header__description {
  line-height: 48px;
  margin-right: auto;
}
.milestone-repr__center__header__action-icon {
}
.milestone-repr__children {
  min-height: 48px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.milestone-repr__children > .milestone-repr {
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px gray solid;
  border-radius: 8px;
}
.milestone-repr__children > .milestone-repr:first-child {
  margin-top: 4px;
  margin-bottom: 8px;
}
.milestone-repr__children > .milestone-repr:last-child {
  margin-top: 8px;
  margin-bottom: 4px;
}
.milestone-repr__actions {
  display: flex;
  align-items: center;
  background-color: rgb(230, 230, 230);
}
.milestone-repr__select {
  width: 110px;
}
.milestone-repr__block {
  line-height: 18px;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
}

div.ellipsed-line {
  display: flex;
}
span.ellipsed-line {
  display: inline-flex;
  width: 100%;
}
.ellipsed-line .ellipsed-line__leading {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}
.ellipsed-line .ellipsed-line__focus {
  flex-shrink: 0;
}
.ellipsed-line .ellipsed-line__trailing {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 1em;
  flex-shrink: 100000;
}


#signature-control {
  position: relative;
}
.signature-baseline {
  width: 85%;
  height: 1px;
  background-color: var(--mdc-theme-text-hint-on-background);
  position: absolute;
  top: 66%;
  left: 5%;
}
.signature-canvas {
  width: 95%;
  border: 1px solid var(--mdc-theme-on-surface);
  background-color: #fff;
}
.signature-button-row {
  margin-left: 16px;
  margin-right: 16px;
  flex-direction: row;
  display: flex;
}
.signature-preview .image-preview {
  margin-left: 72px;
  border: 1px solid var(--mdc-theme-on-surface);
  max-width: 256px;
}

.hs-card-action--icon {
  min-width: auto;
  padding: 13px;
  margin: -6px 0;
}

.health-center__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.health-center__header--health-good {
  color: green;
}
.health-center__header--health-ok {
  color: orange;
}
.health-center__header--health-bad {
  color: var(--mdc-theme-error);
}
.health-center__header .material-icons {
  font-size: 96px;
}
.health-center__flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.health-center__flex-max-item {
  flex: 1 1 auto;
}
.health-center__problem-table .mdc-data-table {
  width: 100%;
}
.repair-job-list {
  display: contents;
}
.repair-job-list__status-icon {
  margin-right: 16px;
}
.repair-item-wrapper,
.history-item-wrapper,
.notes-item-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notes-item-wrapper .mdc-deprecated-list-item,
.history-item-wrapper .mdc-deprecated-list-item,
.repair-item-wrapper .mdc-deprecated-list-item {
  flex: 1 1 auto;
}
.notes-item-wrapper__index,
.history-item-wrapper__index,
.repair-item-wrapper__index {
  min-width: 20px;
  text-align: end;
}
.repair-icon-button {
  color: var(--mdc-theme-text-hint-on-background);
}
.job-status--completed {
  color: rgb(0, 180, 0);
}
.job-status--failed {
  color: rgb(180, 0, 0);
}
.repair-status--done {
  color: rgb(0, 180, 0);
}
.repair-status--failed {
  color: rgb(180, 0, 0);
}

.chip-list {
  display: flex;
  margin-top: 2px;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
.chip {
  color: var(--mdc-theme-on-primary);
  background-color: var(--mdc-theme-primary);
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  cursor: pointer;
}

.text-block .mdc-deprecated-list-item__graphic {
  margin-right: 8px;
}
.text-block--nested-2 {
  padding-left: 32px;
}
.text-block--nested-3 {
  padding-left: 64px;
}
.text-block--nested-4 {
  padding-left: 96px;
}
.text-block--nested-5 {
  padding-left: 128px;
}

.tr-svg {
  margin-left: 88px;
  max-width: 280px;
}

.dc-svg {
  margin-top: 20px;
  margin-left: 75px;
  max-width: 280px;
}

.dc-details {
  display: flex;
  div.dc-details-left {
    width: 180px;
  }
}

.wizard-progress__text {
  text-align: center;
}

.mdc-dialog__surface:has(.mdc-select) {
  overflow: visible;
}

.mdc-dialog__content:has(.mdc-select) {
  overflow: visible;
}

.dashboard {
}

.dashboard .mdc-deprecated-list {
  padding: 0;
}

.dashboard-card {
  padding: 16px;
}

.dashboard-card .mdc-card-wrapper__text-section {
  color: var(--mdc-theme-text-primary-on-background);
}

.dashboard-card .dashboard-number {
  color: var(--mdc-theme-text-primary-on-background);
}

.dashboard .dashboard-urgent .mdc-card-wrapper__text-section {
  color: var(--mdc-theme-on-error);
}

.dashboard .dashboard-urgent .dashboard-number {
  color: var(--mdc-theme-on-error);
}

.dashboard .mdc-card .dashboard-urgent {
  background-color: var(--mdc-theme-error);
}

.mdc-dialog__content .form .form-field .form-field__control:first-child {
  margin-left: 0px;
}

.form-field:has(.action-header) {
    padding-bottom: 0px;
}

.layout-form {
    position: relative;
    z-index: 100;
}

.ticket-form {
    position: relative;
    z-index: 100;
}
.ticket-form .form-page .form .mdc-deprecated-list-item__graphic {
  display: none;
}
.ticket-form .form-page .form .mdc-deprecated-list-item__text {
  margin-left: 16px;
}
.ticket-form .form-page .form .form-field .form-field__control:first-child {
  margin-left: 0px;
}

.mdc-menu .mdc-deprecated-list-item {
  height: 48px;
}
.mdc-menu .mdc-deprecated-list-item__text {
  align-self: center;
}

.hs-statistic-table {
  margin-left: 72px;
}
.hs-statistic-table__data-cell .mdc-deprecated-list-item {
  padding: 0;
}
.hs-statistic__item .mdc-deprecated-list-item__text {
  width: 100%;
}
.hs-statistic__item .mdc-deprecated-list-item__secondary-text {
  width: 100%;
  margin-top: -35px;
}
.hs-statistic__item__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hs-statistic__item__row__left {
}
.hs-statistic__item__row__right {
  text-align: right;
}
.vert-buffer--52 {
  display: block;
  width: 100%;
  height: 52px;
}

li.mdc-deprecated-list-divider + li.mdc-deprecated-list-divider {
  display: none;
}

hr.mdc-deprecated-list-divider + hr.mdc-deprecated-list-divider {
  display: none;
}

.filter__subform {
  height: 0;
  overflow-y: scroll;
  transition: height 0.2s ease-in;
}

/* vim: set sw=2 et: */