/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/sass/ol.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************/
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid blue;
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: rgba(0,60,136,0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: #000000;
  float: right;
  z-index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 12px;
  z-index: 11;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-text {
  position: absolute;
  font-size: 14px;
  text-align: center;
  bottom: 25px;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid black;
}

.ol-unsupported {
  display: none;
}
.ol-viewport, .ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: grabbing;
}
.ol-grab {
  cursor: move;
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: rgba(255,255,255,0.4);
  border-radius: 4px;
  padding: 2px;
}
.ol-control:hover {
  background-color: rgba(255,255,255,0.6);
}
.ol-zoom {
  top: .5em;
  left: .5em;
}
.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}
.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: rgba(0,60,136,0.5);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: rgba(0,60,136,0.7);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}


.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
}

.ol-attribution ul {
  margin: 0;
  padding: 0 .5em;
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution ul, .ol-attribution button {
  display: inline-block;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: inline-block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button{
  bottom: 1px;
  left: 2px;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255,255,255,0.8);
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0,60,136,0.7);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/sass/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* App */
:root {
  --mat-toolbar-container-background-color: var(--mat-sys-background);
  --mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-outlined-focus-outline-width: 1px;
  --mat-fab-container-color: var(--mat-sys-primary);
  --mat-fab-foreground-color: var(--mat-sys-on-primary);
  --mat-fab-small-container-color: var(--mat-sys-primary);
  --mat-fab-small-foreground-color: var(--mat-sys-on-primary);
  --mat-button-toggle-selected-state-background-color: var(--mat-sys-primary);
  --mat-button-toggle-selected-state-text-color: var(--mat-sys-on-primary);
  --mat-progress-bar-track-color: transparent;
}

/* components */
.breadcrumb {
  --mat-toolbar-container-text-color: var(--mat-sys-on-secondary-container);
  --mat-button-text-label-text-color: var(--mat-sys-on-secondary-container);
}

/* generic class */
.primary {
  --mat-toolbar-container-background-color: var(--mat-sys-primary);
  --mat-toolbar-container-text-color: var(--mat-sys-on-primary);
  --mat-icon-color: var(--mat-sys-on-primary);
}

.warn {
  --mat-button-filled-container-color: var(--mat-sys-error);
}

/* dark theme */
.dam-dark-theme {
  --mat-toolbar-container-background-color: var(--mat-sys-secondary);
  --mat-toolbar-container-text-color: var(--mat-sys-on-secondary);
  --mat-sidenav-container-background-color: var(--mat-sys-secondary-container);
  --mat-sidenav-container-text-color: var(--mat-sys-on-secondary-container);
  --mat-sidenav-container-shape: 0px;
  --mat-list-list-item-supporting-text-color: var(--mat-sys-on-secondary);
  --mat-list-list-item-hover-state-layer-color: var(--mat-sys-secondary);
  --mat-list-list-item-leading-icon-color: var(--mat-sys-on-secondary);
  --mat-list-list-item-hover-state-layer-opacity: 0;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-secondary);
  --mat-list-list-item-leading-icon-start-space: 20px;
  --mat-list-list-item-leading-icon-end-space: 20px;
}
.dam-dark-theme .mat-mdc-list-item:hover:not(:has(.mat-mdc-list-item:hover)) {
  --mat-list-list-item-container-color: var(--mat-sys-secondary);
}
.dam-dark-theme .active {
  --mat-list-list-item-container-color: var(--mat-sys-primary);
}
.dam-dark-theme {
  --mat-icon-color: var(--mat-sys-on-secondary);
  --mat-expansion-container-background-color: var(--mat-sys-secondary-container);
  --mat-expansion-container-text-color: var(--mat-sys-on-secondary);
  --mat-expansion-header-text-color: var(--mat-sys-on-secondary);
}

html {
  color-scheme: light;
  --mat-sys-background: #f5f5f5;
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f0f2e9, #2e312c);
  --mat-sys-inverse-primary: var(--dam-primary-color-light, #afd1aa);
  --mat-sys-inverse-surface: var(--dark-background, #2D323E);
  --mat-sys-on-background: #212121;
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: #fff;
  --mat-sys-on-primary-container: var(--dam-primary-color-dark, #557F4B);
  --mat-sys-on-primary-fixed: var(--dam-primary-color-dark, #557F4B);
  --mat-sys-on-primary-fixed-variant: var(--dam-primary-color-dark, #557F4B);
  --mat-sys-on-secondary: #fff;
  --mat-sys-on-secondary-container: #8E99A7;
  --mat-sys-on-secondary-fixed: light-dark(#042108, #042108);
  --mat-sys-on-secondary-fixed-variant: light-dark(#304e30, #304e30);
  --mat-sys-on-surface: #212121;
  --mat-sys-on-surface-variant: #727880;
  --mat-sys-on-tertiary: light-dark(#ffffff, #033905);
  --mat-sys-on-tertiary-container: light-dark(#1e511b, #7cb371);
  --mat-sys-on-tertiary-fixed: light-dark(#002201, #002201);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#1e511b, #1e511b);
  --mat-sys-outline: #CAD0D9;
  --mat-sys-outline-variant: #c4c8bc;
  --mat-sys-primary: var(--dam-primary-color, #7cb371);
  --mat-sys-primary-container: var(--dam-primary-color-light, #afd1aa);
  --mat-sys-primary-fixed: var(--dam-primary-color-light, #afd1aa);
  --mat-sys-primary-fixed-dim: var(--dam-primary-color-light, #afd1aa);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: var(--darker-background, #1F2128);
  --mat-sys-secondary-container: var(--dark-background, #2D323E);
  --mat-sys-secondary-fixed: light-dark(#c9ecc3, #c9ecc3);
  --mat-sys-secondary-fixed-dim: light-dark(#aed0a9, #aed0a9);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-bright: light-dark(#f5f7fa, #373a35);
  --mat-sys-surface-container: #ffffff;
  --mat-sys-surface-container-high: light-dark(#e7e9e1, #282b26);
  --mat-sys-surface-container-highest: light-dark(#e1e3db, #323630);
  --mat-sys-surface-container-low: light-dark(#f2f4ec, #191c18);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);
  --mat-sys-surface-dim: light-dark(#d9dbd3, #111410);
  --mat-sys-surface-tint: var(--dam-primary-color, #7cb371);
  --mat-sys-surface-variant: light-dark(#f5f5f5, #42493e);
  --mat-sys-tertiary: light-dark(#7cb371, #9cd58f);
  --mat-sys-tertiary-container: light-dark(#7cb371, #1e511b);
  --mat-sys-tertiary-fixed: light-dark(#7cb371, #7cb371);
  --mat-sys-tertiary-fixed-dim: light-dark(#9cd58f, #9cd58f);
  --mat-sys-neutral-variant20: var(--darker-background, #1F2128);
  --mat-sys-neutral10: #191c18;
  --mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-large-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-medium-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-small-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-large-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-medium-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-small-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-large-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-medium-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-small-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-large-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-medium-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-small-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-large-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-medium-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-small-font: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-state-layer-size: 32px;
  --mat-chip-container-height: 24px;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: none;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-container-height: 32px;
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-protected-touch-target-display: none;
  --mat-button-protected-container-height: 32px;
  --mat-button-text-touch-target-display: none;
  --mat-button-text-container-height: 32px;
  --mat-button-tonal-container-height: 32px;
  --mat-button-tonal-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-icon-button-state-layer-size: 32px;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-list-list-item-one-line-container-height: 40px;
  --mat-list-list-item-two-line-container-height: 56px;
  --mat-list-list-item-three-line-container-height: 80px;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-radio-state-layer-size: 32px;
  --mat-tab-container-height: 40px;
  --mat-select-arrow-transform: none;
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.dam-dark-theme {
  color-scheme: dark;
}
.dam-dark-theme.login-page-background {
  color: var(--mat-sys-on-secondary);
  background-image: url('login-bg.jpg');
  background-size: cover;
  font-weight: 300;
}
.dam-dark-theme.login-page-background h1, .dam-dark-theme.login-page-background h3 {
  font-weight: 400;
  margin: 0;
}

app-root {
  display: flex;
  flex: 1;
  overflow: hidden;
}
app-root app-sidebar mat-expansion-panel .mat-expansion-panel-body {
  padding: 0;
}

mat-card {
  overflow: hidden;
}

.mat-mdc-button-base {
  text-transform: uppercase;
}

app-home-overview-expansion-panel mat-expansion-panel .mat-expansion-panel-content {
  overflow: hidden;
}
app-home-overview-expansion-panel mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.mat-mdc-table .mat-mdc-row:nth-child(even) {
  background-color: var(--mat-sys-on-primary);
}
.mat-mdc-table .mat-mdc-row:nth-child(odd) {
  background-color: #f5f7fa;
}
.mat-mdc-table .mat-mdc-row:hover {
  background-color: var(--mat-sys-outline) !important;
}

.mat-drawer-inner-container {
  flex-direction: inherit;
}

/*.mat-mdc-selection-list {
  &.mat-mdc-list-base[dense], &.mat-mdc-list-base {
    .mat-mdc-subheader {
      font-size: 14px;
    }

    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
    .mat-list-option {
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
      &.mat-list-option {
        !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
        !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
        !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
        !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
        .mat-list-item-content, .mat-list-item-content-reverse {
          !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
          !* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*!
          .mat-list-text {
            padding-left: 16px;
          }
        }
      }
    }
  }
}*/
.mat-mdc-tooltip {
  white-space: pre-line;
}
.mat-mdc-tooltip.information {
  font-size: 14px;
}

/*.mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-icon-button, .mat-mdc-outlined-button, .mat-mdc-unelevated-button, .mat-mdc-fab, .mat-mdc-mini-fab {
  font-weight: 700;
}*/
.cdk-overlay-container {
  z-index: 1100;
}

.sidebar-tooltip {
  font-size: 14px;
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
mat-progress-bar {
  position: absolute !important;
  z-index: 499;
  left: 0;
  top: 0;
}

.mat-mdc-mini-fab.embedded-button {
  position: absolute;
  float: right;
  z-index: 500;
}
.mat-mdc-mini-fab.embedded-button.table-button {
  right: -20px;
  top: -23px;
}
.mat-mdc-mini-fab.embedded-button.tab-button {
  right: 2px;
  top: 47px;
}
.mat-mdc-mini-fab.embedded-button.table-in-tab-button {
  right: -20px;
  top: -21px;
}

.mat-mdc-form-field-hint {
  font-size: 0.9em;
}

mat-sidenav-content > :last-child {
  overflow: hidden;
  position: relative;
  font-size: small;
  display: flex;
  flex-direction: column;
  flex: 1;
}
mat-sidenav-content > :last-child > mat-progress-bar {
  top: 0;
  left: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
mat-card.flex-content-last-child {
  overflow: hidden;
  /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
}
mat-card.flex-content-last-child mat-card-content {
  overflow: hidden;
}
mat-card.flex-content-last-child mat-card-content > :last-child {
  overflow: hidden;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  justify-content: stretch;
}

.mat-mdc-tab-group.history .mat-mdc-tab-labels .mat-mdc-tab:last-child {
  margin-left: auto;
}

.mat-mdc-tab-nav-bar.history .mat-mdc-tab-links a:last-child {
  margin-left: auto;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab-group.mat-tab-group-flex {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
}
.mat-mdc-tab-group.mat-tab-group-flex .mat-tab-body-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
  overflow: initial;
}
.mat-mdc-tab-group.mat-tab-group-flex .mat-tab-body-wrapper .mat-mdc-tab-body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: initial;
}
.mat-mdc-tab-group.mat-tab-group-flex .mat-tab-body-wrapper .mat-mdc-tab-body > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
  overflow: initial;
}

/* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version.*/
.mat-dialog-flex {
  display: flex;
}
.mat-dialog-flex .mat-mdc-dialog-container {
  display: flex;
}
.mat-dialog-flex .mat-mdc-dialog-container > :first-child {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.mat-dialog-flex.survey-dialog .mat-mdc-dialog-container {
  padding: 24px 20px;
}

.mat-drawer-flex mat-drawer > div {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.mat-drawer-flex .mat-drawer-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mat-expansion-panel-without-overflow .mat-expansion-panel-content {
  overflow: hidden !important;
}
.mat-expansion-panel-without-overflow .mat-expansion-panel-content .mat-expansion-panel-body {
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.width100 {
  width: 100%;
}

.flex {
  display: flex !important;
  flex: 1;
}

.flex-display {
  display: flex !important;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.row-gap5px {
  row-gap: 5px;
}

.row-gap10px {
  row-gap: 10px;
}

.row-gap20px {
  row-gap: 20px;
}

.column-gap5px {
  column-gap: 5px;
}

.column-gap10px {
  column-gap: 10px;
}

.column-gap15px {
  column-gap: 15px;
}

.column-gap20px {
  column-gap: 20px;
}

.flex-shrink {
  flex-shrink: 1 !important;
}

.flex-grow {
  flex-grow: 1;
}

.flex-no-grow {
  flex-grow: 0;
}

.flex-shrink {
  flex-shrink: 1 !important;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-space-around {
  justify-content: space-around;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-baseline {
  align-items: baseline;
}

.align-self-center {
  align-self: center;
}

.border-box {
  box-sizing: border-box;
}

.flex-grid {
  display: grid;
  grid-gap: 20px;
}

html, body {
  height: 100vh;
  width: 100vw;
  display: flex;
}

body {
  margin: 0;
  font-family: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content-page {
  padding: 25px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(180, 180, 180, 0.42);
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  cursor: ns-resize;
  box-shadow: inset 0 0 1px grey;
  border-radius: 3px;
}

.ui-highlight, .font-bold {
  font-weight: bold;
}

.hidden {
  display: none !important;
}

.overflow-hidden {
  overflow: hidden;
}

.no-overflow {
  min-height: 0;
  min-width: 0;
}

.no-overflow-x {
  overflow-x: hidden;
}

.no-overflow-y {
  overflow-y: hidden;
}

.text-decoration-none {
  text-decoration: none;
}

.color-inherit {
  color: inherit;
}

.underline {
  text-decoration: underline;
}

.small-line-height {
  line-height: 20px !important;
}

.small-button {
  font-size: 10px;
  line-height: 20px !important;
  height: 24px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-help {
  cursor: help;
}

.cursor-wait {
  cursor: wait;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.text-center {
  text-align: center !important;
}

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

.position-relative {
  position: relative;
}

.input-color-picker {
  font-size: 0;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.input-color-picker:focus {
  border: none;
  outline: none;
}

.divider-container {
  padding: 20px;
}

.left-column {
  background: var(--mat-sys-background);
}

fieldset {
  padding: 1.25em;
  border: 1px solid #8E99A7;
  border-radius: 5px;
}

.selected-img {
  background-color: #ffffff;
  background-size: 10px 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 50%, transparent 50%, transparent), linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 50%, transparent 50%, transparent), linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, #ffffff 50%, transparent 50%, transparent), linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.5) 50%), none;
  background-repeat: repeat;
}

div.success, span.success, p.success, .mat-icon.success {
  color: #557f4b;
}
div.warning, span.warning, p.warning, .mat-icon.warning {
  color: #ff9000;
}
div.error, span.error, p.error, .mat-icon.error {
  color: #a94442;
}

.js-editor .jse-added {
  background-color: #acee61;
}
.js-editor .jse-removed {
  background-color: pink;
}
.js-editor .jse-updated > .jse-header-outer > .jse-header > .jse-identifier,
.js-editor .jse-updated > .jse-contents-outer > .jse-contents > .jse-identifier {
  background-color: cornflowerblue;
}
.overflow-auto {
  overflow: auto;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.spinner:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #e0e0e0;
  animation: spinner 0.8s linear infinite;
}

.ol-control.ol-clear {
  top: 280px;
  left: 0.5em;
}

.margin-top40px {
  margin-top: 40px;
}

.margin-left20 {
  margin-left: 20%;
}

.padding-side10px {
  padding-left: 10px;
  padding-right: 10px;
}

.margin-bottom0 {
  margin-bottom: 0 !important;
}

/*# sourceMappingURL=styles.css.map*/