.hsl .btn-primary:focus:not(.bg-transparent) {
  background-color: var(--bs-btn-hover-bg) !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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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 .btn:hover {
  border-color: transparent;
}
.hsl .hs-comp-item-body a.btn:hover,
.hsl .hs-catalogue-item-body a.btn:hover {
  box-shadow: rgba(0, 0, 0, 0.2392156863) 0px 3px 8px;
}
.hsl .alert-status {
  color: #6c757d;
}
.hsl .nav-link[class*=btn-]:hover {
  color: white;
}
.hsl .hs-url-table .text-light th {
  color: #f8f9fa;
}
.hsl div.hs-info-area {
  background-color: hsla(214, 50%, 37%, 0.4);
  color: hsl(0, 0%, 100%);
}
.hsl div.hs-info-composition-image {
  background-color: hsla(214, 100%, 27%, 0.3);
}
.hsl .hs-lm-list li .info_btn .fa-gears:hover::before {
  color: #0d6efd;
}
.hsl .hs-lm-deactivated-layer {
  color: #cccccc;
}
.hsl .basemapGallery .dropdown-item.active {
  color: hsla(0, 0%, 100%, 0.89) !important;
}
.hsl .galleryButton {
  opacity: 0.9 !important;
  background-color: rgba(0, 60, 138, 0.5019607843) !important;
  color: hsl(0, 0%, 100%) !important;
}
.hsl .galleryButton:hover {
  background-color: #0d6efd !important;
}
.hsl i.hs-lm-warning-scale {
  color: #f0ad4e;
}
.hsl i.hs-lm-queryable {
  color: #337ab7;
}
.hsl .activeLayer {
  background-color: rgba(0, 0, 0, 0.2);
}
.hsl .cdk-drag-placeholder {
  background-color: rgba(0, 0, 0, 0.24);
  color: white;
}
.hsl .cdk-drag-preview {
  background-color: rgba(185, 185, 185, 0.75);
  border: 1px solid rgb(185, 185, 185);
  color: transparent;
}
.hsl .hs-panelspace {
  box-shadow: -36px -12px 61px -39px hsla(0, 0%, 0%, 0.3);
  background-color: white;
}
.hsl div.hs-content-wrapper:not(.hs-open) div.hs-panelspace-wrapper {
  background-color: transparent;
}
.hsl .clearSearch {
  color: hsl(0, 0%, 0%);
  background: transparent;
}
.hsl .clearSearch:hover {
  color: #0d6efd;
}
.hsl .hs-sidebar-item {
  color: #0d6efd;
  background-color: white;
}
.hsl .cdk-drag-preview {
  background-color: rgba(185, 185, 185, 0.75);
  border: 1px solid rgb(185, 185, 185);
  color: black;
}
.hsl li.list-group-item.hs-list-item-header:hover {
  background-color: rgba(185, 185, 185, 0.75);
}
.hsl .icon-primary {
  color: #0d6efd;
}
.hsl .hs-wms-highlighted:hover {
  background-color: rgba(210, 216, 221, 0.5882352941);
}
.hsl .grayed {
  color: #cccccc;
}
.hsl .modal.in {
  background-color: rgba(14, 14, 13, 0.2196078431);
}
.hsl .but-title-sm {
  color: #6c757d;
  opacity: 0.35;
}
.hsl .list-group-item.active a {
  color: #fff;
}
.hsl .list-group-item.active {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: white;
}
.hsl .hs-uncheckmark::before {
  color: hsl(0, 0%, 100%);
  background-color: #0d6efd;
}
.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 .hs-ows-layerlistheading {
  background-color: hsl(0, 0%, 93%);
}
.hsl hs-panel-header {
  background-color: white;
}
.hsl ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
}
.hsl ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
}
.hsl {
  /**
  * Show selected elements in green
  */
}
.hsl ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.hsl .hs-senslog-sensor {
  color: #333;
}
.hsl a.hs-sensor-type {
  color: hsl(0, 0%, 0%);
}
.hsl a.hs-sensor-unit {
  color: hsl(0, 0%, 0%);
  font-weight: bold;
}
.hsl .card-href {
  color: #212529;
}
.hsl .hs-dotted-line {
  border: 1px dotted #495057;
  border-style: none none dotted;
  color: #495057;
  background-color: hsla(0, 0%, 0%, 0.2);
}
.hsl .dropdown-toggle.hs-custom-toggle::after {
  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-hover-popup {
  background: white;
}
.hsl .inputfile + label {
  color: white;
  background-color: #0d6efd;
}
.hsl .inputfile + label:hover {
  background-color: #6c757d;
}
.hsl .dropzone {
  border: dashed 3px #0d6efd;
  color: #495057 !important;
}
.hsl .dropzone.active {
  border: solid 3px #6c757d;
  color: rgba(0, 0, 0, 0.35) !important;
  opacity: 0.4;
}
.hsl .hs-endpoint-item-active {
  background-color: hsla(0, 0%, 0%, 0.2);
}
.hsl .ol-mouse-position {
  color: #fff;
}
.hsl .ol-popup {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid #cccccc;
}
.hsl .ol-popup:after {
  border-top-color: hsl(0, 0%, 100%);
}
.hsl .ol-popup:before {
  border-top-color: #cccccc;
}
.hsl .ol-popup-closer {
  color: gray;
}
.hsl .ol-control button:hover, .hsl .ol-control button:active {
  background-color: #6c757d;
  color: white;
  outline: none;
}
.hsl .ol-swipe:before {
  background-color: var(--ol-subtle-foreground-color);
}
.hsl .ol-swipe button {
  background-color: #809aba;
  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:after,
.hsl .ol-swipe button:before,
.hsl .ol-swipe button:after {
  background: var(--ol-background-color);
}

/*# sourceMappingURL=hslayers-ng-colors.css.map */