@charset "UTF-8";
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

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

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  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-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
  overflow: hidden;
}

.ol-viewport {
  touch-action: pan-x pan-y;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: 0.5em;
  left: 0.5em;
}

.ol-rotate {
  top: 0.5em;
  right: 0.5em;
  transition: opacity 0.25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, visibility 0s linear 0.25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: 0.5em;
}

.ol-full-screen {
  right: 0.5em;
  top: 0.5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: 0.4em;
  background-color: var(--ol-background-color);
  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;
  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;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.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: 0.5em;
  right: 0.5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px 0.5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.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 button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -0.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: 0.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: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

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

.ol-overviewmap .ol-viewport:hover {
  cursor: pointer;
}

html:has(div.hs-layout.hsl.hs-mobile-view) {
  font-size: var(--hs-mobile-view-font-size-base, 140%);
}

/*Import parts of the bootstrap outside hsl class to allow :root*/
.hsl,
.hsl::before,
.hsl::after,
.hsl * .hsl *::before,
.hsl *::after {
  all: revert;
}

.hsl {
  container-type: inline-size;
  container-name: hslayers-element;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-400 {
  width: 400px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-425 {
  width: 425px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-450 {
  width: 450px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-475 {
  width: 475px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-500 {
  width: 500px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-525 {
  width: 525px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-550 {
  width: 550px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-575 {
  width: 575px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-600 {
  width: 600px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-625 {
  width: 625px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-650 {
  width: 650px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-675 {
  width: 675px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-700 {
  width: 700px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-725 {
  width: 725px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-750 {
  width: 750px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-775 {
  width: 775px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-800 {
  width: 800px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-825 {
  width: 825px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-850 {
  width: 850px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-875 {
  width: 875px;
}
.hsl:not(.hs-mobile-view) .hs-panelspace *.hs-panelplace > * > .hs-panel-width-900 {
  width: 900px;
}
.hsl hs-panel-container.hs-panelplace > * > div[class*=hs-panel-width-] {
  max-width: 65rem;
  margin: auto;
}
.hsl .form-control:not(.form-control-sm):not(.form-control-lg) {
  font-size: 1rem;
}
.hsl .btn-primary:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-primary:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-primary.active:not(.bg-transparent), .hsl .btn-primary:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-primary.disabled:not(.bg-transparent), .hsl .btn-primary:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-secondary:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-secondary:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-secondary.active:not(.bg-transparent), .hsl .btn-secondary:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-secondary.disabled:not(.bg-transparent), .hsl .btn-secondary:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-success:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-success:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-success.active:not(.bg-transparent), .hsl .btn-success:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-success.disabled:not(.bg-transparent), .hsl .btn-success:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-info:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-info:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-info.active:not(.bg-transparent), .hsl .btn-info:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-info.disabled:not(.bg-transparent), .hsl .btn-info:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-warning:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-warning:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-warning.active:not(.bg-transparent), .hsl .btn-warning:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-warning.disabled:not(.bg-transparent), .hsl .btn-warning:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-danger:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-danger:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-danger.active:not(.bg-transparent), .hsl .btn-danger:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-danger.disabled:not(.bg-transparent), .hsl .btn-danger:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-light:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-light:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-light.active:not(.bg-transparent), .hsl .btn-light:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-light.disabled:not(.bg-transparent), .hsl .btn-light:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .btn-dark:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
  color: var(--bs-btn-active-color) !important;
}
.hsl .btn-dark:hover:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !important;
}
.hsl .btn-dark.active:not(.bg-transparent), .hsl .btn-dark:active:not(.bg-transparent) {
  color: var(--bs-btn-active-color) !important;
  background-color: var(--bs-btn-active-bg) !important;
  border-color: var(--bs-btn-active-border-color) !important;
}
.hsl .btn-dark.disabled:not(.bg-transparent), .hsl .btn-dark:disabled:not(.bg-transparent) {
  background-color: var(--bs-btn-disabled-bg) !important;
}
.hsl .hs-comp-item-body a.btn:hover,
.hsl .hs-catalogue-item-body a.btn:hover,
.hsl .hs-catalogue-item-body button.btn:hover {
  box-shadow: rgba(0, 0, 0, 0.2392156863) 0px 3px 8px;
}
.hsl .card {
  box-shadow: none;
}
.hsl .alert {
  width: auto;
}
.hsl .alert-status {
  color: #6c757d;
}
.hsl .form-group {
  margin-bottom: 1rem;
}
.hsl .navbar-expand .nav-item {
  align-items: flex-start;
}
.hsl .basemapGallery .dropdown-menu {
  overflow: visible;
}
.hsl hs-add-data-catalogue .hs-catalogue-list-item-title {
  color: inherit;
  text-decoration: none;
}
.hsl hs-add-data-catalogue hs-catalogue-list-item > div.disabled .hs-catalogue-list-item-title {
  color: #6c757d;
  opacity: 50%;
}
.hsl hs-add-data-catalogue .dropdown-menu {
  max-width: revert;
}
.hsl .list-group-item + .list-group-item {
  border-top-width: 0px;
}
.hsl .hs-url-table tr td {
  display: table-cell;
}
.hsl .hs-url-table .text-light th {
  color: #f8f9fa;
}
.hsl .nav-link[class*=btn-]:hover {
  color: white;
}
.hsl {
  /* app css stylesheet */
}
.hsl .icon-spin {
  -webkit-animation: spin 1500ms infinite linear;
  animation: spin 1500ms infinite linear;
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.hsl .icon-primary {
  color: #0d6efd;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.hsl .hs-wms-expandedRow {
  white-space: break-spaces;
}
.hsl .hs-wms-highlighted {
  cursor: pointer;
}
.hsl .hs-wms-highlighted > span {
  pointer-events: none;
}
.hsl .hs-wms-highlighted:hover {
  background-color: rgba(210, 216, 221, 0.5882352941);
}
.hsl .hs-flex-fill {
  flex: 1 1 auto;
}
.hsl .hs-greyscale {
  filter: grayscale(100%);
}
.hsl .grayed {
  color: #cccccc;
}
.hsl .hs-main-panel {
  border: none;
  margin-bottom: 0;
}
.hsl div.hs-main-panel:not(.hs-stc-mainpanel) > div.card-body {
  padding: 0px;
}
.hsl .hs-map-space {
  min-height: inherit;
  flex: 1 1 auto;
  position: relative;
}
.hsl .hs-map-space > hs-panel-container {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.hsl {
  /* To not disable pointer-events for all hs-panel-containers children too*/
}
.hsl .hs-map-space hs-panel-container > * {
  pointer-events: auto;
}
.hsl .flex-reverse {
  flex-direction: row-reverse;
}
.hsl .fill {
  min-height: 100%;
  height: 100%;
}
.hsl .cursor-pointer {
  cursor: pointer;
}
.hsl .hs-info-container {
  pointer-events: none;
}
.hsl .hs-filter {
  border: 0 !important;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.hsl .hs-save-map-filter {
  border: 0 !important;
  border-radius: 0.25rem !important;
}
.hsl .hs-save-map-users-list {
  overflow-y: auto;
  height: min-content;
  max-height: 50vh;
}
.hsl .hs-save-map-users-list.collapsed {
  max-height: 10rem;
}
.hsl .hs-layerpanel {
  overflow-y: auto;
  border: 0;
  margin-bottom: 0;
  border-bottom: 0;
  word-wrap: break-word;
}
.hsl progress::-webkit-progress-value {
  transition: width 0.1s ease;
}
.hsl .hs-save-comp-advanced-panel {
  margin-top: 10px;
}
.hsl .hs-comp-ext-row {
  margin-left: 0;
  margin-right: 0;
}
.hsl .hs-comp-ext {
  padding-left: 3px;
  padding-right: 3px;
}
.hsl .hs-comp-ext input {
  text-align: center;
  padding: 3px 6px;
}
.hsl .hs-lm-header:first-child,
.hsl .hs-lm-list:first-child,
.hsl .hs-lm-item:first-child,
.hsl .hs-comp-header:first-child,
.hsl .hs-comp-list:first-child,
.hsl .hs-comp-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hsl .hs-lm-list:last-child,
.hsl .hs-lm-item:last-child,
.hsl .hs-comp-list:last-child,
.hsl .hs-comp-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hsl input.hs-waypoint-name {
  display: inline-block;
  width: calc(100% - 2.8125em);
}
.hsl .hs-tab-single-datasources a {
  cursor: pointer;
}
.hsl ul.hs-comp-list {
  margin-bottom: 0;
  overflow-y: auto;
}
.hsl .modal.in {
  display: block;
  background-color: rgba(14, 14, 13, 0.2196078431);
}
.hsl .modal-backdrop {
  visibility: hidden;
}
.hsl .form-control {
  border-radius: 0;
}
.hsl input[type=range].form-control {
  padding: 0;
}
.hsl .capabilities_label {
  padding-right: 0px;
  padding-left: 0px;
}
.hsl .capabilities_input {
  padding-right: 0px;
  padding-left: 15px;
}
.hsl hr {
  margin-top: 0px;
  margin-bottom: 5px;
}
.hsl a {
  cursor: pointer;
}
.hsl .input-group-append [class^=fa-] {
  font-size: 0.85rem;
}
.hsl .but-title-sm {
  float: right;
  font-size: 0.85rem;
  line-height: 17px;
  color: #6c757d;
  filter: alpha(opacity=20);
  opacity: 0.35;
}
.hsl .but-title-sm:hover {
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.8;
}
.hsl button.but-title-sm {
  -webkit-appearance: none;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.hsl .popover-content {
  min-width: 230px;
}
.hsl .popover {
  max-width: 1000px;
  max-height: 1000px;
}
.hsl .thumbnail {
  margin-top: 3px;
  margin-bottom: 3px;
}
.hsl .list-group-item.active a {
  color: #fff;
}
.hsl .list-group-item.active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: white;
}
.hsl .modal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.hsl {
  /****************/
  /** CHECKBOXES **/
  /****************/
}
.hsl .hs-checkmark,
.hsl .hs-uncheckmark {
  position: relative;
  cursor: pointer;
  margin-right: 0.3em;
}
.hsl .hs-checkmark::before {
  content: "✓";
}
.hsl .hs-uncheckmark::before {
  content: " ";
}
.hsl .hs-checkmark::before,
.hsl .hs-uncheckmark::before {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-color: #0d6efd;
  padding: 0.09em 0.4em 0.05em 0.35em;
  border-radius: 0.2em;
  font-weight: 1000;
  font-size: 0.8rem;
}
.hsl .hs-uncheckmark::before {
  background-color: hsl(0, 0%, 100%);
  box-shadow: inset 0 0 0 0.2em #0d6efd;
}
.hsl .hs-checkmark.hs-btn-baselayers::before {
  color: #0d6efd;
  background-color: hsl(0, 0%, 100%);
}
.hsl .sublayerContainer .hs-checkmark::before,
.hsl .sublayerContainer .hs-uncheckmark::before,
.hsl .form-check .hs-checkmark::before,
.hsl .form-check .hs-uncheckmark::before {
  margin-right: 0.5em;
}
.hsl {
  /********************/
  /** STATUS CREATOR **/
  /********************/
}
.hsl .hs-stc-footer {
  text-align: center;
  margin-top: 10px;
}
.hsl #stc-layerlist .list-group-item {
  padding: 0.15rem;
  border: 0;
}
.hsl #stc-layerlist .list-group-item label {
  cursor: pointer;
}
.hsl #stc-layerlist .list-group-item:hover {
  background-color: #f8f9fa;
}
.hsl .hs-stc-footer button {
  width: 100px;
}
.hsl {
  /*********/
  /** OWS **/
  /*********/
}
.hsl #hs-ows-abstract {
  resize: vertical;
  min-height: 100px;
}
.hsl .hs-advanced-options {
  margin-top: 10px;
}
.hsl .hs-ows-layerlistheading {
  background-color: hsl(0, 0%, 93%);
}
.hsl hs-panel-header {
  background-color: white;
}
.hsl {
  /**********************************/
  /** SIDEBAR&TOOLBAR RESPONSIVITY **/
  /**********************************/
}
.hsl.hs-mobile-view .d-mw-md-block:not(:has(> span.disabled)) {
  display: flex !important;
  justify-content: center;
}
.hsl.hs-mobile-view input[type=checkbox] {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.hsl.hs-mobile-view div .form-check-inline {
  margin-right: 0 !important;
}
.hsl.hs-mobile-view .hs-sb-bottom .hs-ol-map {
  width: 100% !important;
}
.hsl.hs-mobile-view {
  /* Next is needed on iPhone/Safari even if the position gets 
  overridden with 'relative' afterwards. Without 'absolute' here the 
  map doesn't display - height stays 0px. */
}
.hsl.hs-mobile-view .ol-viewport {
  position: absolute !important;
}
.hsl.hs-mobile-view .panel-footer {
  padding: 5px;
}
.hsl.hs-mobile-view .panel-footer {
  padding: 5px;
}
.hsl.hs-mobile-view .hs-filter {
  display: none !important;
}
.hsl.hs-mobile-view .ol-attribution.ol-uncollapsible {
  bottom: 0.2em;
}
.hsl.hs-mobile-view .ol-attribution ul {
  margin: 0;
}
.hsl.hs-mobile-view .ol-control button {
  font-size: 1rem;
}
.hsl.hs-mobile-view .hs-ol-map .ol-zoom {
  bottom: 2rem;
  top: auto;
  right: 5px;
  left: auto;
}
.hsl.hs-mobile-view div.hs-info-container {
  display: none;
}
.hsl.hs-mobile-view .dropzone-container {
  flex-direction: column;
}
.hsl.hs-mobile-view .hs-draw-selectAll {
  font-size: 1rem;
}
.hsl.hs-mobile-view #stc-layerlist .list-group-item {
  padding: 1rem;
}
.hsl.hs-mobile-view .hs-form-thumbnail-container {
  flex-direction: column;
}
.hsl ul[dnd-list],
.hsl ul[dnd-list] > li {
  position: relative;
}
.hsl {
  /**
  * The dnd-list should always have a min-height,
  * otherwise you can't drop to it once it's empty
  */
}
.hsl ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
  margin-left: -23px;
  margin-right: -20px;
}
.hsl {
  /**
  * The dndDraggingSource class will be applied to
  * the source element of a drag operation. It makes
  * sense to hide it to give the user the feeling
  * that he's actually moving it.
  */
}
.hsl ul[dnd-list] .dndDraggingSource {
  display: none;
}
.hsl {
  /**
  * An element with .dndPlaceholder class will be
  * added to the dnd-list while the user is dragging
  * over it.
  */
}
.hsl ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 42px;
}
.hsl {
  /**
  * The dnd-lists's child elements currently MUST have
  * position: relative. Otherwise we can not determine
  * whether the mouse pointer is in the upper or lower
  * half of the element we are dragging over. In other
  * browsers we can use event.offsetY for this.
  */
}
.hsl ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding-top: 7px;
  margin-bottom: -1px;
  line-height: 1em;
  padding-left: 3px;
  padding-right: 2px;
  padding-bottom: 0px;
}
.hsl {
  /**
  * Show selected elements in green
  */
}
.hsl ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.hsl .hs-senslog-sensor {
  color: #333;
}
.hsl .input-group-btn .btn {
  height: 34px;
}
.hsl .badge.bg-warning {
  height: 100%;
  width: 1.75em;
  line-height: inherit;
}
.hsl .btn-group > .btn {
  float: initial;
}
.hsl .draw-buttons button {
  margin-left: 0.3em;
}
.hsl .card-href {
  color: #212529;
  width: 100%;
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  .hsl .hs-layout .layout-row {
    position: relative;
  }
}
.hsl #permalink-link {
  overflow-x: hidden;
}
.hsl .hs-dotted-line {
  border: 1px dotted #495057;
  border-style: none none dotted;
  color: #495057;
  background-color: hsla(0, 0%, 0%, 0.2);
}
.hsl .hs-extra-buttons {
  line-height: 1em;
  float: right;
  margin-right: 0.5em;
}
.hsl extra-buttons a.dropdown-item i {
  padding-right: 0.2rem;
}
.hsl .dropdown-toggle.hs-custom-toggle::after {
  display: inline-block;
  width: 0.47em;
  height: 0.47em;
  margin: 0 0 0 0.4em;
  content: "";
  border: 0.3em solid;
  border-width: 0 0.15em 0.15em 0;
  transform: rotateZ(45deg);
  color: #495057;
}
.hsl .dropdown-toggle.hs-custom-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(211, 100%, 50%, 0.25) !important;
}
.hsl .hs-background-alfa {
  background-color: #edf0f2;
}
.hsl .hs-toolbar-button {
  height: 2.4em;
}
.hsl .dropdown-menu.datetime-picker-menu {
  min-width: 22rem;
}
.hsl a.hs-sensor-type {
  color: hsl(0, 0%, 0%);
}
.hsl a.hs-sensor-unit {
  color: hsl(0, 0%, 0%);
  font-weight: bold;
}
.hsl .hs-sensor {
  line-height: 1.9em;
}
.hsl .hs-date-time-chevron:not(*:root) {
  /* Supports only WebKit browsers */
  visibility: hidden;
}
.hsl .form-inline .ngb-tp-input {
  width: 4em;
}
.hsl hs-layer-editor .form-check {
  line-height: 1.5;
}
.hsl hs-layer-editor .card-body {
  padding: 0.65rem;
}
.hsl hs-layer-editor hr {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.hsl hs-layer-editor-sublayers + hs-layer-editor > div.card {
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.hsl hs-layer-editor-sublayers:has(+ hs-layer-editor) {
  display: block;
  border: 1px solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;
}
.hsl hs-layer-editor-sublayers:has(+ hs-layer-editor) div.card-body {
  padding-bottom: 0;
}
.hsl .hs-layerpanel {
  overflow-x: hidden;
}
.hsl .hs-hover-popup-feature {
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 2px;
  border-bottom: 1px solid hsl(0, 0%, 78%);
}
.hsl .hs-draw-layer-toggle div {
  display: inline-block;
  max-width: 7em;
  overflow-x: hidden;
  line-height: normal;
}
.hsl .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.hsl .inputfile + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: #0d6efd;
  display: inline-block;
  cursor: pointer;
}
.hsl .inputfile + label:hover {
  background-color: #6c757d;
}
.hsl input[type=checkbox].checkbox-lg {
  transform: scale(1.3);
}
.hsl .dropzone-container {
  flex-direction: row;
}
.hsl .dropzone {
  text-align: center;
  min-height: 80px;
  border: dashed 3px #0d6efd;
  border-radius: 5px;
  color: #495057 !important;
}
.hsl .dropzone.active {
  border: solid 3px #6c757d;
  color: rgba(0, 0, 0, 0.35) !important;
  opacity: 0.4;
}
.hsl .dropzone .dropzone-label {
  display: block;
  font-size: 1em;
}
.hsl .hs-endpoint-item-active {
  background-color: hsla(0, 0%, 0%, 0.2);
}
.hsl .hs-popup-layer {
  line-height: 1.2;
  border-top: 1px solid rgba(200, 200, 200, 0.5);
}
.hsl .hs-vector-layer-legend svg {
  background: white;
}
.hsl .hs-styler-rule {
  cursor: move;
}
.hsl .hs-styler-rule:hover {
  box-shadow: none;
}
.hsl {
  /*
  * Loader by https://cssloaders.github.io/
  */
}
.hsl .hs-loader {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background: white;
  transform: rotateX(65deg) rotate(45deg);
  color: #e9ecef;
  animation: layers1 1s linear infinite alternate;
  margin: 0 0.5em;
}
.hsl .hs-loader-dark {
  background: #0d6efd;
  color: #ced4da;
}
.hsl .hs-loader:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  animation: layerTr 1s linear infinite alternate;
}
.hsl .hs-loader-dark:after {
  background: rgba(82, 162, 216, 0.7);
}
@keyframes layers1 {
  0% {
    box-shadow: 0px 0px 0 0px;
  }
  90%, 100% {
    box-shadow: 0.75em 0.75em 0 -1px;
  }
}
@keyframes layerTr {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(-0.75em, -0.75em) scale(1);
  }
}
.hsl .hs-content-wrapper {
  position: relative;
  min-height: inherit;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.hsl .hs-content-wrapper.hs-open .hs-panelspace {
  min-width: 425px;
}
.hsl .hs-panelspace {
  box-shadow: -36px -12px 61px -39px hsla(0, 0%, 0%, 0.3);
  background-color: white;
  height: 100%;
  overflow-x: visible;
  overflow-y: visible;
  padding-left: 0;
  padding-right: 0;
  pointer-events: auto;
  top: 0;
  z-index: 2;
  transition: width 100ms ease-out;
}
.hsl .hs-panelspace.labels {
  width: 425px;
}
.hsl .hs-sb-right .hs-panelspace {
  right: 0;
}
.hsl .hs-sb-left .hs-panelspace {
  left: 0;
}
.hsl div.hs-content-wrapper:not(.hs-open) div.hs-panelspace-wrapper {
  background-color: transparent;
  width: 48px;
  overflow-x: hidden;
}
.hsl .hs-panelspace-wrapper {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow-y: auto;
}
.hsl .hs-content-wrapper label.form-group {
  display: block;
}
.hsl.hs-mobile-view .hs-content-wrapper {
  flex-direction: column;
  position: unset;
}
.hsl.hs-mobile-view .hs-panelspace {
  transition: height 0.3s ease-in-out;
  height: auto;
  left: 0;
  bottom: 0;
  top: unset;
  width: 100%;
}
.hsl.hs-mobile-view .hs-open .hs-panelspace {
  height: var(--hs-panelspace-normal-height, 70vh);
}
.hsl.hs-mobile-view .hs-open .hs-panelspace.panel-collapsed {
  height: var(--hs-panelspace-collapsed-height, 20vh);
}
.hsl.hs-mobile-view .hs-open .hs-panelspace.dragging {
  position: absolute;
  transition: none;
}
.hsl.hs-mobile-view .hs-panelspace-wrapper {
  scrollbar-width: none;
  overflow-y: visible;
  width: 100%;
}
.hsl.hs-mobile-view .hs-panelspace-expander-container {
  height: 1rem;
}
.hsl.hs-mobile-view .hs-panelspace-expander-container .hs-panelspace-expander {
  height: 2.5rem;
  z-index: 1000;
  position: absolute;
  border-radius: 0;
  font-size: 0.75rem;
  font-family: "WebHostingHub-Glyphs";
  margin-top: -1rem;
}
.hsl.hs-mobile-view .drag-handle {
  width: 3rem;
  height: 2px;
  background-color: currentColor;
  margin: auto;
  margin-top: 1.3rem !important;
  transition: box-shadow 0.2s ease;
}
.hsl.hs-mobile-view .drag-handle:hover, .hsl.hs-mobile-view .drag-handle:active, .hsl.hs-mobile-view .drag-handle.active {
  box-shadow: 0 0 20px 12px rgba(13, 110, 253, 0.5);
}
.hsl.hs-mobile-view .disabled .drag-handle {
  opacity: 0.65;
}
.hsl ul.hs-lm-baselayerlist {
  margin-bottom: 0;
}
.hsl ul.hs-lm-mapcontentlist {
  margin-top: 0;
  margin-bottom: 0;
}
.hsl ul.hs-lm-layerlist li.list-group-item.hs-lm-layerlist-header {
  padding: 0.3em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  cursor: pointer;
  margin-left: -2px;
  margin-right: -2px;
}
.hsl ul.hs-lm-layerlist li.list-group-item.hs-lm-layerlist-header span.glyphicon {
  font-size: 0.65rem;
}
.hsl li.hs-lm-item.hovering {
  text-decoration: underline;
}
.hsl div.list-group-item.hs-lm-list {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.hsl .hs-lm-list > ul.list-group.row {
  margin-bottom: 0;
}
.hsl .hs-lm-list li .info_btn {
  cursor: pointer;
}
.hsl .hs-lm-list li .info_btn .fa-gears:hover::before {
  color: #0d6efd;
}
.hsl .hs-layermanager-card li.hs-lm-item,
.hsl li.hs-dr-item {
  word-wrap: break-word;
  border: 0;
  padding: 0.1em;
  padding-left: 0.2em;
  /*border-bottom: 0;*/
}
.hsl .hs-lm-item > div {
  align-items: center;
}
.hsl div ul.hs-lm-baselayerlist .hs-lm-item-title,
.hsl div.hs-lm-item-title.hover {
  cursor: pointer;
}
.hsl div ul.hs-lm-baselayerlist .hs-lm-item-title:hover,
.hsl div.hs-lm-item-title.hover:hover {
  text-decoration: underline;
}
.hsl .sublayerContainer input[type=checkbox].form-check-input {
  position: absolute;
  left: -9999px;
}
.hsl .sublayerContainer {
  padding-bottom: 2.5px;
}
.hsl li.hs-lm-header {
  border-left: 0;
  border-right: 0;
  padding-left: 2em;
}
.hsl .hs-lm-map-content-header {
  height: 2.56em;
}
.hsl .hs-lm-deactivated-layer {
  color: #cccccc;
}
.hsl hs-layer-manager-time-editor button.btn {
  line-height: inherit;
}
.hsl hs-layer-manager-time-editor button.btn:disabled {
  color: #adb5bd !important;
}
.hsl.hs-mobile-view ul.hs-lm-layerlist li.list-group-item.hs-lm-layerlist-header span.glyphicon {
  font-size: 0.8rem;
}
@container hslayers-element (max-width:767px) {
  .hsl.hs-mobile-view .hs-lm-item .fa-gears {
    font-size: 1.2rem;
  }
}
.hsl i.hs-lm-warning-scale {
  color: #f0ad4e;
  padding: 0.0625em 0.3125em;
  top: 0.125em;
  cursor: default;
}
.hsl i.hs-lm-warning-error {
  position: static;
  cursor: default;
}
.hsl i.hs-lm-queryable {
  cursor: default;
  color: #337ab7;
  padding: 0.0625em 0.3125em;
  border-radius: 3px;
  line-height: 1.5;
  font-size: 12px;
  top: 2px;
}
.hsl .exclusive .hs-checkmark::before,
.hsl .exclusive .hs-uncheckmark::before {
  border-radius: 50%;
}
.hsl .hs-sublayer-toggle {
  font-size: 0.75rem;
}
.hsl ngb-progressbar.loaded div.progress-bar {
  background-color: var(--bs-secondary-bg-subtle);
}
.hsl .basemapGallery {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  top: 0.7em;
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  right: 15px;
}
.hsl .basemapGallery .dropdown-toggle::after {
  display: none;
}
.hsl .basemapGallery .galleryDropdown {
  max-height: 41em;
  flex-direction: column;
  flex-wrap: wrap-reverse;
  column-gap: 0.25rem;
  top: calc(0% + 10px) !important;
}
.hsl .basemapGallery .galleryDropdown > div:first-child:before {
  content: "";
  position: absolute;
  top: -12px;
  right: 5px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}
.hsl .basemapGallery .galleryDropdown.show {
  display: flex;
}
.hsl .basemapGallery .galleryDropdown .galleryDropdownItem:first-child,
.hsl .basemapGallery .galleryDropdown .galleryDropdownItem:first-child img {
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
}
.hsl .basemapGallery .galleryDropdown > div {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 8em;
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 11em;
  max-height: 8em;
}
.hsl .basemapGallery .galleryDropdown a.dropdown-item {
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.hsl .basemapGallery .galleryDropdown img {
  height: 4.5em;
}
.hsl .basemapGallery .dropdown-item:not(.active) {
  background: hsla(0, 0%, 80%, 0.51);
}
.hsl .basemapGallery .dropdown-item.active {
  color: hsla(0, 0%, 100%, 0.89) !important;
}
.hsl .galleryButton {
  opacity: 0.9 !important;
  background-color: var(--ol-background-color);
  color: var(--ol-subtle-foreground-color);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  font-size: 1rem;
  height: 2.3em;
  width: 2.4em;
}
.hsl .galleryButton.show, .hsl .galleryButton.show:focus {
  color: white !important;
  background-color: var(--bs-secondary) !important;
}
.hsl .galleryButton i {
  vertical-align: bottom;
}
.hsl.hs-mobile-view .basemapGallery .galleryDropdown img {
  height: 6em;
}
@container hslayers-element (max-width:767px) {
  .hsl .basemapGallery .galleryDropdown {
    column-gap: 0.5rem;
    row-gap: 1rem;
    max-height: 90vh;
  }
  .hsl .basemapGallery .galleryDropdown > div {
    width: 15em;
    max-height: 15em;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  .hsl .basemapGallery .galleryDropdown > div img {
    height: 5.5em;
  }
  .hsl .basemapGallery div span.glyphicon, .hsl .basemapGallery a {
    font-size: 1.2rem;
  }
}
.hsl .hs-sidebar-item {
  color: #0d6efd;
  background-color: white;
  cursor: pointer;
  min-height: 48px;
}
.hsl .hs-sidebar-item [class*=" fa-"] {
  margin-left: -4px;
}
.hsl hs-sidebar {
  bottom: 0;
  position: absolute;
  top: 0;
  background: hs-styler-content-list;
  transition: width 100ms ease-out;
  z-index: 2;
}
.hsl .hs-content-wrapper.hs-open .hs-panelspace:not(.labels) hs-sidebar {
  border-right: 1px solid hsl(0, 0%, 87%);
}
.hsl .hs-panelspace.labels hs-sidebar {
  width: 400px;
}
.hsl .hs-panelspace:not(.buttons) hs-sidebar {
  display: none;
}
.hsl .hs-content-wrapper.hs-sb-left:not(.hs-open) hs-sidebar {
  background-color: white;
  right: auto;
  width: 48px;
}
.hsl .hs-content-wrapper.hs-sb-right:not(.hs-open) hs-sidebar {
  background-color: white;
  left: auto;
  width: 48px;
}
.hsl .hs-content-wrapper:not(.hs-open) .hs-panelspace {
  width: 48px;
  border-right: 1px solid hsl(0, 0%, 87%);
}
.hsl .hs-content-wrapper.hs-open .hs-sidebar-list {
  width: 100%;
}
.hsl .hs-content-wrapper.hs-open div.hs-panelspace:not(.labels) hs-sidebar .hs-sidebar-list {
  width: 48px;
}
.hsl div.hs-panelplace {
  height: 100%;
  overflow-y: auto;
  margin-left: 49px;
}
.hsl div.hs-panelplace > div {
  height: 100%;
}
.hsl div.hs-panelspace:not(.buttons) hs-sidebar ~ div.hs-panelplace {
  margin-left: 0;
  width: 400px;
}
.hsl .hs-sidebar-list {
  margin-top: 0.25rem;
}
.hsl .hs-sidebar-list .list-group-item {
  border-left: 0px;
  border-right: 0px;
  white-space: nowrap;
}
.hsl .hs-sidebar-list .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.hsl .hs-sidebar-list .list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hsl .hs-sidebar-item:not(.language) .hs-sidebar-item-title {
  margin-left: 20px;
}
.hsl .hs-sidebar-item.language .hs-sidebar-item-content {
  transform: translateX(-5px);
}
.hsl .hs-sidebar-item-title {
  margin-left: 14px;
}
.hsl .hs-panelspace:not(.labels) .hs-sidebar-list span.hs-sidebar-item-title {
  display: none;
}
.hsl .hs-content-wrapper.hs-sb-right:not(.hs-open) .hs-sidebar-list {
  right: 0;
}
.hsl .hs-content-wrapper.hs-sb-left:not(.hs-open) .hs-sidebar-list {
  left: 0;
}
.hsl .hs-content-wrapper:not(.hs-open) .hs-sidebar-item-title {
  display: none;
}
.hsl .hs-content-wrapper:not(.hs-open) .hs-panelplace {
  display: none;
}
.hsl hs-sidebar hs-panel-header.sidebar-header {
  display: none;
}
.hsl hs-sidebar .hs-sidebar-item.hs-panel-hidden {
  display: none !important;
}
.hsl hs-mini-sidebar .hs-sidebar-item:not(.hs-panel-hidden) {
  display: none !important;
}
.hsl hs-mini-sidebar .hs-sidebar-list {
  height: auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
}
.hsl hs-mini-sidebar .hs-sidebar-item.hs-panel-hidden {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.hsl hs-mini-sidebar .hs-sidebar-item-title {
  display: block !important;
  margin: 0 !important;
  font-size: 0.65rem;
}
.hsl hs-sidebar ~ div.hs-panelplace {
  scrollbar-gutter: stable;
  overflow-x: hidden;
}
.hsl.hs-mobile-view .hs-content-wrapper .hs-sidebar-item-title:not(.hs-mini-sidebar) {
  display: none;
}
.hsl.hs-mobile-view .hs-panelspace:not(.labels) .hs-sidebar-list span.hs-sidebar-item-title {
  font-size: 1rem;
}
.hsl.hs-mobile-view hs-sidebar {
  display: flex;
}
.hsl.hs-mobile-view hs-sidebar {
  position: unset;
  width: 100% !important;
}
.hsl.hs-mobile-view hs-sidebar ~ div.hs-panelplace {
  margin: auto;
  min-height: 35vh;
  padding-top: 0.5em;
  scrollbar-width: none;
  width: 95%;
}
.hsl.hs-mobile-view hs-sidebar > div.list-group {
  flex-direction: row !important;
  justify-content: space-evenly;
}
.hsl.hs-mobile-view .hs-sidebar-list {
  margin-top: 0;
}
.hsl.hs-mobile-view .hs-sidebar-list .list-group-item {
  white-space: normal;
}
.hsl.hs-mobile-view .hs-content-wrapper.hs-open div.hs-panelspace:not(.labels) hs-sidebar .hs-sidebar-list {
  width: 100%;
}
.hsl.hs-mobile-view div.hs-content-wrapper:not(.hs-open) div.hs-panelspace-wrapper {
  width: 100%;
  height: auto;
}
.hsl.hs-mobile-view .hs-content-wrapper div.hs-panelspace:not(.labels) hs-sidebar .hs-sidebar-list {
  width: 100%;
}
.hsl.hs-mobile-view .hs-content-wrapper div.hs-panelspace .hs-mini-sidebar .hs-sidebar-list {
  width: 100%;
}
.hsl.hs-mobile-view a.hs-sidebar-item.list-group-item {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  padding: 0.55rem 1.05rem;
}
.hsl.hs-mobile-view .hs-sidebar-item {
  justify-content: center;
  align-self: center;
  border: 0 !important;
  min-height: 3rem;
}
.hsl.hs-mobile-view hs-mini-sidebar .hs-sidebar-list {
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  gap: 0.75rem;
  padding-top: 0.5rem;
  min-height: 50%;
}
.hsl.hs-mobile-view hs-mini-sidebar hs-panel-header.sidebar-header {
  display: none;
}
.hsl.hs-mobile-view hs-mini-sidebar .hs-sidebar-item.hs-panel-hidden {
  width: 30%;
  font-size: 2rem;
}
.hsl.hs-mobile-view hs-mini-sidebar .list-group-item {
  border: none;
  background-color: unset;
}
.hsl.hs-mobile-view hs-sidebar .hs-panel-hidden {
  display: none !important;
}
.hsl.hs-mobile-view hs-mini-sidebar .hs-sidebar-item:not(.hs-panel-hidden) {
  display: none !important;
}
.hsl.hs-mobile-view .hs-content-wrapper:not(.hs-open) .hs-panelspace {
  width: 100%;
}
.hsl .hs-locate:not(.ol-collapsed) {
  background: hsla(0, 0%, 100%, 0.8);
}
.hsl .hs-locate,
.hsl .ol-has-tooltip [role=tooltip],
.hsl .ol-scale-line-inner {
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
.hsl .hs-locate {
  text-align: right;
  bottom: 7rem;
  right: 5px;
  max-width: calc(100% - 1.3em);
  z-index: 100;
}
.hsl .hs-locate ul {
  float: left;
}
.hsl .hs-locate button {
  float: right;
}
.hsl .hs-locate .btn-primary {
  background-color: #0069d9 !important;
}
.hsl .hs-locate.ol-collapsed ul,
.hsl .hs-locate:not(.ol-collapsed) button:hover [role=tooltip] {
  display: none;
}
.hsl .hs-locate ul {
  list-style: none;
}
.hsl .ol-rotate {
  bottom: 9rem;
  left: auto;
  right: 5px;
  top: auto;
}
.hsl .ol-rotate.hidden {
  visibility: hidden;
  opacity: 0%;
}
.hsl .ol-rotate button:not(.active) {
  background-color: hsla(200, 1%, 53%, 0.7);
  color: white;
  opacity: 0.5;
}
.hsl .ol-compass {
  font-weight: bold;
}
.hsl .hs-impressum {
  display: flex;
}
.hsl .hs-impressum .hs-branding .hs-logo {
  max-width: 8rem;
  height: auto;
  opacity: 0;
  transition: opacity 300ms ease;
}
.hsl .hs-impressum .hs-branding .hs-logo:not(.error) {
  opacity: 1;
}
.hsl .hs-impressum .hs-branding .hs-logo:hover {
  opacity: 0.8;
}
.hsl .hs-impressum .hs-info .hs-version {
  font-size: 0.875rem;
}
.hsl .hs-impressum .hs-info .hs-version span {
  color: #495057;
}
.hsl .hs-impressum .hs-info .hs-version .hs-version-link {
  transition: all 200ms ease;
}
.hsl .hs-impressum .hs-info .hs-version .hs-version-link:hover {
  background: #f8f9fa;
}
.hsl .hs-panelspace:not(.labels) .hs-impressum,
.hsl .hs-content-wrapper:not(.hs-open) .hs-impressum {
  display: none;
}
.hsl .hs-search-address {
  z-index: 2;
}
.hsl .hs-toolbar #hs-search-address {
  max-width: 125px;
}
.hsl #searchresults {
  top: 45px;
  min-width: 250px;
}
.hsl .search-panel hs-search-input,
.hsl .search-panel hs-search-results {
  width: 100%;
}
.hsl .clearSearch {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  color: hsl(0, 0%, 0%);
  z-index: 5;
  background: transparent;
}
.hsl .clearSearch:hover {
  color: #0d6efd;
}
.hsl .hsl-search-result {
  z-index: 2;
}
.hsl.hs-mobile-view .hs-search-address-input {
  max-width: 20vw !important;
}
.hsl div.hs-info-area {
  color: var(--ol-subtle-foreground-color);
  bottom: 1.5em;
  left: 0.3em;
  pointer-events: initial;
  position: absolute;
  vertical-align: bottom;
  z-index: 3;
}
.hsl div.hs-info-area > div {
  padding: 0.25rem;
  margin: 0.15rem 0;
  border-radius: 0.25rem;
  background-color: var(--ol-partial-background-color);
}
.hsl div.hs-info-area div {
  max-width: 14em;
}
.hsl .hs-info-composition-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.15rem;
}
.hsl div.hs-info-composition-image {
  text-align: center;
  color: var(--ol-subtle-foreground-color);
}
.hsl div.hs-info-composition {
  display: flex;
  max-width: 14em;
}
.hsl div.hs-info-composition-container {
  font-size: 0.75rem;
  line-height: 12px;
  width: 100%;
}
.hsl div.hs-info-composition-title {
  font-weight: bold;
  padding-block: 0.1rem;
}
.hsl div.hs-info-composition-image > span {
  line-height: 30px;
  width: 30px;
}
.hsl .hs-info-layers,
.hsl div.hs-info-composition-edited {
  box-sizing: content-box;
  font-size: 0.75rem;
  display: inline-block;
  max-width: 14em;
  width: 14em;
}
.hsl {
  /*************/
  /** TOOLBAR **/
  /*************/
}
.hsl .hs-toolbar {
  position: absolute;
  top: 0.7rem;
  left: 10px;
  max-width: 636px;
  display: inline-block;
  z-index: 101;
}
.hsl .hs-toolbar .navbar {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.hsl .hs-toolbar .navbar-nav > *:not(:first-child):not(:last-child) button.hs-toolbar-button {
  border-radius: 0;
}
.hsl .hs-toolbar .navbar-nav > *:first-child:not(:last-child) button.hs-toolbar-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hsl .hs-toolbar .navbar-nav > *:last-child:not(:first-child) button.hs-toolbar-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hsl .hs-toolbar .navbar-nav > hs-search-toolbar:last-child hs-search-input button:has(+ input[hidden]) {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.hsl.hs-mobile-view .hs-sb-left .hs-toolbar,
.hsl.hs-mobile-view .hs-sb-left .hs-toolbar {
  margin-left: 0 !important;
}
.hsl .hsl-custom-select {
  height: calc(1.5em + 0.75rem + 2px);
  min-height: 1.5rem;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
  border: 1px solid #ced4da;
}
.hsl hs-url-details .input-group-text {
  min-width: 13ch;
  display: flex;
  justify-content: center;
}
.hsl {
  /* **OPENLAYERS** */
}
.hsl .ol-attribution {
  left: auto;
  right: 5px;
  bottom: 0.2rem;
}
.hsl .ol-attribution.ol-uncollapsible {
  right: 5px;
  bottom: 0.2rem;
}
.hsl .hs-ol-map .ol-scale-line {
  right: auto;
  left: 0.5rem;
}
.hsl .hs-ol-map .ol-zoom {
  bottom: 2.4rem;
  top: auto;
  right: 5px;
  left: auto;
}
.hsl .hs-ol-map .hs-defaultView {
  bottom: 5rem;
  top: auto;
  right: 5px;
  left: auto;
}
.hsl .ol-touch .ol-zoomslider {
  display: none;
}
.hsl .ol-mouse-position {
  bottom: 8px;
  left: 170px;
  position: absolute;
  color: #fff;
  top: auto;
  right: auto;
}
.hsl .ol-popup {
  display: none;
  position: absolute;
  background-color: hsl(0, 0%, 100%);
  padding: 0 15px 15px 15px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
}
.hsl .ol-popup:after,
.hsl .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.hsl .ol-popup:after {
  border-top-color: hsl(0, 0%, 100%);
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.hsl .ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.hsl .ol-popup-content {
  min-width: var(--hs-ol-popup-content-min-width, 200px);
  max-height: var(--hs-ol-popup-content-max-height, 45vh);
  overflow-x: auto;
}
.hsl .ol-popup-closer {
  margin-left: auto;
  width: 15px;
  display: block;
  font-size: 1.5rem;
  color: gray;
  text-decoration: none;
}
.hsl .ol-popup-closer:after {
  content: "✖";
}
.hsl .ol-popup div.infoResult {
  min-width: 130px;
}
.hsl .ol-popup div.infoResult p {
  padding: 0.1em;
  margin: 0;
}
.hsl .ol-popup-content h3 {
  margin: 0.25em 0;
}
.hsl .ol-popup.marker {
  margin-bottom: 30px;
}
.hsl .ol-overlaycontainer-stopevent {
  pointer-events: none;
}
.hsl .ol-overlaycontainer-stopevent * {
  pointer-events: auto;
}
.hsl .ol-control button {
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
.hsl .ol-control button:hover, .hsl .ol-control button:active {
  background-color: #6c757d;
  color: white;
  outline: none;
}
.hsl {
  /**
  * Taken from https://github.com/Viglino/ol-ext/blob/master/dist/ol-ext.css#L4030
  */
}
.hsl .ol-swipe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-touch-action: none;
  touch-action: none;
}
.hsl .ol-swipe button {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: var(--ol-subtle-foreground-color);
}
.hsl .ol-swipe button:active, .hsl .ol-swipe button:hover {
  cursor: pointer;
  background-color: #6c757d;
}
.hsl .ol-swipe:before {
  content: "";
  position: absolute;
  top: -5000px;
  bottom: -5000px;
  left: 50%;
  width: 2px;
  background-color: var(--ol-subtle-foreground-color);
  z-index: -1;
  -webkit-transform: translate(-2px, 0);
  transform: translate(-2px, 0);
  pointer-events: none;
}
.hsl .ol-swipe.horizontal:before {
  left: -5000px;
  right: -5000px;
  top: 50%;
  bottom: auto;
  width: auto;
  height: 2px;
}
.hsl .ol-swipe:after,
.hsl .ol-swipe button:before,
.hsl .ol-swipe button:after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 50%;
  width: 2px;
  background: var(--ol-background-color);
  transform: translate(-1px, 0);
  -webkit-transform: translate(-1px, 0);
  pointer-events: none;
}
.hsl .ol-swipe button:after {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
}
.hsl .ol-swipe button:before {
  transform: translateX(-7px);
  -webkit-transform: translateX(-7px);
}
.hsl .sketch-picker {
  margin: 7px;
}