@charset "UTF-8";
/* blueTheme.scss */
/* Blue theme - specific style */
@import '../fontawesome-pro-5.9.0/css/all.min.css';
:root {
  --colorBasic2: #8c93a7; /* seda (vacsina textov) */
  --colorWhite: #ffffff; /* biela */
  --colorBasic4: #f4f8f9; /* svetloseda (pozadie niektorych panelov) */
  --color1: #3a6aef; /* modra tmavsia (najcastejsia kontrastna farba, pozadia, ramiky) */
  --colorBasic3: #ced2db; /* svetloseda (borderi medzi riadkami, neaktive checkboxy, disabled buttony) */
  --colorBasic1: #3c4250; /* najtmavsia seda (ikonky, tmave texty) */
  --color2: #f8faff; /* modra najsvetlejsia (pozadie niektorych panelov a buttonov) */
  --colorBlack: #000000; /* cierna */
  --colorNo: #ff747e; /* cervena (warning ikonka) */
  --colorYes: #3ecc94; /* zelena (pozadie pozitivnych tlacidiel) */
  --colorBlue: #0065b3;
  --position-top: 6.4rem;
  --input-radius: 2rem;
  --button-radius: 50%;
  --button-border-color: var(--colorWhite);
  --button-background: var(--colorWhite);
  --button-icon-color: var(--colorBasic1);
  --gazz-results-wrapper-radius: 0 0 2rem 2rem;
  --gazz-color-hover: var(--colorBasic1);
  --gazz-bookmark-background: var(--color1);
  --gazz-input-padding-left: 2.5rem;
  --gazz-result-hover-background: var(--color1);
  --gazz-tables-zindex: -1;
  --gazz-res-zindex: -1;
  --gazz-tables-top: 2rem;
  --gazz-tables-padding: 3rem 2.5rem 0;
  --gazz-res-top: 2rem;
  --gazz-res-padding-top: 3rem;
  --gazz-res-border-top: inherit;
  --composition-panel-header-background: var(--color2);
  --composition-panel-header-color: var(--color1);
  --composition-panel-active-header-background: var(--color1);
  --detail-wrapper-radius: 0 0 1.2rem 1.2rem;
  --selected-background: var(--color1);
  --button-rounded: 1.8rem;
  --button-rounded-background: var(--color1);
  --button-squared: 0.8rem;
  --button-radius-base: 1rem;
  --composition-panel-left-radius: 2.4rem;
  --button-active: var(--color1);
  --button-hover: transparent;
  --button-active-box-shadow: none;
  --slider-color: var(--color1);
  --icon-color: var(--color1);
  --map-scale-radius: 2.4rem;
  --map-scale-color: var(--color1);
  --position-breadcrumb-radius: 2.4rem;
  --copyright-radius: 2rem;
  --copyright-btn-radius: 0 0 16px 0;
  --copyright-btn-background: var(--colorBasic4);
  --copyright-btn-background-hover: var(--color1);
  --copyright-btn-color: var(--color1);
  --copyright-container-radius: 1.2rem;
  --copyright-container-bottom: 5.2rem;
  --bottom-panel-bottom: 1.5rem;
  --bottom-panel-padding-bottom: 0;
  --map-toolbar-bottom: 7.5rem;
  --map-toolbar-arrow-background-hover: var(--color1);
  --toolbar-item-hover: var(--color1);
  --toolbar-item-active-background: var(--color1);
  --tooltip-text-container-radius: 1.6rem;
  --tooltip-text-container-text-area-radius: 0.8rem;
  --tooltip-radius: 2.8rem;
  --toolbar-items-radius: 0 1.2rem 1.2rem 0;
  --color-change-container-radius: 2rem;
  --overlay-window-radius: 2rem;
  --position-locator-radius: 2rem;
  --input-radius: 0.8rem;
  --overview-map-radius: 2.4rem;
  --overview-map-bottom: 6rem;
  --nav-tab-background: var(--color1);
  --preloader-color: var(--color1);
  --jelly-color: var(--color1);
  --cords-panel-position-top: 7.4rem;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* pridane kvoli supscriptu*/
sup {
  vertical-align: top;
  font-size: 0.8em;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*kriziky v inputoch var IE*/
::-ms-clear {
  display: none;
}

*:focus {
  outline: 0;
}

strong {
  font-weight: 800;
}

html {
  font-family: "Roboto", "Catamaran", "Open Sans", sans-serif;
  color: var(--colorBlack);
  font-size: 10px;
  overflow: auto;
}

body {
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: var(--colorWhite);
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--colorBasic1);
  font-family: "Roboto", "Catamaran", "Open Sans", sans-serif;
  position: absolute;
  overflow: hidden;
  min-height: 600px;
  min-width: 900px;
}

a {
  text-decoration: none;
  color: inherit;
}

.ol-dragzoom {
  border: 0.3rem solid var(--color1) !important;
  background-color: rgba(255, 255, 255, 0.5);
}

.hidden {
  display: none;
}

#map {
  position: absolute;
  top: var(--position-top);
  bottom: 0;
  width: 100%;
  z-index: 1;
}

:focus {
  outline: none;
}

.dn {
  display: none !important;
}

.db {
  display: block !important;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ol-overlaycontainer,
.ol-overlaycontainer-stopevent {
  pointer-events: none;
}

.ol-overlaycontainer > *,
.ol-overlaycontainer-stopevent > * {
  pointer-events: auto;
}

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

/*end color picker*/
.popup-pin {
  font-size: 25px;
  width: 40px;
  border: none;
}

li .icon-dragndrop:hover {
  cursor: move;
}

.us {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

input.jelly[type=checkbox] {
  display: none !important;
}

input.jelly[type=checkbox] + .jelly {
  position: relative;
  top: -0.2rem;
  width: 2rem !important;
  height: 2rem !important;
  border: 0.2rem solid var(--colorBasic3);
  border-radius: 0.4rem;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
  margin: 0;
  padding: 0 !important;
  display: inline-block;
  box-sizing: border-box;
  /*margin-left: -0.4rem; toto neviem co tu robi*/
}

input.jelly[type=checkbox] + .jelly:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0.5rem;
  width: 0.4rem;
  height: 1rem;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 0.2rem solid var(--colorWhite);
  border-bottom: 0.2rem solid var(--colorWhite);
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}

input.jelly[type=checkbox]:checked ~ .jelly {
  border-color: transparent;
  background: var(--jelly-color);
}

input.jelly[type=checkbox]:checked ~ .jelly:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

@-moz-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-o-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
::-webkit-scrollbar {
  width: 2rem;
  background: var(--colorBasic4);
}

::-webkit-scrollbar-thumb {
  background: var(--colorBasic3);
  border: 0.7rem solid var(--colorBasic4);
  border-radius: 1rem;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--colorBasic2);
}

.cssPreloaderSmall {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
}
.cssPreloaderSmall div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  border: 0.3rem solid var(--preloader-color);
  border-radius: 50%;
  animation: cssPreloaderSmall 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--preloader-color) transparent transparent transparent;
}
.cssPreloaderSmall div:nth-child(1) {
  animation-delay: -0.45s;
}
.cssPreloaderSmall div:nth-child(2) {
  animation-delay: -0.3s;
}
.cssPreloaderSmall div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes cssPreloaderSmall {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cssPreloaderLarge {
  display: inline-block;
  position: relative;
  width: 7rem;
  height: 7rem;
}
.cssPreloaderLarge div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 7rem;
  height: 7rem;
  border: 1rem solid var(--preloader-color);
  border-radius: 50%;
  animation: cssPreloaderLarge 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--preloader-color) transparent transparent transparent;
}
.cssPreloaderLarge div:nth-child(1) {
  animation-delay: -0.45s;
}
.cssPreloaderLarge div:nth-child(2) {
  animation-delay: -0.3s;
}
.cssPreloaderLarge div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes cssPreloaderLarge {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*<div class="cssPreloaderSmall" ><div ></div ><div ></div ><div ></div ><div ></div ></div >*/
/*<div class="cssPreloaderLarge" ><div ></div ><div ></div ><div ></div ><div ></div ></div >*/
button {
  cursor: pointer;
  background: transparent;
  border: none;
  overflow: visible;
}
button.btnRounded {
  height: 3.6rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  border-radius: var(--button-rounded);
  color: var(--colorWhite);
  background-color: var(--button-rounded-background);
  font-size: 1.4rem;
  line-height: 1.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
button.btnRounded.cancel {
  background-color: var(--colorBasic3);
  color: var(--colorBasic1);
}
button.btnRounded.positive {
  background-color: var(--colorYes);
  color: var(--colorWhite);
}
button.btnSquare {
  height: 3.6rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  border: 0.1rem solid var(--color1);
  border-radius: var(--button-squared);
  color: var(--color1);
  background-color: var(--colorWhite);
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
button.btnSquare.filter {
  margin: 0.2rem 0rem;
}
button:disabled, button.disabled {
  cursor: not-allowed;
  background-color: var(--colorBasic3);
  color: var(--colorWhite);
  border: none;
}

input,
textarea,
select,
button {
  font-family: "Roboto", sans-serif;
}

input::-ms-clear {
  display: none;
}

input[type=text],
input[type=password] {
  height: 3.6rem;
  color: var(--colorBasic1);
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  box-sizing: border-box;
  border-radius: var(--input-radius);
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 0.5rem;
  text-align: center;
  flex-grow: 1;
}
input[type=text]:disabled, input[type=text].disabled,
input[type=password]:disabled,
input[type=password].disabled {
  cursor: not-allowed;
  color: var(--colorBasic2);
  background: var(--colorBasic4);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input::-webkit-clear-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=button] {
  cursor: pointer;
}

input[type=button],
input[type=time],
input[type=datetime-local] {
  height: 3.6rem;
  color: var(--colorBasic1);
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  box-sizing: border-box;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0.3rem;
  text-align: center;
  width: inherit;
  outline: 0;
  position: relative;
}
input[type=button]:disabled, input[type=button].disabled,
input[type=time]:disabled,
input[type=time].disabled,
input[type=datetime-local]:disabled,
input[type=datetime-local].disabled {
  cursor: not-allowed;
  color: var(--colorBasic2);
  background: var(--colorBasic4);
}
input[type=button]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  margin-left: 0;
}

input[type=datetime-local] {
  display: inherit;
}

select::-ms-expand {
  /* for IE 11 */
  border: none;
}

select {
  height: 3.6rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  box-sizing: border-box;
  border-radius: var(--button-squared);
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 0.5rem;
}
select:disabled, select.disabled {
  cursor: not-allowed;
  color: var(--colorBasic2);
  background: var(--colorBasic4);
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  box-sizing: border-box;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.6rem;
  background: var(--colorBasic2);
  border: none;
  border-radius: 0.3rem;
}

input[type=range]:disabled::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0.3rem solid grey;
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 50%;
  background: var(--colorWhite);
  margin-top: -0.9rem;
  box-sizing: border-box;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0.3rem solid var(--slider-color);
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 50%;
  background: var(--colorWhite);
  margin-top: -0.9rem;
  box-sizing: border-box;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--slider-color);
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.6rem;
  background: var(--colorBasic2);
  border: none;
  border-radius: 0.3rem;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: 0.3rem solid var(--slider-color);
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 50%;
  background: var(--colorWhite);
  box-sizing: border-box;
}

input[type=range]:-moz-focusring {
  outline: none;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 0.6rem;
  background: transparent;
  border-color: transparent;
  border-width: 0.6rem 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: var(--colorBasic2);
  border-radius: 1rem;
}

input[type=range]::-ms-fill-upper {
  background: var(--colorBasic2);
  border-radius: 1rem;
}

input[type=range]::-ms-thumb {
  border: 0.3rem solid var(--slider-color);
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background: var(--colorWhite);
}

input[type=range]:focus::-ms-fill-lower {
  background: var(--colorBasic2);
}

input[type=range]:focus::-ms-fill-upper {
  background: var(--colorBasic2);
}

input[type=range]::-ms-tooltip {
  display: none;
}

.uprekaps-report-win {
  position: fixed; /* Fixed to viewport */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.1rem solid var(--color1);
  background: var(--colorWhite);
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 2rem;
}
.uprekaps-report-win .title {
  font-weight: bold;
  font-size: 2rem;
  color: var(--colorBlue);
  text-decoration: underline;
}
.uprekaps-report-win .caption {
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
}
.uprekaps-report-win .buttons-container {
  display: flex;
  gap: 1rem;
}
.uprekaps-report-win .generate-btn {
  background-color: var(--button-background);
  text-align: center;
  font-size: 1.5rem;
  border-radius: var(--button-radius);
  color: var(--button-icon-color);
  padding: 1rem;
  border: 0.1rem solid var(--button-border-color);
}
.uprekaps-report-win .generate-btn:hover {
  color: var(--gazz-color-hover);
  background-color: var(--colorDarkBlue);
}
.uprekaps-report-win .cancel-btn {
  text-align: center;
  font-size: 1.5rem;
  border-radius: var(--button-radius);
  padding: 1rem;
  border: 0.1rem solid var(--button-border-color);
}
.uprekaps-report-win .cancel-btn:hover {
  color: var(--gazz-color-hover);
  background-color: var(--colorBasic2);
}

#topPanel {
  /*position: absolute;
  top: 0;*/
  /*z-index: 10;*/
  height: var(--position-top);
  width: 100%;
  color: var(--colorBasic1);
  background-color: var(--colorBasic4);
  border-bottom: 0.1rem solid var(--color1);
  padding: 1.2rem 2rem 1.2rem 3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*skryte tlacidlo na ovladanie viditelnosti toolbaru*/
}
#topPanel .toolbar--hamburger {
  display: none;
}
#topPanel .logoLink {
  overflow: hidden;
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: auto;
  padding-right: 1rem;
}
#topPanel .logoLink .name {
  display: none;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: 0.35rem;
}
#topPanel .logoLink .logo {
  max-height: 4.4rem;
  max-width: 18rem;
}

.idsk-header-web__tricolor {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(33.3%, #ffffff), color-stop(33.3%, #003183), color-stop(66.6%, #003183), color-stop(66.6%, #d0190f), to(#d0190f));
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 33.3%, #003183 33.3%, #003183 66.6%, #d0190f 66.6%, #d0190f 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 33.3%, #003183 33.3%, #003183 66.6%, #d0190f 66.6%, #d0190f 100%);
  background-size: 150px 100%;
  background-repeat: repeat;
}

.uprekaps-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--colorBlue);
}

.gaz {
  display: inline-flex;
  position: relative;
  margin-right: 5rem;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.gaz .gaz--input {
  display: inline-block;
  height: 100%;
  width: 100%;
  max-width: 40rem;
  position: relative;
  z-index: 50;
}
.gaz .gaz--input .gaz--searchfield {
  border: 0.1rem solid var(--color1);
  border-radius: var(--input-radius);
  color: var(--colorBasic1);
  background-color: var(--colorWhite);
  box-sizing: border-box;
  height: 4rem;
  z-index: 50;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.gaz .gaz--input .gaz--searchfield #gaz-input {
  border: none;
  border-radius: none;
  color: var(--colorBasic1);
  background-color: transparent;
  padding-left: var(--gazz-input-padding-left);
  flex: 1;
  text-align: left;
}
.gaz .gaz--input .gaz--searchfield #gaz-input:disabled {
  cursor: no-drop;
}
.gaz .gaz--input .gaz--searchfield #gaz-input::placeholder {
  color: var(--colorBasic2);
}
.gaz .gaz--input .gaz--searchfield #gaz-input.hidden {
  display: none;
}
.gaz .gaz--input .gaz--searchfield #gaz-input.visible {
  display: inline-block;
}
.gaz .gaz--input .gaz--searchfield .button-gazetteer {
  color: var(--button-icon-color);
  background-color: var(--button-background);
  cursor: pointer;
  font-size: 1.4rem;
  height: 100%;
  width: 40px;
}
.gaz .gaz--input .gaz--searchfield .button-gazetteer:disabled {
  cursor: no-drop;
}
.gaz .gaz--input .gaz--searchfield .button-gazetteer:hover {
  color: var(--gazz-color-hover);
  background-color: var(--colorDarkBlue);
}
.gaz .gaz--input .gaz--tables {
  z-index: var(--gazz-tables-zindex);
  position: absolute;
  right: 0;
  top: var(--gazz-tables-top);
  padding: var(--gazz-tables-padding);
  width: 100%;
  color: var(--colorBasic1);
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-radius: var(--gazz-results-wrapper-radius);
  border-top: 0;
  box-sizing: border-box;
  min-height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.2rem;
  font-weight: 500;
}
.gaz .gaz--input .gaz--resultswrapper {
  z-index: var(--gazz-res-zindex);
  position: absolute;
  right: 0;
  top: var(--gazz-res-top);
  padding-top: var(--gazz-res-padding-top);
  width: 100%;
  color: var(--colorBasic1);
  max-height: 30rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-top: var(--gazz-res-border-top);
  border-radius: var(--gazz-results-wrapper-radius);
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 26.8rem;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li {
  font-size: 1.2rem;
  font-weight: 500;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li p {
  font-size: 1rem;
  color: var(--color1);
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 2.5rem;
  display: block;
  width: calc(100% - 5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li .group-title {
  cursor: pointer;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li .group-title:hover {
  background-color: var(--gazz-result-hover-background);
  color: var(--colorWhite);
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li .gaz--features > li {
  height: 3.9rem;
  line-height: 3.9rem;
  border-bottom: 0.1rem solid var(--colorBasic3);
  padding: 0 2.5rem;
  display: block;
  width: calc(100% - 5rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li .gaz--features > li:hover {
  background-color: var(--gazz-result-hover-background);
  color: var(--colorWhite);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li .gaz--features > li:focus {
  background-color: var(--colorBasic4);
  color: var(--colorBasic1);
}
.gaz .gaz--input .gaz--resultswrapper .gaz--results > li:last-child ul li:last-child {
  border-bottom: none;
}
.gaz .gaz--holder {
  display: inline-flex;
  position: relative;
  padding-right: 2.5rem;
  flex: 1;
  /*skryty rozklikavaci zoznam*/
}
.gaz .gaz--holder .gaz--holderItem {
  display: none;
}
.gaz .gaz--holder .gaz--bookmarks {
  position: relative;
  list-style-type: none;
  display: inline-flex;
  flex: 1;
  justify-content: flex-end;
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark {
  display: inline-block;
  background-color: var(--colorWhite);
  color: var(--color1);
  cursor: pointer;
  border: 0.1rem solid var(--color1);
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 2.4rem;
  display: inline-flex;
  min-width: 3rem;
  max-width: 12rem;
}
@media screen and (max-width: 1400px) {
  .gaz .gaz--holder .gaz--bookmarks .gaz--bookmark {
    max-width: 10rem;
  }
}
@media screen and (max-width: 1200px) {
  .gaz .gaz--holder .gaz--bookmarks .gaz--bookmark {
    max-width: 8rem;
  }
}
@media screen and (max-width: 1000px) {
  .gaz .gaz--holder .gaz--bookmarks .gaz--bookmark {
    max-width: 6rem;
  }
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark p {
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1.2rem;
  display: inline-block;
  width: calc(100% - 4rem);
  box-sizing: content-box;
  padding-right: 0.4rem;
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark .close {
  cursor: pointer;
  float: right;
  margin: 0 1.2rem 0 0;
  font-size: 1.2rem;
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark[data-state=active] {
  background-color: var(--gazz-bookmark-background);
  color: var(--colorWhite);
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark[data-state=active] p {
  width: calc(100% - 2rem);
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark:not(:last-child) {
  margin-right: -3rem;
  padding-right: 3rem;
}
.gaz .gaz--holder .gaz--bookmarks .gaz--bookmark:not(:last-child) .close {
  margin-right: 0.5rem;
}

.gaz--tables[data-state=hidden],
.gaz--results[data-state=hidden] {
  display: none;
}

.gaz--tables[data-state=visible],
.gaz--results[data-state=visible] {
  display: inline-block;
}

#rightBarMenu,
#controlPanel,
#help-controlPanel {
  display: inline-block;
  /*MAPOVE VRSTVY*/
  /*MAPOVE KOMOPOZICIE*/
  /*PRIESTOROVY FILTER*/
}
#rightBarMenu .container,
#controlPanel .container,
#help-controlPanel .container {
  width: 100%;
}
#rightBarMenu .container .filter,
#controlPanel .container .filter,
#help-controlPanel .container .filter {
  width: 90%;
  margin-left: 2rem;
  margin-bottom: 0.4rem;
}
#rightBarMenu div.controller,
#controlPanel div.controller,
#help-controlPanel div.controller {
  display: inline-block;
  margin-right: 2rem;
}
#rightBarMenu div.controller > button, #rightBarMenu div.controller > a,
#controlPanel div.controller > button,
#controlPanel div.controller > a,
#help-controlPanel div.controller > button,
#help-controlPanel div.controller > a {
  display: inline-flex;
  align-items: center;
  color: var(--colorBasic1);
  background-color: transparent;
  position: relative;
  text-decoration: none;
  margin-left: 0.6rem;
  /*skryt popisy na responzivite*/
  /*skryte zatvaracie tlacidlo*/
}
#rightBarMenu div.controller > button[id|=show], #rightBarMenu div.controller > a[id|=show],
#controlPanel div.controller > button[id|=show],
#controlPanel div.controller > a[id|=show],
#help-controlPanel div.controller > button[id|=show],
#help-controlPanel div.controller > a[id|=show] {
  display: inline-flex;
}
#rightBarMenu div.controller > button i, #rightBarMenu div.controller > a i,
#controlPanel div.controller > button i,
#controlPanel div.controller > a i,
#help-controlPanel div.controller > button i,
#help-controlPanel div.controller > a i {
  display: inline-block;
  background-color: var(--button-background);
  height: 3.4rem;
  line-height: 3.4rem;
  width: 3.4rem;
  text-align: center;
  font-size: 1.5rem;
  border-radius: var(--button-radius);
  border: 0.1rem solid var(--button-border-color);
  margin-right: 0.6rem;
  color: var(--button-icon-color);
}
#rightBarMenu div.controller > button .label, #rightBarMenu div.controller > a .label,
#controlPanel div.controller > button .label,
#controlPanel div.controller > a .label,
#help-controlPanel div.controller > button .label,
#help-controlPanel div.controller > a .label {
  display: none;
}
@media screen and (min-width: 1200px) {
  #rightBarMenu div.controller > button .label, #rightBarMenu div.controller > a .label,
  #controlPanel div.controller > button .label,
  #controlPanel div.controller > a .label,
  #help-controlPanel div.controller > button .label,
  #help-controlPanel div.controller > a .label {
    color: var(--colorBasic2);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1rem;
    display: inline-block;
    width: 6rem;
    text-align: left;
  }
}
#rightBarMenu div.controller > button:hover i, #rightBarMenu div.controller > a:hover i,
#controlPanel div.controller > button:hover i,
#controlPanel div.controller > a:hover i,
#help-controlPanel div.controller > button:hover i,
#help-controlPanel div.controller > a:hover i {
  background-color: var(--button-hover);
  border-color: var(--color1);
}
#rightBarMenu div.controller > button:hover .label, #rightBarMenu div.controller > a:hover .label,
#controlPanel div.controller > button:hover .label,
#controlPanel div.controller > a:hover .label,
#help-controlPanel div.controller > button:hover .label,
#help-controlPanel div.controller > a:hover .label {
  color: var(--color1);
}
#rightBarMenu div.controller > button.active i, #rightBarMenu div.controller > a.active i,
#controlPanel div.controller > button.active i,
#controlPanel div.controller > a.active i,
#help-controlPanel div.controller > button.active i,
#help-controlPanel div.controller > a.active i {
  background-color: var(--button-active);
  color: var(--colorWhite);
  border-color: var(--color1);
  box-shadow: var(--button-active-box-shadow);
}
#rightBarMenu div.controller > button.active .label, #rightBarMenu div.controller > a.active .label,
#controlPanel div.controller > button.active .label,
#controlPanel div.controller > a.active .label,
#help-controlPanel div.controller > button.active .label,
#help-controlPanel div.controller > a.active .label {
  color: var(--color1);
}
#rightBarMenu div.controller > button.close, #rightBarMenu div.controller > a.close,
#controlPanel div.controller > button.close,
#controlPanel div.controller > a.close,
#help-controlPanel div.controller > button.close,
#help-controlPanel div.controller > a.close {
  display: none;
}
#rightBarMenu .panel,
#controlPanel .panel,
#help-controlPanel .panel {
  display: none;
  position: absolute;
  top: var(--position-top);
  bottom: 1.5rem;
  right: 0;
  width: 40.8rem;
  box-sizing: border-box;
  background: var(--colorWhite);
  border-bottom: 0.1rem solid var(--color1);
  border-left: 0.1rem solid var(--color1);
  color: var(--colorBasic1);
  overflow: hidden;
  border-bottom-left-radius: var(--composition-panel-left-radius);
  z-index: 3;
}
#rightBarMenu .panel .header,
#controlPanel .panel .header,
#help-controlPanel .panel .header {
  background-color: var(--composition-panel-header-background);
  color: var(--composition-panel-header-color);
  height: 5.5rem;
  display: flex;
  border-bottom: 0.1rem solid var(--color1);
  box-sizing: border-box;
  align-items: center;
  padding: 0 0 0 2.4rem;
}
#rightBarMenu .panel .header .layers-up,
#controlPanel .panel .header .layers-up,
#help-controlPanel .panel .header .layers-up {
  margin-right: 1.6rem;
  font-size: 2rem;
  color: var(--color1);
  cursor: pointer;
  display: inline-flex;
  line-height: 2.2rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .panel .header h3,
#controlPanel .panel .header h3,
#help-controlPanel .panel .header h3 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
  margin-right: 1.6rem;
  flex: 1;
}
#rightBarMenu .panel .header .layers-home,
#controlPanel .panel .header .layers-home,
#help-controlPanel .panel .header .layers-home {
  margin-left: 0.5rem;
  font-size: 2rem;
  color: var(--color1);
  margin-right: 1.6rem;
  cursor: pointer;
  display: inline-flex;
  line-height: 2.2rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .panel .header .close,
#controlPanel .panel .header .close,
#help-controlPanel .panel .header .close {
  margin-left: 1rem;
  font-size: 2rem;
  cursor: pointer;
  display: inline-flex;
  line-height: 2.2rem;
  align-items: center;
  justify-content: center;
  color: var(--color1);
}
#rightBarMenu .panel .header .close:last-of-type,
#controlPanel .panel .header .close:last-of-type,
#help-controlPanel .panel .header .close:last-of-type {
  margin-right: 1.6rem;
}
#rightBarMenu .panel .scrollerWrapper,
#controlPanel .panel .scrollerWrapper,
#help-controlPanel .panel .scrollerWrapper {
  height: calc(100% - 5.5rem);
  overflow-y: auto;
  overflow-x: hidden;
}
#rightBarMenu .panel .scrollerWrapper .container,
#controlPanel .panel .scrollerWrapper .container,
#help-controlPanel .panel .scrollerWrapper .container {
  padding-bottom: 0.8rem;
}
#rightBarMenu .panel .scrollerWrapper .container .apply,
#controlPanel .panel .scrollerWrapper .container .apply,
#help-controlPanel .panel .scrollerWrapper .container .apply {
  margin-right: 0.3rem;
}
#rightBarMenu .panel .filter,
#controlPanel .panel .filter,
#help-controlPanel .panel .filter {
  padding: 1.6rem 2.4rem;
}
#rightBarMenu .panel .filter .form--submit,
#controlPanel .panel .filter .form--submit,
#help-controlPanel .panel .filter .form--submit {
  justify-content: space-between;
}
#rightBarMenu .panel .filter .form--submit button,
#controlPanel .panel .filter .form--submit button,
#help-controlPanel .panel .filter .form--submit button {
  width: calc(50% - 1rem);
  flex: initial;
}
#rightBarMenu .panel > ul,
#controlPanel .panel > ul,
#help-controlPanel .panel > ul {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 5.5rem - 4rem);
}
#rightBarMenu .panel .total-filters,
#controlPanel .panel .total-filters,
#help-controlPanel .panel .total-filters {
  padding: 0 2.4rem;
  border-top: 0.1rem solid var(--color1);
  height: 4rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#rightBarMenu .panel .total-filters > div, #rightBarMenu .panel .total-filters .icon-filter,
#controlPanel .panel .total-filters > div,
#controlPanel .panel .total-filters .icon-filter,
#help-controlPanel .panel .total-filters > div,
#help-controlPanel .panel .total-filters .icon-filter {
  display: inline-block;
}
#rightBarMenu .panel .total-filters .icon-filter,
#controlPanel .panel .total-filters .icon-filter,
#help-controlPanel .panel .total-filters .icon-filter {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 1.4rem;
  margin-right: 1.5rem;
}
#rightBarMenu .panel .total-filters .total-filters--count,
#controlPanel .panel .total-filters .total-filters--count,
#help-controlPanel .panel .total-filters .total-filters--count {
  margin-left: 0.5rem;
}
#rightBarMenu .panel.active,
#controlPanel .panel.active,
#help-controlPanel .panel.active {
  display: inline-block;
}
#rightBarMenu .panel.active.overlayed,
#controlPanel .panel.active.overlayed,
#help-controlPanel .panel.active.overlayed {
  z-index: 112;
}
#rightBarMenu .category-list .hrClass,
#controlPanel .category-list .hrClass,
#help-controlPanel .category-list .hrClass {
  border: 0;
  height: 0.5px;
  background: rgb(211, 206, 206);
  background-image: linear-gradient(to right, rgb(248, 248, 248), rgb(211, 206, 206), rgb(248, 248, 248));
  margin-top: 0.5rem;
}
#rightBarMenu .category-list li,
#controlPanel .category-list li,
#help-controlPanel .category-list li {
  /*odsadenie druhej kategorie*/
}
#rightBarMenu .category-list li.minimized > ul,
#controlPanel .category-list li.minimized > ul,
#help-controlPanel .category-list li.minimized > ul {
  display: none;
}
#rightBarMenu .category-list li.droped > .layer-row .icons-wrap span.toggle-button:before, #rightBarMenu .category-list li.droped > .layer-row .icons-wrap button.toggle-button:before,
#controlPanel .category-list li.droped > .layer-row .icons-wrap span.toggle-button:before,
#controlPanel .category-list li.droped > .layer-row .icons-wrap button.toggle-button:before,
#help-controlPanel .category-list li.droped > .layer-row .icons-wrap span.toggle-button:before,
#help-controlPanel .category-list li.droped > .layer-row .icons-wrap button.toggle-button:before {
  color: var(--color1);
}
#rightBarMenu .category-list li[draggable=true], #rightBarMenu .category-list li.sortable-ghost, #rightBarMenu .category-list li.sortable-fallback, #rightBarMenu .category-list li.sortable-chosen,
#controlPanel .category-list li[draggable=true],
#controlPanel .category-list li.sortable-ghost,
#controlPanel .category-list li.sortable-fallback,
#controlPanel .category-list li.sortable-chosen,
#help-controlPanel .category-list li[draggable=true],
#help-controlPanel .category-list li.sortable-ghost,
#help-controlPanel .category-list li.sortable-fallback,
#help-controlPanel .category-list li.sortable-chosen {
  background-color: var(--color2);
  /* hide sublist on dragging 
  & > ul {
  	display: none;					
  }*/
  /* hide filter and visibility panel on dragging */
}
#rightBarMenu .category-list li[draggable=true] .visib-wrap, #rightBarMenu .category-list li[draggable=true] .refresh-wrap, #rightBarMenu .category-list li[draggable=true] .info-wrap, #rightBarMenu .category-list li[draggable=true] .addDgn-wrap, #rightBarMenu .category-list li[draggable=true] .buttons-wrap, #rightBarMenu .category-list li[draggable=true] .filter, #rightBarMenu .category-list li.sortable-ghost .visib-wrap, #rightBarMenu .category-list li.sortable-ghost .refresh-wrap, #rightBarMenu .category-list li.sortable-ghost .info-wrap, #rightBarMenu .category-list li.sortable-ghost .addDgn-wrap, #rightBarMenu .category-list li.sortable-ghost .buttons-wrap, #rightBarMenu .category-list li.sortable-ghost .filter, #rightBarMenu .category-list li.sortable-fallback .visib-wrap, #rightBarMenu .category-list li.sortable-fallback .refresh-wrap, #rightBarMenu .category-list li.sortable-fallback .info-wrap, #rightBarMenu .category-list li.sortable-fallback .addDgn-wrap, #rightBarMenu .category-list li.sortable-fallback .buttons-wrap, #rightBarMenu .category-list li.sortable-fallback .filter, #rightBarMenu .category-list li.sortable-chosen .visib-wrap, #rightBarMenu .category-list li.sortable-chosen .refresh-wrap, #rightBarMenu .category-list li.sortable-chosen .info-wrap, #rightBarMenu .category-list li.sortable-chosen .addDgn-wrap, #rightBarMenu .category-list li.sortable-chosen .buttons-wrap, #rightBarMenu .category-list li.sortable-chosen .filter,
#controlPanel .category-list li[draggable=true] .visib-wrap,
#controlPanel .category-list li[draggable=true] .refresh-wrap,
#controlPanel .category-list li[draggable=true] .info-wrap,
#controlPanel .category-list li[draggable=true] .addDgn-wrap,
#controlPanel .category-list li[draggable=true] .buttons-wrap,
#controlPanel .category-list li[draggable=true] .filter,
#controlPanel .category-list li.sortable-ghost .visib-wrap,
#controlPanel .category-list li.sortable-ghost .refresh-wrap,
#controlPanel .category-list li.sortable-ghost .info-wrap,
#controlPanel .category-list li.sortable-ghost .addDgn-wrap,
#controlPanel .category-list li.sortable-ghost .buttons-wrap,
#controlPanel .category-list li.sortable-ghost .filter,
#controlPanel .category-list li.sortable-fallback .visib-wrap,
#controlPanel .category-list li.sortable-fallback .refresh-wrap,
#controlPanel .category-list li.sortable-fallback .info-wrap,
#controlPanel .category-list li.sortable-fallback .addDgn-wrap,
#controlPanel .category-list li.sortable-fallback .buttons-wrap,
#controlPanel .category-list li.sortable-fallback .filter,
#controlPanel .category-list li.sortable-chosen .visib-wrap,
#controlPanel .category-list li.sortable-chosen .refresh-wrap,
#controlPanel .category-list li.sortable-chosen .info-wrap,
#controlPanel .category-list li.sortable-chosen .addDgn-wrap,
#controlPanel .category-list li.sortable-chosen .buttons-wrap,
#controlPanel .category-list li.sortable-chosen .filter,
#help-controlPanel .category-list li[draggable=true] .visib-wrap,
#help-controlPanel .category-list li[draggable=true] .refresh-wrap,
#help-controlPanel .category-list li[draggable=true] .info-wrap,
#help-controlPanel .category-list li[draggable=true] .addDgn-wrap,
#help-controlPanel .category-list li[draggable=true] .buttons-wrap,
#help-controlPanel .category-list li[draggable=true] .filter,
#help-controlPanel .category-list li.sortable-ghost .visib-wrap,
#help-controlPanel .category-list li.sortable-ghost .refresh-wrap,
#help-controlPanel .category-list li.sortable-ghost .info-wrap,
#help-controlPanel .category-list li.sortable-ghost .addDgn-wrap,
#help-controlPanel .category-list li.sortable-ghost .buttons-wrap,
#help-controlPanel .category-list li.sortable-ghost .filter,
#help-controlPanel .category-list li.sortable-fallback .visib-wrap,
#help-controlPanel .category-list li.sortable-fallback .refresh-wrap,
#help-controlPanel .category-list li.sortable-fallback .info-wrap,
#help-controlPanel .category-list li.sortable-fallback .addDgn-wrap,
#help-controlPanel .category-list li.sortable-fallback .buttons-wrap,
#help-controlPanel .category-list li.sortable-fallback .filter,
#help-controlPanel .category-list li.sortable-chosen .visib-wrap,
#help-controlPanel .category-list li.sortable-chosen .refresh-wrap,
#help-controlPanel .category-list li.sortable-chosen .info-wrap,
#help-controlPanel .category-list li.sortable-chosen .addDgn-wrap,
#help-controlPanel .category-list li.sortable-chosen .buttons-wrap,
#help-controlPanel .category-list li.sortable-chosen .filter {
  display: none;
}
#rightBarMenu .category-list li.sortable-ghost > ul,
#controlPanel .category-list li.sortable-ghost > ul,
#help-controlPanel .category-list li.sortable-ghost > ul {
  display: none;
}
#rightBarMenu .category-list li.isOpen > .layer-row,
#controlPanel .category-list li.isOpen > .layer-row,
#help-controlPanel .category-list li.isOpen > .layer-row {
  background: var(--composition-panel-active-header-background);
  color: var(--colorWhite);
  border-bottom: 0.1rem solid var(--color1);
}
#rightBarMenu .category-list li.isOpen > .layer-row .icon-eye,
#rightBarMenu .category-list li.isOpen > .layer-row .icon-eye-crossed,
#rightBarMenu .category-list li.isOpen > .layer-row h5,
#rightBarMenu .category-list li.isOpen > .layer-row h4,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap .icon-warning,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap span,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap button,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap div,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap label,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap label i,
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap button i,
#controlPanel .category-list li.isOpen > .layer-row .icon-eye,
#controlPanel .category-list li.isOpen > .layer-row .icon-eye-crossed,
#controlPanel .category-list li.isOpen > .layer-row h5,
#controlPanel .category-list li.isOpen > .layer-row h4,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap .icon-warning,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap span,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap button,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap div,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap label,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap label i,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap button i,
#help-controlPanel .category-list li.isOpen > .layer-row .icon-eye,
#help-controlPanel .category-list li.isOpen > .layer-row .icon-eye-crossed,
#help-controlPanel .category-list li.isOpen > .layer-row h5,
#help-controlPanel .category-list li.isOpen > .layer-row h4,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap .icon-warning,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap span,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap button,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap div,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap label,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap label i,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap button i {
  color: var(--colorWhite) !important;
}
#rightBarMenu .category-list li.isOpen > .layer-row .icons-wrap .icon-tools:before,
#controlPanel .category-list li.isOpen > .layer-row .icons-wrap .icon-tools:before,
#help-controlPanel .category-list li.isOpen > .layer-row .icons-wrap .icon-tools:before {
  content: "c";
}
#rightBarMenu .category-list li.isOpen > .layer-row .loader,
#controlPanel .category-list li.isOpen > .layer-row .loader,
#help-controlPanel .category-list li.isOpen > .layer-row .loader {
  display: none;
}
#rightBarMenu .category-list li .layer-row,
#controlPanel .category-list li .layer-row,
#help-controlPanel .category-list li .layer-row {
  height: 4rem;
  border-bottom: 0.1rem solid var(--colorBasic3);
  display: flex;
  align-items: center;
  padding: 0 1.6rem 0 2.4rem;
}
#rightBarMenu .category-list li .layer-row .icon-eye,
#rightBarMenu .category-list li .layer-row .icon-eye-crossed,
#controlPanel .category-list li .layer-row .icon-eye,
#controlPanel .category-list li .layer-row .icon-eye-crossed,
#help-controlPanel .category-list li .layer-row .icon-eye,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed {
  color: var(--icon-color);
  font-size: 1.6rem;
  margin-right: 1.6rem;
  cursor: pointer;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
}
#rightBarMenu .category-list li .layer-row .icon-eye-crossed,
#controlPanel .category-list li .layer-row .icon-eye-crossed,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed {
  color: var(--colorBasic3);
}
#rightBarMenu .category-list li .layer-row .icon-eye-crossed + h4, #rightBarMenu .category-list li .layer-row .icon-eye-crossed + h5,
#controlPanel .category-list li .layer-row .icon-eye-crossed + h4,
#controlPanel .category-list li .layer-row .icon-eye-crossed + h5,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed + h4,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed + h5 {
  color: var(--colorBasic2);
}
#rightBarMenu .category-list li .layer-row .icon-eye-crossed + h4 + .icons-wrap .icon-tools, #rightBarMenu .category-list li .layer-row .icon-eye-crossed + h5 + .icons-wrap .icon-tools,
#controlPanel .category-list li .layer-row .icon-eye-crossed + h4 + .icons-wrap .icon-tools,
#controlPanel .category-list li .layer-row .icon-eye-crossed + h5 + .icons-wrap .icon-tools,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed + h4 + .icons-wrap .icon-tools,
#help-controlPanel .category-list li .layer-row .icon-eye-crossed + h5 + .icons-wrap .icon-tools {
  color: var(--colorBasic2);
}
#rightBarMenu .category-list li .layer-row h4,
#rightBarMenu .category-list li .layer-row h5,
#controlPanel .category-list li .layer-row h4,
#controlPanel .category-list li .layer-row h5,
#help-controlPanel .category-list li .layer-row h4,
#help-controlPanel .category-list li .layer-row h5 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#rightBarMenu .category-list li .layer-row .icons-wrap,
#controlPanel .category-list li .layer-row .icons-wrap,
#help-controlPanel .category-list li .layer-row .icons-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
#rightBarMenu .category-list li .layer-row .icons-wrap > span, #rightBarMenu .category-list li .layer-row .icons-wrap > button, #rightBarMenu .category-list li .layer-row .icons-wrap > div, #rightBarMenu .category-list li .layer-row .icons-wrap > label,
#controlPanel .category-list li .layer-row .icons-wrap > span,
#controlPanel .category-list li .layer-row .icons-wrap > button,
#controlPanel .category-list li .layer-row .icons-wrap > div,
#controlPanel .category-list li .layer-row .icons-wrap > label,
#help-controlPanel .category-list li .layer-row .icons-wrap > span,
#help-controlPanel .category-list li .layer-row .icons-wrap > button,
#help-controlPanel .category-list li .layer-row .icons-wrap > div,
#help-controlPanel .category-list li .layer-row .icons-wrap > label {
  font-size: 2rem;
  margin-left: 1rem;
  background-color: transparent;
  cursor: pointer;
  color: var(--color1);
  display: inline-flex;
  width: 2rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .category-list li .layer-row .icons-wrap > span.icon-warning, #rightBarMenu .category-list li .layer-row .icons-wrap > button.icon-warning, #rightBarMenu .category-list li .layer-row .icons-wrap > div.icon-warning, #rightBarMenu .category-list li .layer-row .icons-wrap > label.icon-warning,
#controlPanel .category-list li .layer-row .icons-wrap > span.icon-warning,
#controlPanel .category-list li .layer-row .icons-wrap > button.icon-warning,
#controlPanel .category-list li .layer-row .icons-wrap > div.icon-warning,
#controlPanel .category-list li .layer-row .icons-wrap > label.icon-warning,
#help-controlPanel .category-list li .layer-row .icons-wrap > span.icon-warning,
#help-controlPanel .category-list li .layer-row .icons-wrap > button.icon-warning,
#help-controlPanel .category-list li .layer-row .icons-wrap > div.icon-warning,
#help-controlPanel .category-list li .layer-row .icons-wrap > label.icon-warning {
  color: var(--colorBasic2);
  cursor: help;
  font-size: 1.4rem;
}
#rightBarMenu .category-list li .layer-row .icons-wrap > span.toggle-button, #rightBarMenu .category-list li .layer-row .icons-wrap > button.toggle-button, #rightBarMenu .category-list li .layer-row .icons-wrap > div.toggle-button, #rightBarMenu .category-list li .layer-row .icons-wrap > label.toggle-button,
#controlPanel .category-list li .layer-row .icons-wrap > span.toggle-button,
#controlPanel .category-list li .layer-row .icons-wrap > button.toggle-button,
#controlPanel .category-list li .layer-row .icons-wrap > div.toggle-button,
#controlPanel .category-list li .layer-row .icons-wrap > label.toggle-button,
#help-controlPanel .category-list li .layer-row .icons-wrap > span.toggle-button,
#help-controlPanel .category-list li .layer-row .icons-wrap > button.toggle-button,
#help-controlPanel .category-list li .layer-row .icons-wrap > div.toggle-button,
#help-controlPanel .category-list li .layer-row .icons-wrap > label.toggle-button {
  color: var(--colorBasic2);
  font-size: 1.2rem;
}
#rightBarMenu .category-list li .layer-row .icons-wrap > span.toggle-button:before, #rightBarMenu .category-list li .layer-row .icons-wrap > button.toggle-button:before, #rightBarMenu .category-list li .layer-row .icons-wrap > div.toggle-button:before, #rightBarMenu .category-list li .layer-row .icons-wrap > label.toggle-button:before,
#controlPanel .category-list li .layer-row .icons-wrap > span.toggle-button:before,
#controlPanel .category-list li .layer-row .icons-wrap > button.toggle-button:before,
#controlPanel .category-list li .layer-row .icons-wrap > div.toggle-button:before,
#controlPanel .category-list li .layer-row .icons-wrap > label.toggle-button:before,
#help-controlPanel .category-list li .layer-row .icons-wrap > span.toggle-button:before,
#help-controlPanel .category-list li .layer-row .icons-wrap > button.toggle-button:before,
#help-controlPanel .category-list li .layer-row .icons-wrap > div.toggle-button:before,
#help-controlPanel .category-list li .layer-row .icons-wrap > label.toggle-button:before {
  font-family: "Font Awesome 5 Pro";
}
#rightBarMenu .category-list li .layer-row .icons-wrap > span input.layer-tools, #rightBarMenu .category-list li .layer-row .icons-wrap > button input.layer-tools, #rightBarMenu .category-list li .layer-row .icons-wrap > div input.layer-tools, #rightBarMenu .category-list li .layer-row .icons-wrap > label input.layer-tools,
#controlPanel .category-list li .layer-row .icons-wrap > span input.layer-tools,
#controlPanel .category-list li .layer-row .icons-wrap > button input.layer-tools,
#controlPanel .category-list li .layer-row .icons-wrap > div input.layer-tools,
#controlPanel .category-list li .layer-row .icons-wrap > label input.layer-tools,
#help-controlPanel .category-list li .layer-row .icons-wrap > span input.layer-tools,
#help-controlPanel .category-list li .layer-row .icons-wrap > button input.layer-tools,
#help-controlPanel .category-list li .layer-row .icons-wrap > div input.layer-tools,
#help-controlPanel .category-list li .layer-row .icons-wrap > label input.layer-tools {
  position: absolute;
  height: 0.1rem;
  width: 0.4rem;
  visibility: hidden;
}
#rightBarMenu .category-list li .layer-row .icons-wrap .loader,
#controlPanel .category-list li .layer-row .icons-wrap .loader,
#help-controlPanel .category-list li .layer-row .icons-wrap .loader {
  height: 2rem;
  width: 2rem;
  margin-left: 0.6rem;
}
#rightBarMenu .category-list li .layer-row.subfilter,
#controlPanel .category-list li .layer-row.subfilter,
#help-controlPanel .category-list li .layer-row.subfilter {
  border-bottom: 0.1rem solid #3a6aef;
  border-top: 0.1rem solid #3a6aef;
  margin-top: -1px;
  background-color: #ffffff;
}
#rightBarMenu .category-list li .layer-row.subfilter sub,
#controlPanel .category-list li .layer-row.subfilter sub,
#help-controlPanel .category-list li .layer-row.subfilter sub {
  font-size: smaller;
}
#rightBarMenu .category-list li .layer-row.subfilter.backgroundActive,
#controlPanel .category-list li .layer-row.subfilter.backgroundActive,
#help-controlPanel .category-list li .layer-row.subfilter.backgroundActive {
  margin-bottom: 0.5rem;
  background-color: var(--color1);
  color: var(--color2);
}
#rightBarMenu .category-list li .layer-row.subfilter.backgroundActive .icon-bin,
#rightBarMenu .category-list li .layer-row.subfilter.backgroundActive .icon-tools,
#rightBarMenu .category-list li .layer-row.subfilter.backgroundActive .icon-close,
#controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-bin,
#controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-tools,
#controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-close,
#help-controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-bin,
#help-controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-tools,
#help-controlPanel .category-list li .layer-row.subfilter.backgroundActive .icon-close {
  color: white;
}
#rightBarMenu .category-list li .layer-row.subfilter .icon-bin,
#rightBarMenu .category-list li .layer-row.subfilter .icon-tools,
#rightBarMenu .category-list li .layer-row.subfilter .icon-close,
#controlPanel .category-list li .layer-row.subfilter .icon-bin,
#controlPanel .category-list li .layer-row.subfilter .icon-tools,
#controlPanel .category-list li .layer-row.subfilter .icon-close,
#help-controlPanel .category-list li .layer-row.subfilter .icon-bin,
#help-controlPanel .category-list li .layer-row.subfilter .icon-tools,
#help-controlPanel .category-list li .layer-row.subfilter .icon-close {
  color: var(--color1);
}
#rightBarMenu .category-list li .tools-wrap,
#controlPanel .category-list li .tools-wrap,
#help-controlPanel .category-list li .tools-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  border-right: 0.1rem solid var(--color1);
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap,
#controlPanel .category-list li .tools-wrap .buttons-wrap,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label,
#controlPanel .category-list li .tools-wrap .buttons-wrap label,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label {
  flex: 1;
  background: var(--colorWhite);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  min-height: 4.8rem;
  border-right: 0.1rem solid var(--color1);
  cursor: pointer;
  padding: 0.5rem;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label:last-of-type,
#controlPanel .category-list li .tools-wrap .buttons-wrap label:last-of-type,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label:last-of-type {
  border-right: 0;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label.inactive,
#controlPanel .category-list li .tools-wrap .buttons-wrap label.inactive,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label.inactive {
  border-bottom: 0.1rem solid #3a6aef;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label.active,
#controlPanel .category-list li .tools-wrap .buttons-wrap label.active,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label.active {
  background: var(--color2);
  color: var(--color1);
  border-bottom: none;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label input,
#controlPanel .category-list li .tools-wrap .buttons-wrap label input,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label input {
  visibility: hidden;
  height: 0;
  width: 0;
  position: absolute;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label i,
#controlPanel .category-list li .tools-wrap .buttons-wrap label i,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label i {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label:hover,
#controlPanel .category-list li .tools-wrap .buttons-wrap label:hover,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label:hover {
  color: var(--color1);
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label span,
#controlPanel .category-list li .tools-wrap .buttons-wrap label span,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label span {
  text-align: center;
  font-size: 1rem;
  line-height: 1.1rem;
  display: inline-block;
  width: 100%;
}
#rightBarMenu .category-list li .tools-wrap .buttons-wrap label .panel-icons,
#controlPanel .category-list li .tools-wrap .buttons-wrap label .panel-icons,
#help-controlPanel .category-list li .tools-wrap .buttons-wrap label .panel-icons {
  margin-bottom: 0.5rem;
}
#rightBarMenu .category-list li .detail-wrap,
#controlPanel .category-list li .detail-wrap,
#help-controlPanel .category-list li .detail-wrap {
  border: 0.1rem solid var(--color1);
  border-radius: var(--detail-wrapper-radius);
  border-left: none;
  background: var(--color2);
  height: auto;
  width: 100%;
  padding: 2rem 2.5rem;
  box-sizing: border-box;
  align-items: center;
  min-height: 7.5rem;
  display: flex;
}
#rightBarMenu .category-list li .detail-wrap.container-wrap,
#controlPanel .category-list li .detail-wrap.container-wrap,
#help-controlPanel .category-list li .detail-wrap.container-wrap {
  padding: 0.2rem 0rem 2rem 0rem;
}
#rightBarMenu .category-list li .detail-wrap.has-header,
#controlPanel .category-list li .detail-wrap.has-header,
#help-controlPanel .category-list li .detail-wrap.has-header {
  padding: 0rem 0rem 2rem 0rem;
}
#rightBarMenu .category-list li .detail-wrap.date-picker,
#controlPanel .category-list li .detail-wrap.date-picker,
#help-controlPanel .category-list li .detail-wrap.date-picker {
  display: inline-block;
}
#rightBarMenu .category-list li .detail-wrap .refresh-content,
#controlPanel .category-list li .detail-wrap .refresh-content,
#help-controlPanel .category-list li .detail-wrap .refresh-content {
  width: 100%;
}
#rightBarMenu .category-list li .detail-wrap .refresh-content.loading,
#controlPanel .category-list li .detail-wrap .refresh-content.loading,
#help-controlPanel .category-list li .detail-wrap .refresh-content.loading {
  text-align: center;
}
#rightBarMenu .category-list li .detail-wrap .filter,
#controlPanel .category-list li .detail-wrap .filter,
#help-controlPanel .category-list li .detail-wrap .filter {
  padding: 0;
  flex: 1;
}
#rightBarMenu .category-list li .detail-wrap .info-content,
#controlPanel .category-list li .detail-wrap .info-content,
#help-controlPanel .category-list li .detail-wrap .info-content {
  line-height: 1.6rem;
  flex: 1;
}
#rightBarMenu .category-list li .detail-wrap .info-content.date-picker,
#controlPanel .category-list li .detail-wrap .info-content.date-picker,
#help-controlPanel .category-list li .detail-wrap .info-content.date-picker {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content,
#controlPanel .category-list li .detail-wrap .date-picker-content,
#help-controlPanel .category-list li .detail-wrap .date-picker-content {
  display: flex;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content input[type=datetime-local],
#controlPanel .category-list li .detail-wrap .date-picker-content input[type=datetime-local],
#help-controlPanel .category-list li .detail-wrap .date-picker-content input[type=datetime-local] {
  margin-right: 1rem;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content button,
#controlPanel .category-list li .detail-wrap .date-picker-content button,
#help-controlPanel .category-list li .detail-wrap .date-picker-content button {
  flex: 1;
  position: relative;
  margin-right: 1rem;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content button:last-of-type,
#controlPanel .category-list li .detail-wrap .date-picker-content button:last-of-type,
#help-controlPanel .category-list li .detail-wrap .date-picker-content button:last-of-type {
  margin-right: 0;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content button.apply,
#controlPanel .category-list li .detail-wrap .date-picker-content button.apply,
#help-controlPanel .category-list li .detail-wrap .date-picker-content button.apply {
  padding-right: 3.5rem;
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content button.apply i,
#controlPanel .category-list li .detail-wrap .date-picker-content button.apply i,
#help-controlPanel .category-list li .detail-wrap .date-picker-content button.apply i {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 3.6rem;
  top: 0;
  width: 3.5rem;
  justify-content: center;
  align-items: center;
  border-left: 0.1rem solid var(--colorWhite);
}
#rightBarMenu .category-list li .detail-wrap .date-picker-content button.refresh,
#controlPanel .category-list li .detail-wrap .date-picker-content button.refresh,
#help-controlPanel .category-list li .detail-wrap .date-picker-content button.refresh {
  color: white;
  width: 4rem;
  flex: none;
}
#rightBarMenu .category-list li > ul li .layer-row,
#controlPanel .category-list li > ul li .layer-row,
#help-controlPanel .category-list li > ul li .layer-row {
  padding-left: 3.8rem;
}
#rightBarMenu ul#compositions-list,
#controlPanel ul#compositions-list,
#help-controlPanel ul#compositions-list {
  height: calc(100% - 5.5rem);
}
#rightBarMenu ul#compositions-list li,
#controlPanel ul#compositions-list li,
#help-controlPanel ul#compositions-list li {
  height: 4rem;
  border-bottom: 0.1rem solid var(--colorBasic3);
  display: flex;
  align-items: center;
  padding: 0 1.6rem 0 2.4rem;
  cursor: pointer;
}
#rightBarMenu ul#compositions-list li:hover,
#controlPanel ul#compositions-list li:hover,
#help-controlPanel ul#compositions-list li:hover {
  color: var(--color1);
}
#rightBarMenu ul#compositions-list li.active,
#controlPanel ul#compositions-list li.active,
#help-controlPanel ul#compositions-list li.active {
  color: var(--color1);
  cursor: initial;
  background-color: var(--color2);
  font-weight: 600;
  text-decoration: underline;
}
#rightBarMenu .spatialFilter .filter,
#controlPanel .spatialFilter .filter,
#help-controlPanel .spatialFilter .filter {
  margin-left: 0rem;
  margin-bottom: 0.4rem;
}
#rightBarMenu .spatialFilter .filters,
#controlPanel .spatialFilter .filters,
#help-controlPanel .spatialFilter .filters {
  position: relative;
  /*predefinovane filtre*/
}
#rightBarMenu .spatialFilter .filters .header,
#controlPanel .spatialFilter .filters .header,
#help-controlPanel .spatialFilter .filters .header {
  height: 4.8rem;
  border-top: 0.1rem solid var(--color1);
}
#rightBarMenu .spatialFilter .filters .header .close,
#controlPanel .spatialFilter .filters .header .close,
#help-controlPanel .spatialFilter .filters .header .close {
  display: none;
}
#rightBarMenu .spatialFilter .filters .filters--body .container h4,
#rightBarMenu .spatialFilter .filters .filters--body .container h5,
#controlPanel .spatialFilter .filters .filters--body .container h4,
#controlPanel .spatialFilter .filters .filters--body .container h5,
#help-controlPanel .spatialFilter .filters .filters--body .container h4,
#help-controlPanel .spatialFilter .filters .filters--body .container h5 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > span, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > button, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > div, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > label,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label {
  font-size: 2rem;
  margin-left: 1rem;
  background-color: transparent;
  cursor: pointer;
  color: var(--color1);
  display: inline-flex;
  width: 2rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > span.icon-warning, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > button.icon-warning, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > div.icon-warning, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > label.icon-warning,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.icon-warning,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.icon-warning,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.icon-warning,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.icon-warning,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.icon-warning,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.icon-warning,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.icon-warning,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.icon-warning {
  color: var(--colorBasic2);
  cursor: help;
  font-size: 1.4rem;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button {
  color: var(--colorBasic2);
  font-size: 1.2rem;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button:before, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button:before, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button:before, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button:before,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button:before,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button:before,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button:before,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button:before,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span.toggle-button:before,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button.toggle-button:before,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div.toggle-button:before,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label.toggle-button:before {
  font-family: "Font Awesome 5 Pro";
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > span input.layer-tools, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > button input.layer-tools, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > div input.layer-tools, #rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap > label input.layer-tools,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span input.layer-tools,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button input.layer-tools,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div input.layer-tools,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label input.layer-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > span input.layer-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > button input.layer-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > div input.layer-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap > label input.layer-tools {
  position: absolute;
  height: 0.1rem;
  width: 0.4rem;
  visibility: hidden;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .icons-wrap .loader,
#controlPanel .spatialFilter .filters .filters--body .container .icons-wrap .loader,
#help-controlPanel .spatialFilter .filters .filters--body .container .icons-wrap .loader {
  height: 2rem;
  width: 2rem;
  margin-left: 0.6rem;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row {
  height: 4rem;
  display: flex;
  align-items: center;
  padding: 0 1.6rem 0 2.4rem;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter {
  border-bottom: 0.1rem solid #3a6aef;
  border-top: 0.1rem solid #3a6aef;
  margin-top: -1px;
  background-color: #ffffff;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter sub,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter sub,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter sub {
  font-size: smaller;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive {
  margin-bottom: 0.5rem;
  background-color: var(--color1);
  color: var(--color2);
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-bin,
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-tools,
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-close,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-bin,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-tools,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-close,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-bin,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter.backgroundActive .icon-close {
  color: white;
}
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-bin,
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-tools,
#rightBarMenu .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-close,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-bin,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-tools,
#controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-close,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-bin,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-tools,
#help-controlPanel .spatialFilter .filters .filters--body .container .layer-row.subfilter .icon-close {
  color: var(--color1);
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row {
  height: 4rem;
  border-bottom: 0.1rem solid var(--colorBasic3);
  display: flex;
  align-items: center;
  padding: 0 1.6rem 0 2.4rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row span,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row span,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit {
  flex: 1;
  display: contents;
}
@media screen\0  {
  #rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
  #rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit,
  #controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
  #controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit,
  #help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName,
  #help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit {
    display: flex;
  }
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName span,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit span,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName span,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit span,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName span,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit span {
  align-items: center;
  align-self: center;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName input,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit input,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName input,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit input,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName input,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit input {
  flex: 1;
  text-align: left;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button {
  color: var(--color1);
  font-size: 1.6rem;
  margin-left: 1rem;
  cursor: pointer;
  display: inline;
  width: 2rem;
  line-height: 2.1rem;
  align-items: center;
  justify-content: center;
}
@media screen\0  {
  #rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
  #rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button,
  #controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
  #controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button,
  #help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName button,
  #help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .filters--filterName--edit button {
    display: inline-flex;
  }
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row input[type=checkbox],
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row input[type=radio],
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row input[type="checkbox:disabled"],
#controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type=checkbox],
#controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type=radio],
#controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type="checkbox:disabled"],
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type=checkbox],
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type=radio],
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row input[type="checkbox:disabled"] {
  display: none;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row input.switcher:checked + .switcherIcon:before,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row input.switcher:checked + .switcherIcon:before,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row input.switcher:checked + .switcherIcon:before {
  content: "\f06e";
  color: var(--color1);
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .switcherIcon,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .switcherIcon,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .switcherIcon {
  color: var(--colorBasic2);
  font-size: 1.6rem;
  margin-right: 1.6rem;
  cursor: pointer;
  display: inline-flex;
  width: 2rem;
  line-height: 2.1rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .icons,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .icons .expander,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons .expander,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons .expander {
  color: var(--colorBasic2);
  font-size: 1.2rem;
  margin-left: 1rem;
  cursor: pointer;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .icons input.show-filter:checked + .expander:before,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons input.show-filter:checked + .expander:before,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons input.show-filter:checked + .expander:before {
  content: "\f0d7";
  color: var(--color1);
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row .icons .details,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons .details,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row .icons .details {
  color: var(--color1);
  font-size: 2rem;
  margin-left: 1rem;
  cursor: pointer;
  display: inline-flex;
  width: 2rem;
  line-height: 2.1rem;
  align-items: center;
  justify-content: center;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen {
  background: var(--color1);
  color: var(--colorWhite);
  border-bottom: 0.1rem solid var(--color1);
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon:before,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .expander,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .details,
#rightBarMenu .spatialFilter .filters .filters--body > li .filter-row.isOpen button:before,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon:before,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .expander,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .details,
#controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen button:before,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .switcherIcon:before,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .expander,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen .icons .details,
#help-controlPanel .spatialFilter .filters .filters--body > li .filter-row.isOpen button:before {
  color: var(--colorWhite) !important;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter {
  border: 0.1rem solid var(--color1);
  border-radius: 0 0 1.2rem 1.2rem;
  border-left: none;
  background: var(--color2);
  height: auto;
  width: 100%;
  padding: 2rem 2.5rem;
  box-sizing: border-box;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter.container-wrap,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter.container-wrap,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter.container-wrap {
  padding: 0.2rem 0rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .filter,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .filter,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .filter {
  padding: 0;
  width: 90%;
  margin-left: 2rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--color1);
  margin-bottom: 10px;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label {
  flex: 1;
  background: var(--colorWhite);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  min-height: 4.8rem;
  border-right: 0.1rem solid var(--color1);
  cursor: pointer;
  padding: 0.5rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:last-of-type,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:last-of-type,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:last-of-type {
  border-right: 0;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.inactive,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.inactive,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.inactive {
  border-bottom: 0.1rem solid #3a6aef;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.active,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.active,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label.active {
  background: var(--color2);
  color: var(--color1);
  border-bottom: none;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label input,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label input,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label input {
  visibility: hidden;
  height: 0;
  width: 0;
  position: absolute;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label i,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label i,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label i {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:hover,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:hover,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label:hover {
  color: var(--color1);
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label span,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label span,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label span {
  text-align: center;
  font-size: 1rem;
  line-height: 1.1rem;
  display: inline-block;
  width: 100%;
}
#rightBarMenu .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label .panel-icons,
#controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label .panel-icons,
#help-controlPanel .spatialFilter .filters .filters--body > li .filters--filter .tools-wrap .buttons-wrap label .panel-icons {
  margin-bottom: 0.5rem;
}
#rightBarMenu .spatialFilter .filters .filters--body > li > ul li .filter-row,
#controlPanel .spatialFilter .filters .filters--body > li > ul li .filter-row,
#help-controlPanel .spatialFilter .filters .filters--body > li > ul li .filter-row {
  padding-left: 3.8rem;
}
#rightBarMenu .spatialFilter .filters .filters--buttons,
#controlPanel .spatialFilter .filters .filters--buttons,
#help-controlPanel .spatialFilter .filters .filters--buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 1.6rem 2.4rem 2.4rem;
}
#rightBarMenu .spatialFilter .filters .filters--buttons button,
#controlPanel .spatialFilter .filters .filters--buttons button,
#help-controlPanel .spatialFilter .filters .filters--buttons button {
  width: calc(50% - 1rem);
}

#map_toolbar {
  position: absolute;
  z-index: 50;
  top: var(--position-top);
  bottom: var(--map-toolbar-bottom);
  width: 6.4rem;
  left: 0;
  box-sizing: border-box;
  background-color: var(--colorWhite);
  border-right: 0.1rem solid var(--color1);
  border-left: 0.1rem solid var(--color1);
}
#map_toolbar > .toolbar {
  height: 100%;
}
#map_toolbar > .toolbar > button {
  height: 2rem;
  width: 100%;
  background: var(--color2);
  color: var(--color1);
  box-sizing: border-box;
}
#map_toolbar > .toolbar > button.top {
  border-bottom: 0.1rem solid var(--color1);
}
#map_toolbar > .toolbar > button.bottom {
  border-top: 0.1rem solid var(--color1);
  border-bottom: 0.1rem solid var(--color1);
}
#map_toolbar > .toolbar > button:hover {
  background: var(--map-toolbar-arrow-background-hover);
  color: var(--colorWhite);
}
#map_toolbar > .toolbar > button:disabled {
  cursor: not-allowed;
  color: var(--colorBasic3);
}
#map_toolbar > .toolbar > button:disabled:hover {
  cursor: not-allowed;
  color: var(--colorBasic3);
  background: var(--color2);
}
#map_toolbar > .toolbar > #tools {
  padding-bottom: 0.5rem;
  height: calc(100% - 4rem);
  -ms-overflow-style: none;
  overflow-y: auto;
}
#map_toolbar > .toolbar > #tools::-webkit-scrollbar {
  display: none;
}
#map_toolbar > .toolbar.subtools--active > #tools {
  width: 34rem;
  pointer-events: none;
  overflow: hidden;
}
#map_toolbar > .toolbar.subtools--active > button {
  cursor: not-allowed;
  color: var(--colorBasic3);
  pointer-events: none;
}
#map_toolbar > .toolbar.subtools--active > button:hover {
  cursor: not-allowed;
  color: var(--colorBasic3);
  background: var(--color2);
}

.toolbar--item {
  position: relative;
  pointer-events: auto;
  width: 6.2rem;
  /*hover nad polozkou*/
  /*aktivna polozka*/
}
.toolbar--item > label {
  height: 6rem;
  width: 6.2rem;
  display: block;
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.toolbar--item > label a,
.toolbar--item > label button {
  background-color: transparent;
  display: inline-block;
  width: 100%;
}
.toolbar--item > label i {
  display: block;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--colorBasic1);
  font-family: "Font Awesome 5 Pro";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
}
.toolbar--item > label .caption {
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: var(--colorBasic2);
  height: 2.2rem;
  margin: 0.5rem 0.5rem 0;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 1rem);
}
.toolbar--item > label input:disabled + i {
  cursor: not-allowed;
  color: var(--colorBasic3);
}
.toolbar--item > label input:disabled + i + .caption {
  color: var(--colorBasic3);
  cursor: not-allowed;
}
.toolbar--item input[type=checkbox],
.toolbar--item input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.toolbar--item:hover > label i {
  color: var(--toolbar-item-hover);
}
.toolbar--item:hover > label .caption {
  color: var(--toolbar-item-hover);
}
.toolbar--item.active:not(.button) > label {
  background-color: var(--toolbar-item-active-background);
}
.toolbar--item.active:not(.button) > label i {
  color: var(--colorWhite);
}
.toolbar--item.active:not(.button) > label .caption {
  color: var(--colorWhite);
}
.toolbar--item.disabled {
  cursor: not-allowed;
}
.toolbar--item.disabled > label i {
  color: var(--colorBasic3);
}
.toolbar--item.disabled > label .caption {
  color: var(--colorBasic3);
}
.toolbar--item .toolbar {
  display: block;
  position: absolute;
  left: 6.3rem;
  top: 0;
}
.toolbar--item .toolbar > button {
  display: none;
}
.toolbar--item .toolbar > ul {
  width: 24.8rem;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-width: 0.1rem 0.1rem 0.1rem 0;
  border-radius: var(--toolbar-items-radius);
}
.toolbar--item .toolbar > ul .toolbar--item > label {
  height: 6rem;
}
.toolbar--item .toolbar.active {
  left: 0;
}
.toolbar--item .toolbar.active > ul {
  border-radius: 0;
  left: 0;
  border: 0;
  margin-left: 0;
  width: inherit;
}
.toolbar--item .toolbar.active > ul .toolbar--item:not(.active) {
  display: none;
}
.toolbar--item .toolbar.active > ul .toolbar--item.button {
  display: none;
}
.toolbar--item .toolbar.active > ul .active > label {
  width: 6.3rem;
}

.uprekaps-export-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
}
.uprekaps-export-btn-container.is-active {
  background: var(--button-background);
  color: white;
}
.uprekaps-export-btn-container.is-active .label {
  color: white;
}
.uprekaps-export-btn-container.is-active button {
  color: white;
}
.uprekaps-export-btn-container button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.uprekaps-export-btn-container .label {
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: var(--colorBasic2);
  height: 2.2rem;
  margin: 0.5rem 0.5rem 0;
}
.uprekaps-export-btn-container:hover:not(.is-active) {
  cursor: pointer;
}
.uprekaps-export-btn-container:hover:not(.is-active) .label,
.uprekaps-export-btn-container:hover:not(.is-active) i {
  color: var(--toolbar-item-hover);
}

footer,
.bottomPanel {
  position: absolute;
  bottom: var(--bottom-panel-bottom);
  right: 0;
  left: 0;
  text-align: right;
  height: 2.8rem;
  display: inline-flex;
  padding-bottom: var(--bottom-panel-padding-bottom);
}
footer .logoutContainer,
.bottomPanel .logoutContainer {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  border: 0.1rem solid var(--color1);
  border-radius: 2.9rem;
  width: 3rem;
  z-index: 10;
}
footer .logoutContainer button,
.bottomPanel .logoutContainer button {
  height: 2.2rem;
  color: var(--colorBasic1);
  margin: auto;
  font-size: 1.6rem;
}
footer .logoutContainer:hover ul,
.bottomPanel .logoutContainer:hover ul {
  display: inline-block;
}
footer .logoutContainer ul,
.bottomPanel .logoutContainer ul {
  display: none;
  position: absolute;
  bottom: 2.8rem;
  right: 0;
  padding-bottom: 0.4rem;
  text-align: center;
  z-index: 100;
  line-height: 2rem;
}
footer .logoutContainer ul li,
.bottomPanel .logoutContainer ul li {
  border: 1px solid var(--color1);
  border-radius: 1.2rem;
  background-color: var(--color1);
  color: var(--colorWhite);
  margin-right: 1rem;
  padding: 0.3rem;
  cursor: pointer;
}
footer .copyright-btn,
.bottomPanel .copyright-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6rem;
  line-height: 6rem;
  width: 6.4rem;
  float: left;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 0.1rem solid var(--color1);
  border-radius: var(--copyright-btn-radius);
  color: var(--copyright-btn-color);
  background-color: var(--copyright-btn-background);
  box-sizing: border-box;
  z-index: 30;
  font-size: 1.8rem;
}
footer .copyright-btn:before,
.bottomPanel .copyright-btn:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f1f9";
}
footer .copyright-btn:hover, footer .copyright-btn:focus:hover, footer .copyright-btn:active, footer .copyright-btn:focus,
.bottomPanel .copyright-btn:hover,
.bottomPanel .copyright-btn:focus:hover,
.bottomPanel .copyright-btn:active,
.bottomPanel .copyright-btn:focus {
  background-color: var(--copyright-btn-background-hover);
}
footer .copyright-btn:hover:before, footer .copyright-btn:focus:hover:before, footer .copyright-btn:active:before, footer .copyright-btn:focus:before,
.bottomPanel .copyright-btn:hover:before,
.bottomPanel .copyright-btn:focus:hover:before,
.bottomPanel .copyright-btn:active:before,
.bottomPanel .copyright-btn:focus:before {
  color: var(--colorWhite);
}
footer .language-switcher,
.bottomPanel .language-switcher {
  border: 0.1rem solid var(--color1);
  border-radius: 2.4rem;
  height: 2.8rem;
  vertical-align: top;
  box-sizing: border-box;
  background-color: var(--colorWhite);
  display: inline-block;
  margin-right: 1.1rem;
  cursor: pointer;
  z-index: 10;
  position: relative;
  display: inline-flex;
  /* 		.logoutBtn {
  	position: absolute;
  	bottom: 3rem;
  	height: 2.2rem;
  	width: 7rem;
  } */
}
footer .language-switcher span,
.bottomPanel .language-switcher span {
  display: inline-block;
  width: 3.4rem;
  height: 2rem;
  line-height: 2rem;
  margin: 0.3rem 0;
  font-size: 1.2rem;
  font-weight: 500;
  box-sizing: content-box;
  text-align: center;
  color: var(--colorBasic1);
  border-right: 0.1rem solid var(--color1);
  text-transform: uppercase;
  float: left;
}
footer .language-switcher i,
.bottomPanel .language-switcher i {
  display: inline-block;
  width: 3.4rem;
  height: 2rem;
  line-height: 2rem;
  margin: 0.3rem 0;
  font-size: 1.2rem;
  font-weight: 500;
  box-sizing: content-box;
  text-align: center;
  color: var(--colorBasic1);
  float: left;
}
footer .language-switcher:hover ul,
.bottomPanel .language-switcher:hover ul {
  display: inline-block;
}
footer .language-switcher ul,
.bottomPanel .language-switcher ul {
  display: none;
  position: absolute;
  bottom: 2.8rem;
  right: 0;
  padding-bottom: 0.4rem;
  text-align: center;
  z-index: 100;
}
footer .language-switcher ul li,
.bottomPanel .language-switcher ul li {
  border: none;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1.5rem;
  cursor: pointer;
  width: auto;
  border: 1px solid var(--color1);
  border-width: 0 0.1rem 0;
  background-color: var(--colorWhite);
  overflow: hidden;
}
footer .language-switcher ul li:first-child,
.bottomPanel .language-switcher ul li:first-child {
  border-top-width: 0.1rem;
  border-top-right-radius: 1.2rem;
  border-top-left-radius: 1.2rem;
}
footer .language-switcher ul li:last-child,
.bottomPanel .language-switcher ul li:last-child {
  border-bottom-width: 0.1rem;
  border-bottom-right-radius: 1.2rem;
  border-bottom-left-radius: 1.2rem;
}
footer .language-switcher ul li:hover,
.bottomPanel .language-switcher ul li:hover {
  background-color: var(--color1);
  color: var(--colorWhite);
}
footer .language-switcher ul li.selectedLang,
.bottomPanel .language-switcher ul li.selectedLang {
  background-color: var(--color1);
  color: var(--colorWhite);
}
footer .scale-box-control,
.bottomPanel .scale-box-control {
  display: inline-block;
  z-index: 10;
  position: relative;
  height: 2.8rem;
}
footer .scale-box-control .scales-select-box,
.bottomPanel .scale-box-control .scales-select-box {
  display: none;
  position: absolute;
  bottom: 2.8rem;
  padding-bottom: 0.4rem;
  text-align: center;
  z-index: 100;
  left: 0;
}
footer .scale-box-control .scales-select-box li,
.bottomPanel .scale-box-control .scales-select-box li {
  color: var(--colorBasic1);
  border: none;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
  width: auto;
  border: 1px solid var(--color1);
  border-width: 0 0.1rem 0;
  background-color: var(--colorWhite);
  overflow: hidden;
}
footer .scale-box-control .scales-select-box li:first-child,
.bottomPanel .scale-box-control .scales-select-box li:first-child {
  border-width: 0.1rem 0.1rem 0;
  border-radius: 1.2rem 1.2rem 0 0;
}
footer .scale-box-control .scales-select-box li:last-child,
.bottomPanel .scale-box-control .scales-select-box li:last-child {
  border-width: 0 0.1rem 0.1rem;
  border-radius: 0 0 1.2rem 1.2rem;
}
footer .scale-box-control .scales-select-box li:hover,
.bottomPanel .scale-box-control .scales-select-box li:hover {
  background-color: var(--color1);
  color: var(--colorWhite);
}

.panelOpen footer,
.panelOpen .bottomPanel {
  right: 40.2rem;
}

.provider-info {
  position: absolute;
  background: #f2f2f2;
  border-top: 0.1rem solid #949494;
  bottom: 0;
  right: 0;
  left: 6.4rem;
  height: 5.4rem;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  font-size: 1.4rem;
}

.copyright-content {
  display: none;
  z-index: 20;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-radius: var(--copyright-radius);
  width: 75rem;
  overflow: hidden;
  padding-left: 6.4rem;
  text-align: left;
}
.copyright-content .copyright-title {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 2.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.copyright-content .copyright-title span {
  flex: 1;
  text-align: left;
}
.copyright-content .copyright-title .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}

.copyright-text,
.copyright-text2 {
  padding: 2.5rem;
  color: var(--colorBasic1);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.copyright-text2 {
  padding-top: 0;
}

.copyright-btn:focus ~ .copyright-content,
.copyright-btn:hover ~ .copyright-content {
  display: block;
}

.copyright-container {
  position: absolute;
  z-index: 2;
  color: var(--colorWhite);
  font-size: 1rem;
  line-height: 1.4rem;
  bottom: var(--copyright-container-bottom);
  left: 8.8rem;
  max-width: 50rem;
  border-radius: var(--copyright-container-radius);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}
.copyright-container.noBreadcrumb {
  bottom: 1.5rem;
}
.copyright-container.errBreadcrumb {
  bottom: 5.2rem;
}
.copyright-container .copyright-item {
  display: block;
  padding: 0.4rem 1rem 0 1rem;
}
.copyright-container .copyright-item:last-of-type {
  padding-bottom: 0.4rem;
}

.position-manager {
  position: relative;
  display: inline-flex;
  margin-left: 6.4rem;
  padding-left: 2.4rem;
  float: left;
  z-index: 10;
  max-width: calc(100% - 37rem);
  flex: 1;
  padding-right: 6rem;
}
.position-manager:empty {
  display: none;
}
.position-manager .position-item {
  display: inline-block;
  height: 2.8rem;
  line-height: 2.6rem;
  color: var(--colorBasic1);
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic1);
  border-radius: var(--position-breadcrumb-radius);
  padding: 0 1.2rem;
  font-size: 1.2rem;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.position-manager .position-item:not(:last-child) {
  margin-right: -3rem;
  padding-right: 4rem;
}
.position-manager .position-item:last-child {
  color: var(--color1);
  border: 0.1rem solid var(--color1);
}

.extern-controls {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: none;
  margin-right: 1.2rem;
}
.extern-controls .map-zoom {
  display: inline-block;
  height: inherit;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: var(--map-scale-radius);
  overflow: hidden;
  background: var(--map-scale-color);
  position: relative;
  z-index: 30;
}
.extern-controls .map-zoom .ol-zoom {
  display: inline-flex;
}
.extern-controls .map-zoom .ol-zoom .ol-zoom-in,
.extern-controls .map-zoom .ol-zoom .ol-zoom-out {
  width: 3.4rem;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  margin: 0.4rem 0;
  background: var(--map-scale-color);
  color: var(--colorWhite);
  float: right;
  font-size: 2rem;
  box-sizing: content-box;
  text-align: center;
}
.extern-controls .map-zoom .ol-zoom .ol-zoom-out {
  border-right: 0.1rem solid var(--color1);
}
.extern-controls .map-scale {
  display: inline-block;
  position: relative;
  border: 0.1rem solid var(--color1);
  border-radius: var(--map-scale-radius);
  height: 2.8rem;
  vertical-align: top;
  margin-right: -3rem;
  padding-right: 3rem;
  box-sizing: border-box;
  background-color: var(--colorWhite);
  z-index: 25;
  cursor: pointer;
}
.extern-controls .map-scale:hover .scales-select-box {
  display: inline-block;
}
.extern-controls .map-scale .ol-scale-line .ol-scale-line-inner {
  border: 0.1rem solid var(--colorBasic1);
  border-top: none;
  color: var(--colorBasic1);
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  margin: 0.7rem 1rem 0.4rem 1.6rem;
  will-change: contents, width;
  display: inline-block;
  height: 1.4rem;
  line-height: 1.4rem;
}
.extern-controls .helpScale {
  padding: 0 2rem;
}

#topPanel .panel ul.legend-layers,
#help-controlPanel ul.legend-layers {
  height: calc(100% - 5.5rem);
}
#topPanel .panel ul.legend-layers .legend-layers-item,
#help-controlPanel ul.legend-layers .legend-layers-item {
  border-bottom: 0.1rem solid var(--colorBasic3);
  padding: 1.2rem 2.4rem;
  overflow: hidden;
}
#topPanel .panel ul.legend-layers .legend-layers-item p,
#help-controlPanel ul.legend-layers .legend-layers-item p {
  display: block;
  position: relative;
  text-align: left;
  clear: both;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--colorBasic1);
}
#topPanel .panel ul.legend-layers .legend-layers-item p:before,
#help-controlPanel ul.legend-layers .legend-layers-item p:before {
  content: "•";
  font-size: 2.4rem;
  line-height: 1.2rem;
  float: left;
  display: inline-block;
  width: 2rem;
  box-sizing: border-box;
  text-align: left;
  color: var(--colorBasic1);
}
#topPanel .panel ul.legend-layers .legend-layers-item span,
#help-controlPanel ul.legend-layers .legend-layers-item span {
  display: block;
  position: relative;
  text-align: left;
  clear: both;
  margin-top: 0.4rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--colorBasic2);
  margin-left: 2rem;
}
#topPanel .panel ul.legend-layers .legend-layers-item img,
#help-controlPanel ul.legend-layers .legend-layers-item img {
  display: block;
  margin-top: 1.6rem;
  max-width: 100%;
}

/*ked nie je aktivna ziadna vrstva*/
#legend-warning {
  margin: 1.2rem 2.4rem;
  font-size: 1.2rem;
  color: var(--colorBasic1);
  font-weight: 500;
}

/*tlac legendy - zatial nenastylovane*/
#print-legend.active {
  display: block;
}

#print-legend {
  display: none;
}

#print-legend .legend-layers li {
  text-decoration: none;
  font-size: 1.1em;
  list-style-type: none;
}

#print-legend .legend-layers li p {
  width: auto;
  padding-right: 0.5em;
  display: inline-block;
}

#print-legend .legend-layers li span {
  display: inline-block;
}

#print-legend .legend-layers li img {
  display: block;
}

input.jelly[type=checkbox] {
  display: none !important;
}

input.jelly[type=checkbox] + .jelly {
  position: relative;
  top: -0.2rem;
  width: 2rem !important;
  height: 2rem !important;
  border: 0.2rem solid var(--colorBasic3);
  border-radius: 0.4rem;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
  margin: 0;
  padding: 0 !important;
  display: inline-block;
  box-sizing: border-box;
  /*margin-left: -0.4rem; toto neviem co tu robi*/
}

input.jelly[type=checkbox] + .jelly:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0.5rem;
  width: 0.4rem;
  height: 1rem;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 0.2rem solid var(--colorWhite);
  border-bottom: 0.2rem solid var(--colorWhite);
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}

input.jelly[type=checkbox]:checked ~ .jelly {
  border-color: transparent;
  background: var(--jelly-color);
}

input.jelly[type=checkbox]:checked ~ .jelly:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

@-moz-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-o-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.overlay {
  z-index: 111;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
}
.overlay.align-items-center {
  align-items: center;
  justify-content: center;
  z-index: 112;
}
.overlay > .scale-box-control {
  left: calc(100% - 55rem);
  position: relative;
  top: calc(100% - 5rem);
}
.overlay > .window {
  width: 40rem;
  position: relative;
  border-radius: var(--overlay-window-radius);
  background: var(--colorWhite);
  overflow: hidden;
  text-align: center;
}
.overlay > .window.overview-visualiser {
  left: 7rem;
  position: absolute;
  top: 6.4rem;
  bottom: 1.5rem;
  right: 0;
  width: calc(100% - 49rem);
  box-sizing: border-box;
  display: block;
}
.overlay > .window.overview-visualiser .title {
  height: 5.5rem;
}
.overlay > .window.overview-visualiser .active {
  color: var(--colorWhite);
  background-color: #3a6aef;
  border: 1px solid var(--colorWhite) !important;
}
.overlay > .window .title {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.overlay > .window .title h5 {
  flex: 1;
  text-align: center;
}
.overlay > .window .title .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.overlay > .window .messageContent {
  /* 	.multipleSelection {
  	width: 300px;
  	background-color: #BCC2C1;
  }

  .selectBox {
  	position: relative;
  }

  .selectBox select {
  	width: 100%;
  	font-weight: bold;
  }

  .overSelect {
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
  }

  #checkBoxes {
  	display: none;
  	border: 1px #8DF5E4 solid;
  }

  #checkBoxes label {
  	display: block;
  }

  #checkBoxes label:hover {
  	background-color: #4F615E;
  } */
  padding: 3rem 2.5rem 0;
}
.overlay > .window .messageContent .dmsUploadHandler p {
  border-top: solid 1px lightgray;
  padding-top: 7px;
  margin-bottom: 1.5rem;
}
.overlay > .window .messageContent .dmsUploadHandler .metadata-container {
  display: flex;
  flex-direction: column;
  width: 317px;
  margin: 4px auto 3px auto;
  max-height: 210px;
  margin-bottom: 11px;
  /* border-bottom: solid 1px lightgray; */
}
.overlay > .window .messageContent .dmsUploadHandler .metadata-container label {
  padding-bottom: 10px;
  font-size: 13px;
  margin-right: 14px;
  float: left;
}
.overlay > .window .messageContent .dmsUploadHandler .metadata-container .disabledCursor {
  cursor: not-allowed;
}
.overlay > .window .messageContent .dmsUploadHandler .metadata-container.scrollable {
  overflow-x: scroll;
}
.overlay > .window .messageContent .dmsUploadHandler .selectBox {
  width: 190px;
  cursor: pointer;
  margin: auto;
  padding-bottom: 3px;
}
.overlay > .window .messageContent .dmsUploadHandler #checkBoxes {
  display: flex;
  flex-direction: column;
  max-height: 125px;
  overflow-y: scroll;
  border: solid 1px lightgray;
  padding: 6px;
  align-items: flex-start;
  justify-items: flex-start;
  margin: 4px auto 10px auto;
}
.overlay > .window .messageContent .dmsUploadHandler #checkBoxes input[type=text] {
  margin-bottom: 8px;
  border-radius: 7px;
  text-align: left;
  height: 27px;
  padding-left: 2px;
  padding: 11px;
  font-size: 1.5rem;
}
.overlay > .window .messageContent .dmsUploadHandler #checkBoxes label {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
.overlay > .window .messageContent .dmsUploadHandler .groupRolePanel {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 161px;
  overflow-y: scroll;
  border: solid 1px lightgray;
}
.overlay > .window .messageContent .dmsUploadHandler .groupRoleRow {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin-top: 5px;
  border-bottom: solid 1px lightgray;
  padding-bottom: 7px;
}
.overlay > .window .messageContent .dmsUploadHandler .groupRoleRow select {
  height: 24px;
}
.overlay > .window .messageContent .dmsUploadHandler .groupRoleRow > * {
  flex: 1;
}
.overlay > .window .messageContent .dmsUploadHandler .groupRoleRow:last-child {
  border-bottom: none;
}
.overlay > .window .messageContent p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--colorBasic1);
  margin-bottom: 1.5rem;
}
.overlay > .window .messageContent a {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.overlay > .window .messageContent input[type=text] {
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
  padding: 0 1.4rem;
  height: 4rem;
  width: 100%;
  box-sizing: border-box;
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
  color: var(--colorBasic1);
}
.overlay > .window .messageContent .buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding-top: 0.5rem;
}
.overlay > .window .messageContent .buttons button {
  width: calc(50% - 1rem);
  margin-bottom: 2.5rem;
}
.overlay > .window .messageContent .buttons button.single {
  width: 100%;
}
.overlay > .window .map {
  width: 100%;
  height: calc(100% - 5.5rem);
}
.overlay#loader-overlay {
  z-index: 110;
}
.overlay#loader-overlay #loader {
  text-align: center;
}
.overlay#loader-overlay #loader div {
  margin-bottom: 2.6rem;
}
.overlay#loader-overlay #loader span {
  display: block;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--colorWhite);
}
.overlay#loader-overlay #loader button {
  width: 10rem;
  margin-top: 2rem;
}
.overlay#gfi-overlay {
  display: none;
}
.overlay#gfi-overlay.active {
  display: block;
  z-index: 50;
  position: fixed;
}

/*nepodporovany prehliadac*/
.browser-mask {
  z-index: 111;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--colorBasic3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.browser-mask .modal {
  width: 40rem;
  position: relative;
  border-radius: 2rem;
  background: var(--colorWhite);
  overflow: hidden;
  text-align: center;
}
.browser-mask .modal h3 {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.browser-mask .modal p {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 3rem 2.5rem;
}
.browser-mask .modal div {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0 2.5rem 3rem 2.5rem;
}

/*okno nav vyber prvku pri merani*/
.features-selectBox {
  display: none;
}
.features-selectBox.active {
  z-index: 111;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.features-selectBox.active .features-selectBox--wrapper {
  width: 40rem;
  position: relative;
  border-radius: 2rem;
  background: var(--colorWhite);
  overflow: hidden;
  text-align: center;
}
.features-selectBox.active .features-selectBox--header {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.features-selectBox.active .features-selectBox--header span {
  flex: 1;
  text-align: center;
}
.features-selectBox.active .features-selectBox--header .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.features-selectBox.active .features-selectBox--body {
  padding: 3rem 2.5rem 0;
}
.features-selectBox.active .features-selectBox--body label {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--colorBasic1);
  margin-bottom: 2.5rem;
  display: inline-block;
}
.features-selectBox.active .features-selectBox--body div {
  width: 100%;
  margin-bottom: 2.5rem;
}
.features-selectBox.active .features-selectBox--body div select {
  width: 100%;
}
.features-selectBox.active .features-selectBox--body .features-selectBox--controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding-top: 0.5rem;
}
.features-selectBox.active .features-selectBox--body .features-selectBox--controls button {
  width: calc(50% - 1rem);
}

.ol-overviewmap.ol-unselectable {
  position: absolute;
  right: 2rem;
  bottom: var(--overview-map-bottom);
  z-index: 2;
  border: 0.1rem solid var(--color1);
  height: 18.5rem;
  padding: 0.8rem;
  width: 29rem;
  background-color: var(--colorWhite);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--overview-map-radius);
}
.ol-overviewmap.ol-unselectable .ol-overviewmap-map {
  border: 0.1rem solid var(--colorBasic3);
  border-radius: var(--overview-map-radius);
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.ol-overviewmap.ol-unselectable .ol-overviewmap-box {
  border: 2px solid red;
}
.ol-overviewmap.ol-unselectable button {
  display: none;
}

.panelOpen .map .ol-overviewmap {
  right: 42.6rem;
}

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

.ol-overviewmap.ol-collapsed {
  display: none;
}

.positionLocator {
  position: fixed;
  left: 7.4rem;
  top: var(--cords-panel-position-top);
  width: 35rem;
  display: none;
  z-index: 60;
  box-sizing: border-box;
  /*priprave na zobacik vlavo od panela*/
  /*&:before {
  	width: 1.6rem;
  	height: 1.6rem;
  	display: inline-block;
  	background: url('../Images/caretBlue.svg');
  	content: '';
  	position: absolute;
  	top: calc(50% - 0.8rem); 
  	left: -1.5rem;
  	z-index: 15;
  }*/
}
.positionLocator .positionLocator--content {
  border: 0.1rem solid var(--color1);
  overflow: hidden;
  background: var(--colorWhite);
  z-index: 10;
  border-radius: var(--position-locator-radius);
}
.positionLocator .positionLocator--content .positionLocator--header {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.positionLocator .positionLocator--content .positionLocator--header span {
  flex: 1;
  text-align: center;
}
.positionLocator .positionLocator--content .positionLocator--header .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.positionLocator .positionLocator--content .positionLocator--body {
  position: relative;
  padding: 2rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--selectBox {
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--selectBox span {
  display: inline-block;
  line-height: 1.8rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: 9rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--selectBox select {
  flex: 1;
  text-transform: uppercase;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs {
  width: 100%;
  overflow: hidden;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div {
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div span {
  display: inline-block;
  line-height: 1.8rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: 9rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div span:not(:first-of-type) {
  width: 0.5rem;
  margin: 0 0.5rem;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div input {
  flex: 1;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div#positionLocator--latitude span:last-of-type, .positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div#positionLocator--longitude span:last-of-type {
  margin-right: 0;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div#positionLocator--latitude input:not(:last-of-type), .positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div#positionLocator--longitude input:not(:last-of-type) {
  width: 3em;
  flex: unset;
}
.positionLocator .positionLocator--content .positionLocator--body .positionLocator--crs div:last-of-type {
  margin-bottom: 0;
}
.positionLocator .positionLocator--content .positionLocator--controls {
  width: 100%;
  padding: 0 2rem 2rem;
  box-sizing: border-box;
}
.positionLocator .positionLocator--content .positionLocator--controls button {
  width: 100%;
}

#positionLocator.active {
  display: block;
}

.print-mapfish {
  position: fixed;
  left: 7.4rem;
  top: 7.4rem;
  width: 35rem;
  z-index: 60;
  border: 0.1rem solid var(--color1);
  overflow: hidden;
  background: var(--colorWhite);
  border-radius: 2rem;
  box-sizing: border-box;
}
.print-mapfish .form--header {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.print-mapfish .form--header span {
  flex: 1;
  text-align: center;
}
.print-mapfish .form--header .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.print-mapfish .form--content {
  position: relative;
  padding: 1.2rem;
  max-height: calc(100vh - 17.7rem);
  overflow-y: auto;
  box-sizing: border-box;
}
.print-mapfish .form--content .form--input,
.print-mapfish .form--content .form--selectBox,
.print-mapfish .form--content .form--group {
  width: 100%;
  margin-bottom: 0.9rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
  overflow: hidden;
}
.print-mapfish .form--content .form--input label,
.print-mapfish .form--content .form--input span,
.print-mapfish .form--content .form--selectBox label,
.print-mapfish .form--content .form--selectBox span,
.print-mapfish .form--content .form--group label,
.print-mapfish .form--content .form--group span {
  display: inline-block;
  line-height: 1.8rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: 9rem;
}
.print-mapfish .form--content .form--input input[type=text],
.print-mapfish .form--content .form--selectBox input[type=text],
.print-mapfish .form--content .form--group input[type=text] {
  flex: 1;
}
.print-mapfish .form--content .form--input input[type=radio],
.print-mapfish .form--content .form--selectBox input[type=radio],
.print-mapfish .form--content .form--group input[type=radio] {
  display: none;
}
.print-mapfish .form--content .form--input .switcher,
.print-mapfish .form--content .form--selectBox .switcher,
.print-mapfish .form--content .form--group .switcher {
  height: 3.6rem;
  color: var(--color1);
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  box-sizing: border-box;
  border-radius: 1.8rem;
  display: inline-block;
  padding: 0 0.5rem;
  text-align: center;
  line-height: 3.6rem;
  margin-right: 1.2rem;
  flex: 1;
  width: inherit;
  cursor: pointer;
}
.print-mapfish .form--content .form--input .switcher:last-of-type,
.print-mapfish .form--content .form--selectBox .switcher:last-of-type,
.print-mapfish .form--content .form--group .switcher:last-of-type {
  margin-right: 0;
}
.print-mapfish .form--content .form--input input[type=radio]:checked + .switcher,
.print-mapfish .form--content .form--selectBox input[type=radio]:checked + .switcher,
.print-mapfish .form--content .form--group input[type=radio]:checked + .switcher {
  background-color: var(--color1);
  border-color: var(--color1);
  color: var(--colorWhite);
}
.print-mapfish .form--content .form--input input[type=radio]:checked:disabled + .switcher,
.print-mapfish .form--content .form--selectBox input[type=radio]:checked:disabled + .switcher,
.print-mapfish .form--content .form--group input[type=radio]:checked:disabled + .switcher {
  cursor: not-allowed;
  background-color: var(--colorBasic1);
  color: var(--colorWhite);
  border: none;
}
.print-mapfish .form--content .form--input input[type=radio]:disabled + .switcher,
.print-mapfish .form--content .form--selectBox input[type=radio]:disabled + .switcher,
.print-mapfish .form--content .form--group input[type=radio]:disabled + .switcher {
  cursor: not-allowed;
  background-color: var(--colorBasic3);
  color: var(--colorWhite);
  border: none;
}
.print-mapfish .form--content .form--input select,
.print-mapfish .form--content .form--selectBox select,
.print-mapfish .form--content .form--group select {
  flex: 1;
  text-transform: uppercase;
}
.print-mapfish .form--content .form--input label.jelly,
.print-mapfish .form--content .form--selectBox label.jelly,
.print-mapfish .form--content .form--group label.jelly {
  margin-right: 1.6rem;
  margin-left: 0.6rem;
}
.print-mapfish .form--content .form--input label.radioText,
.print-mapfish .form--content .form--selectBox label.radioText,
.print-mapfish .form--content .form--group label.radioText {
  width: 12rem;
}
.print-mapfish .form--content .form--input .form--selectBox,
.print-mapfish .form--content .form--selectBox .form--selectBox,
.print-mapfish .form--content .form--group .form--selectBox {
  margin-bottom: 0;
  flex: 1;
}
.print-mapfish .form--content .form--input label.format,
.print-mapfish .form--content .form--input label.mapSheet,
.print-mapfish .form--content .form--selectBox label.format,
.print-mapfish .form--content .form--selectBox label.mapSheet,
.print-mapfish .form--content .form--group label.format,
.print-mapfish .form--content .form--group label.mapSheet {
  width: 16.2rem;
}
.print-mapfish .form--content .form--input.advanced,
.print-mapfish .form--content .form--selectBox.advanced,
.print-mapfish .form--content .form--group.advanced {
  justify-content: center;
  height: 1.8rem;
}
.print-mapfish .form--content .form--input.advanced label,
.print-mapfish .form--content .form--selectBox.advanced label,
.print-mapfish .form--content .form--group.advanced label {
  color: var(--color1);
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: auto;
  display: flex;
  font-size: 1.4rem;
}
.print-mapfish .form--content .form--input.advanced label:after,
.print-mapfish .form--content .form--selectBox.advanced label:after,
.print-mapfish .form--content .form--group.advanced label:after {
  margin-left: 1rem;
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
}
.print-mapfish .form--content .form--input.advanced input,
.print-mapfish .form--content .form--selectBox.advanced input,
.print-mapfish .form--content .form--group.advanced input {
  display: none;
}
.print-mapfish .form--content .form--input.advanced.active label:after,
.print-mapfish .form--content .form--selectBox.advanced.active label:after,
.print-mapfish .form--content .form--group.advanced.active label:after {
  content: "\f077";
}
.print-mapfish .form--content .form--input.overlap--controls,
.print-mapfish .form--content .form--selectBox.overlap--controls,
.print-mapfish .form--content .form--group.overlap--controls {
  align-items: center;
  justify-content: center;
  display: flex;
  height: auto;
}
.print-mapfish .form--content .form--input.overlap--controls .arrows,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows,
.print-mapfish .form--content .form--group.overlap--controls .arrows {
  margin-right: 2rem;
  align-items: center;
  justify-content: center;
  display: flex;
  height: auto;
}
.print-mapfish .form--content .form--input.overlap--controls .arrows .column,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows .column,
.print-mapfish .form--content .form--group.overlap--controls .arrows .column {
  margin: 0 0.4rem;
  display: inline-flex;
  flex-direction: column;
}
.print-mapfish .form--content .form--input.overlap--controls .arrows .column button:first-of-type,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows .column button:first-of-type,
.print-mapfish .form--content .form--group.overlap--controls .arrows .column button:first-of-type {
  margin-bottom: 1.3rem;
}
.print-mapfish .form--content .form--input.overlap--controls .arrows .button-arrow,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows .button-arrow,
.print-mapfish .form--content .form--group.overlap--controls .arrows .button-arrow {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  box-sizing: border-box;
  border: 0.1rem solid var(--colorBasic3);
  color: var(--colorBasic1);
  font-size: 1.4rem;
  border-radius: 0.8rem;
}
.print-mapfish .form--content .form--input.overlap--controls .arrows .button-arrow:disabled, .print-mapfish .form--content .form--input.overlap--controls .arrows .button-arrow.disabled,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows .button-arrow:disabled,
.print-mapfish .form--content .form--selectBox.overlap--controls .arrows .button-arrow.disabled,
.print-mapfish .form--content .form--group.overlap--controls .arrows .button-arrow:disabled,
.print-mapfish .form--content .form--group.overlap--controls .arrows .button-arrow.disabled {
  cursor: not-allowed;
  background-color: var(--colorBasic3);
  color: var(--colorWhite);
  border: none;
}
.print-mapfish .form--content .form--input.overlap--controls .button-confirm,
.print-mapfish .form--content .form--selectBox.overlap--controls .button-confirm,
.print-mapfish .form--content .form--group.overlap--controls .button-confirm {
  flex: 1;
  font-size: 1.2rem;
}
.print-mapfish .form--content .form--input.form--slider,
.print-mapfish .form--content .form--selectBox.form--slider,
.print-mapfish .form--content .form--group.form--slider {
  display: flex;
}
.print-mapfish .form--content .form--input.form--slider label,
.print-mapfish .form--content .form--selectBox.form--slider label,
.print-mapfish .form--content .form--group.form--slider label {
  width: 6rem;
}
.print-mapfish .form--content .form--input.form--slider .slider,
.print-mapfish .form--content .form--selectBox.form--slider .slider,
.print-mapfish .form--content .form--group.form--slider .slider {
  flex: 1;
  display: flex;
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--band,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--band,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--band {
  display: none;
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--slider,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--slider,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--slider {
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--value,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--value,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--value {
  width: 5rem;
  margin-left: 2rem;
  box-sizing: border-box;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--value input,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--value input,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--value input {
  width: 2.5rem;
  text-align: right;
  display: inline-block;
  font-size: 1.4rem;
  height: 1.4rem;
  font-weight: 500;
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--value input::-webkit-outer-spin-button,
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--value input::-webkit-inner-spin-button,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--value input::-webkit-outer-spin-button,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--value input::-webkit-inner-spin-button,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--value input::-webkit-outer-spin-button,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--value input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.print-mapfish .form--content .form--input.form--slider .slider .colorChange--value:after,
.print-mapfish .form--content .form--selectBox.form--slider .slider .colorChange--value:after,
.print-mapfish .form--content .form--group.form--slider .slider .colorChange--value:after {
  content: "%";
  margin-left: 0.2rem;
  margin-right: 0.5rem;
  height: 1.4rem;
  font-weight: 800;
}
.print-mapfish .form--content .form--input.clearButtons button,
.print-mapfish .form--content .form--selectBox.clearButtons button,
.print-mapfish .form--content .form--group.clearButtons button {
  padding: 0 1.4rem;
  margin-right: 1.2rem;
  flex: 1;
}
.print-mapfish .form--content .form--input.clearButtons button:last-of-type,
.print-mapfish .form--content .form--selectBox.clearButtons button:last-of-type,
.print-mapfish .form--content .form--group.clearButtons button:last-of-type {
  margin-right: 0;
}
.print-mapfish .form--content .form--input.submit,
.print-mapfish .form--content .form--selectBox.submit,
.print-mapfish .form--content .form--group.submit {
  margin-bottom: 0;
}
.print-mapfish .form--content .form--input.submit button,
.print-mapfish .form--content .form--selectBox.submit button,
.print-mapfish .form--content .form--group.submit button {
  width: 100%;
  position: relative;
}
.print-mapfish .form--content .form--input.submit button .cssPreloaderSmall,
.print-mapfish .form--content .form--selectBox.submit button .cssPreloaderSmall,
.print-mapfish .form--content .form--group.submit button .cssPreloaderSmall {
  position: absolute;
  right: 2rem;
}
.print-mapfish .form--content .form--advanced {
  overflow-y: hidden;
  max-height: 0px; /* approximate max height */
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.print-mapfish .form--content .form--advanced.active {
  max-height: 30rem;
}

.colorChange {
  position: fixed;
  left: 7.4rem;
  top: 7.4rem;
  width: 35rem;
  z-index: 60;
  border: 0.1rem solid var(--color1);
  overflow: hidden;
  background: var(--colorWhite);
  border-radius: var(--color-change-container-radius);
  box-sizing: border-box;
  display: none;
}
.colorChange.active {
  display: block;
}
.colorChange .colorChange--header {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.colorChange .colorChange--header span {
  flex: 1;
  text-align: center;
}
.colorChange .colorChange--header .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.colorChange .colorChange--body {
  padding: 2rem;
}
.colorChange .colorChange--body .slider {
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
  overflow: hidden;
}
.colorChange .colorChange--body .slider .colorChange--band {
  width: 4rem;
  text-align: left;
  font-size: 1.8rem;
}
.colorChange .colorChange--body .slider .colorChange--slider {
  flex: 1;
}
.colorChange .colorChange--body .slider .colorChange--value {
  font-size: 1.2rem;
  text-align: right;
  margin-left: 2rem;
}
.colorChange .colorChange--body .slider .colorChange--value input {
  text-align: right;
  width: 4rem;
}
.colorChange .colorChange--body .colorChange-previews {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  margin-top: 2rem;
}
.colorChange .colorChange--body .colorChange-previews .colorChange--preview {
  width: calc(50% - 1rem);
  padding: 0.4rem 0.4rem 0.4rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.colorChange .colorChange--body .colorChange-previews .colorChange--preview:last-of-type {
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
}
.colorChange .colorChange--body .colorChange-previews .colorChange--preview span {
  flex: 1;
}
.colorChange .colorChange--body .colorChange-previews .colorChange--preview div {
  width: 6.5rem;
  height: 4rem;
  margin-left: 0.5rem;
  border-radius: 0.8rem;
}
.colorChange .colorChange--body .colorChange-previews .icon {
  margin-left: 0.5rem;
  font-size: 2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.colorChange .colorChange--controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 0 2rem 2rem;
}
.colorChange .colorChange--controls button {
  width: calc(50% - 1rem);
}
.colorChange .colorChange--controls button.single {
  width: 100%;
}

/* MEASUREMENTS */
.tooltip {
  position: fixed;
  top: 10rem !important;
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
}
.tooltip div {
  display: inline-flex;
  background: var(--colorBasic1);
  color: var(--colorWhite);
  border-radius: var(--tooltip-radius);
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  box-sizing: border-box;
  padding: 0 2.4rem;
  line-height: 1.6rem;
}
.tooltip div:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f057";
  margin-right: 1rem;
  font-size: 2rem;
}

.panelOpen .tooltip {
  right: 40.8rem;
}

.tooltip-text {
  display: none;
  padding: 0.8rem;
  border: 0.1rem solid var(--color1);
  background: var(--color2);
  border-radius: var(--tooltip-text-container-radius);
  width: 20rem;
  box-sizing: border-box;
  position: relative;
  left: -10rem;
  bottom: 1rem;
}
.tooltip-text.visible {
  display: block;
}
.tooltip-text:before {
  border-top: 0.8rem solid var(--color1);
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: calc(50% - 0.8rem);
}
.tooltip-text textarea {
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  border-radius: var(--tooltip-text-container-text-area-radius);
  margin-bottom: 1.6rem;
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  height: 8.6rem;
}
.tooltip-text .buttons {
  display: flex;
  justify-content: space-between;
}
.tooltip-text .buttons button {
  width: calc(50% - 0.5rem);
}

.importWin {
  display: none;
}

.importWin.active {
  display: block;
  position: fixed;
  left: 38%;
  top: 20%;
  width: 45rem;
  z-index: 60;
  box-sizing: border-box;
}
.importWin.active .importWin--wrapper {
  border: 0.1rem solid var(--color1);
  background: var(--colorWhite);
  border-radius: 2rem;
  overflow: hidden;
}
.importWin.active input {
  width: 100%;
}
.importWin.active .dp__arrow_bottom {
  display: none;
}
.importWin.active .dp__arrow_top {
  display: none;
}

.importWin--header {
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 4.5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.importWin--header span {
  flex: 1;
  text-align: center;
}
.importWin--header .close {
  margin-left: 0.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}

.importWin--body {
  padding: 2rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 17.7rem);
}
.importWin--body .import {
  margin-bottom: 1.6rem;
}
.importWin--body .import input {
  visibility: hidden;
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
}
.importWin--body .validate {
  margin-bottom: 1.6rem;
}
.importWin--body .validate .validateDate {
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
}
.importWin--body .validate .validateDate label {
  display: inline-block;
  line-height: 1.8rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: 9rem;
}
.importWin--body .validate .validateDate .vdp-datepicker {
  flex: 1;
  position: inherit !important;
}
.importWin--body .validate .validateDate .vdp-datepicker input[type=text] {
  width: 100%;
}
.importWin--body .export .date {
  width: 100%;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  height: 3.6rem;
}
.importWin--body .export .date label {
  display: inline-block;
  line-height: 1.8rem;
  margin-right: 1rem;
  box-sizing: border-box;
  width: 9rem;
}
.importWin--body .export .date .vdp-datepicker {
  flex: 1;
  position: inherit !important;
}
.importWin--body .export .date .vdp-datepicker input[type=text] {
  width: 100%;
}
.importWin--body .title {
  justify-content: center;
  align-items: center;
  height: 1.8rem;
  display: flex;
  width: 100%;
  color: var(--color1);
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
.importWin--body .submitButton {
  height: 3.6rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  border-radius: 1.8rem;
  color: var(--colorWhite);
  background-color: var(--color1);
  font-size: 1.4rem;
  line-height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.filter--switcher {
  border: 0.1rem solid var(--colorBasic3);
  background: var(--colorWhite);
  padding: 0.2rem;
  box-sizing: border-box;
  width: 100%;
  border-radius: var(--button-radius-base);
  overflow: hidden;
  margin-bottom: 1.5rem;
  display: flex;
}
.filter--switcher .filter--option {
  display: inline-flex;
  flex: 1;
}
.filter--switcher .filter--option label {
  display: inline-flex;
  flex: 1;
}
.filter--switcher .filter--option label input {
  display: none;
}
.filter--switcher .filter--option label input:checked + span {
  color: var(--colorWhite);
  background-color: var(--selected-background);
  cursor: default;
}
.filter--switcher .filter--option label span {
  flex: 1;
  box-sizing: border-box;
  height: 3rem;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: var(--button-squared);
  cursor: pointer;
}

.form--submit {
  display: flex;
  margin-top: 1.5rem;
  padding: 0rem 0.2rem;
}
.form--submit.spatialFilter {
  padding: 0rem 2.4rem 1rem;
  margin-top: 0;
}
.form--submit button {
  flex: 1;
  position: relative;
  margin-right: 1rem;
}
.form--submit button:last-of-type {
  margin-right: 0;
}
.form--submit button.save, .form--submit button.apply {
  padding-right: 3.5rem;
}
.form--submit button.save i, .form--submit button.apply i {
  position: absolute;
  right: 0;
  display: inline-flex;
  height: 3.6rem;
  top: 0;
  width: 3.5rem;
  justify-content: center;
  align-items: center;
  border-left: 0.1rem solid var(--colorWhite);
}

.form--attributeFilter .form--item .filter--selector {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: auto;
}
.form--attributeFilter .form--item .filter--selector .filter--select {
  width: 23rem;
  margin-right: 0.4rem;
}
.form--attributeFilter .form--item .filter--selector .filter--select select {
  width: 100%;
}
.form--attributeFilter .form--item .filter--selector button {
  flex: 1;
}
.form--attributeFilter ul {
  display: block;
}
.form--attributeFilter ul .form--item {
  display: flex;
  height: auto;
  width: 100%;
  margin-bottom: 1.6rem;
  align-items: center;
}
.form--attributeFilter ul .form--item .operator {
  display: inline-flex;
  justify-content: space-between;
  flex: 1;
}
.form--attributeFilter ul .form--item .operator .operator--title {
  width: 15rem;
  margin-right: 0.8rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 3.6rem;
  line-height: 3.6rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  text-align: left;
}
.form--attributeFilter ul .form--item .operator .operator--title--strict {
  width: 5rem;
  font-size: 1.6rem;
  text-align: center;
}
.form--attributeFilter ul .form--item .operator .filterOperator {
  width: calc(50% - 0.4rem);
  display: inline-flex;
}
.form--attributeFilter ul .form--item .operator .filterOperator .filterOperator--combobox {
  display: inline-flex;
}
.form--attributeFilter ul .form--item .operator .filterOperator .filterOperator--combobox select {
  width: 6.6rem;
  margin-right: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  font-size: 1.6rem;
}
.form--attributeFilter ul .form--item .operator .filterOperator .filterOperator--input {
  display: inline-flex;
  flex: 1;
}
.form--attributeFilter ul .form--item .operator .filterOperator .filterOperator--input input {
  width: 100%;
  text-align: left;
}
.form--attributeFilter ul .form--item .buttonClose {
  margin-left: 0.8rem;
}
.form--attributeFilter ul .form--item .buttonClose button {
  width: 2.8rem;
  font-size: 1rem;
}

/*multiselect*/
.multiSelect {
  display: inline-flex;
  flex: 1;
}
.multiSelect .multiSelect--title {
  width: 15rem;
  margin-right: 0.8rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 3.6rem;
  line-height: 3.6rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  text-align: left;
}
.multiSelect .multiSelect--preloader {
  width: calc(50% - 0.4rem);
  display: inline-flex;
  height: 3.6rem;
  line-height: 3.6rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.form--spatialFilter,
.spatialFilter--body {
  border: 0.1rem solid var(--colorBasic3);
  background: var(--colorWhite);
  border-radius: var(--button-radius-base);
  overflow: hidden;
  width: 100%;
}
.form--spatialFilter ul,
.spatialFilter--body ul {
  display: block;
  width: 100%;
}
.form--spatialFilter ul .form--item,
.spatialFilter--body ul .form--item {
  list-style: none;
  width: 100%;
  border-bottom: 0.1rem solid var(--colorBasic3);
}
.form--spatialFilter ul .form--item:last-of-type,
.spatialFilter--body ul .form--item:last-of-type {
  border-bottom: none;
}
.form--spatialFilter ul .form--item .filter--geometry > label > input,
.spatialFilter--body ul .form--item .filter--geometry > label > input {
  display: none;
}
.form--spatialFilter ul .form--item .filter--geometry > label > input:checked + span,
.spatialFilter--body ul .form--item .filter--geometry > label > input:checked + span {
  color: var(--color1);
  cursor: default;
}
.form--spatialFilter ul .form--item .filter--geometry > label > input:disabled + span,
.spatialFilter--body ul .form--item .filter--geometry > label > input:disabled + span {
  color: var(--colorBasic3);
  cursor: not-allowed;
}
.form--spatialFilter ul .form--item .filter--geometry > label > span,
.spatialFilter--body ul .form--item .filter--geometry > label > span {
  width: 100%;
  height: 3.6rem;
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
  cursor: pointer;
  box-sizing: border-box;
}
.form--spatialFilter ul .form--item .filter--geometry > label > span:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span:before {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  margin-right: 1.2rem;
  font-size: 2rem;
}
.form--spatialFilter ul .form--item .filter--geometry > label > span:hover,
.spatialFilter--body ul .form--item .filter--geometry > label > span:hover {
  color: var(--color1);
}
.form--spatialFilter ul .form--item .filter--geometry > label > span.point:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span.point:before {
  content: "\f192";
}
.form--spatialFilter ul .form--item .filter--geometry > label > span.line:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span.line:before {
  content: "\f86c";
}
.form--spatialFilter ul .form--item .filter--geometry > label > span.polygon:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span.polygon:before {
  content: "\f5ef";
}
.form--spatialFilter ul .form--item .filter--geometry > label > span.map:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span.map:before {
  content: "\f3c5";
}
.form--spatialFilter ul .form--item .filter--geometry > label > span.search:before,
.spatialFilter--body ul .form--item .filter--geometry > label > span.search:before {
  content: "\f689";
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div,
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div {
  width: 100%;
  height: 6rem;
  box-sizing: border-box;
  align-items: center;
  padding: 0 1.2rem;
  display: flex;
  border-top: 0.1rem solid var(--colorBasic3);
  background-color: var(--color2);
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div span,
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div span {
  color: var(--colorBasic1);
  display: inline-block;
  width: 12rem;
  text-align: left;
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div input,
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div input {
  background-color: var(--color2);
  flex: 1;
  background-color: var(--colorWhite);
  border-color: var(--color1);
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div input[disabled=disabled],
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div input[disabled=disabled] {
  cursor: not-allowed;
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div.validNote,
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div.validNote {
  border-top: none;
  height: 3rem;
  padding-bottom: 1rem;
}
.form--spatialFilter ul .form--item .filter--geometry > label .custominput div.validNote span,
.spatialFilter--body ul .form--item .filter--geometry > label .custominput div.validNote span {
  color: var(--colorNo);
  width: 100%;
  text-align: center;
  padding-left: 12rem;
}

/*vytiahnuty multiselect*/
.multiSelect--wrapper {
  display: inline-flex;
  width: calc(50% - 0.4rem);
  position: relative;
}
.multiSelect--wrapper .multiSelect--select {
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 3.6rem;
  line-height: 3.6rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  border-radius: 0.8rem;
  padding: 0 0.5rem;
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  position: relative;
}
.multiSelect--wrapper .multiSelect--select.disabled {
  cursor: not-allowed;
}
.multiSelect--wrapper .multiSelect--select.disabled .multiSelect--header {
  color: var(--colorBasic3);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.multiSelect--wrapper .multiSelect--select.disabled .multiSelect--dropDown {
  cursor: not-allowed;
}
.multiSelect--wrapper .multiSelect--select div {
  display: inline-block;
  vertical-align: top;
}
.multiSelect--wrapper .multiSelect--select .multiSelect--header {
  width: 11.8rem;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.multiSelect--wrapper .multiSelect--select .multiSelect--dropDown {
  flex: 1;
  box-sizing: border-box;
  text-align: right;
  display: inline-block;
  font-size: 1.2rem;
  text-align: right;
}
.multiSelect--wrapper .multiSelect--select .multiSelect--dropDown input {
  display: none;
}
.multiSelect--wrapper .multiSelect--select .multiSelect--dropDown span:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  display: inline-block;
  cursor: pointer;
}
.multiSelect--wrapper .multiSelect--content {
  z-index: 50;
  background-color: var(--colorWhite);
  position: absolute;
  margin-top: 0.4rem;
  width: 15.4rem;
  top: 3.6rem;
  border: 0.1rem solid var(--color1);
  border-radius: 0.8rem;
  overflow: hidden;
  left: 0rem;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup {
  padding: 0.4rem;
  border-bottom: 0.1rem solid var(--color1);
}
.multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search {
  height: 3.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  padding: 0 0.8rem;
  border: 0.1rem solid var(--colorBasic2);
  border-radius: 0.6rem;
  box-sizing: border-box;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search input {
  width: calc(100% - 2.5rem);
  padding: 0;
  margin: 0;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  text-align: left;
  border-radius: 0;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search button {
  display: inline-flex;
  background-color: transparent;
  color: var(--colorBasic3);
  margin-left: 1rem;
  box-sizing: border-box;
  font-size: 1.8rem;
  width: 2.5rem;
  justify-content: flex-end;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search button:hover {
  color: var(--color1);
}
.multiSelect--wrapper .multiSelect--content .multiSelect--warning {
  height: 2rem;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--warning span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options {
  max-height: 15.9rem;
  overflow-y: auto;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options ul {
  overflow: hidden;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options .multiSelect--selectAll {
  height: 3.2rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--colorBasic3);
  font-weight: bold;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options .multiSelect--option {
  height: 3.2rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--colorBasic3);
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options .multiSelect--option:last-of-type {
  border-bottom: none;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.2rem;
  box-sizing: border-box;
  padding: 0 0.8rem;
  text-align: left;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options label span {
  display: inline-block;
  flex: 1;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options label label.jelly {
  margin-right: 0.8rem;
  width: 1.6rem !important;
  height: 1.6rem !important;
}
.multiSelect--wrapper .multiSelect--content .multiSelect--options label label.jelly:after {
  left: 0.4rem;
  width: 0.3rem;
  height: 0.8rem;
}

.form--statsFilter {
  display: flex;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  background: #ffffff;
  border: 0.1rem solid #ced2db;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.8rem;
  padding: 0 0.5rem;
  align-items: center;
}
.form--statsFilter label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.2rem;
  box-sizing: border-box;
  padding: 0 0.8rem;
  text-align: left;
}
.form--statsFilter label span {
  display: inline-block;
  flex: 1;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form--statsFilter label label.jelly {
  margin-right: 0.8rem;
  width: 1.6rem !important;
  height: 1.6rem !important;
}
.form--statsFilter label label.jelly:after {
  left: 0.4rem;
  width: 0.3rem;
  height: 0.8rem;
}

.form--filterInfo {
  margin-top: 1rem;
  padding: 0 0.5rem;
}

.visib-wrap .visib-content {
  display: flex;
  align-items: center;
  flex: 1;
}
.visib-wrap .visib-content .visib-interactive {
  flex: 1;
}
.visib-wrap .visib-content .visib-value {
  width: 7rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: var(--colorWhite);
  border: 0.1rem solid var(--colorBasic3);
  margin-left: 2.5rem;
  border-radius: 0.8rem;
}

#features-viewer {
  display: flex;
  z-index: 15;
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  height: 41.5rem;
  overflow: hidden;
  width: 100rem;
  text-align: left;
  box-sizing: border-box;
  pointer-events: none;
  /*zalozky napravo*/
  /*cele okno*/
}
#features-viewer .attr-category > input[type=checkbox]:not(:checked) ~ table {
  display: none;
}
#features-viewer .attr-category div > span {
  display: block;
}
#features-viewer .results-window ~ .mode-buttons {
  display: none;
}
#features-viewer .results-window.active ~ .mode-buttons {
  display: inline-flex;
  position: relative;
  top: 4.9rem;
  width: 3.6rem;
  flex-direction: column;
  box-sizing: border-box;
}
#features-viewer .results-window.active ~ .mode-buttons .buttons {
  overflow: hidden;
  border: 0.1rem solid var(--color1);
  border-width: 0.1rem 0.1rem 0.1rem 0;
  border-radius: 0 0.8rem 0.8rem 0;
  pointer-events: all;
}
#features-viewer .results-window.active ~ .mode-buttons .buttons button {
  height: 6.5rem;
  width: 100%;
  display: inline-flex;
  background-color: var(--colorWhite);
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 1.4rem;
}
#features-viewer .results-window.active ~ .mode-buttons .buttons button:hover {
  color: var(--color1);
}
#features-viewer .results-window.active ~ .mode-buttons .buttons button.active {
  background-color: var(--nav-tab-background);
  color: var(--colorWhite);
}
#features-viewer .results-window.active ~ .mode-buttons .buttons button:not(:last-child) {
  border-bottom: 0.1rem solid var(--color1);
}
#features-viewer .results-window.active {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-radius: 0 2rem 2rem 0;
  box-sizing: border-box;
  flex: 1;
  padding-left: 6.2rem;
  overflow: hidden;
  pointer-events: all;
  /*hlavicka okna*/
  /*content okna*/
}
#features-viewer .results-window.active .results-header {
  width: 100%;
  height: 4.8rem;
  border-bottom: 0.1rem solid var(--color1);
  display: flex;
  align-items: center;
  background: var(--color2);
}
#features-viewer .results-window.active .results-header .close {
  font-size: 2rem;
  color: var(--nav-tab-background);
  margin-right: 1.6rem;
  cursor: pointer;
  display: inline-flex;
  line-height: 2.2rem;
  align-items: center;
  justify-content: center;
}
#features-viewer .results-window.active .results-header .nav-wrapper {
  flex: 1;
  height: 100%;
  position: relative;
  display: flex;
  padding: 0 1.2rem;
  align-items: center;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container {
  flex: 1;
  margin: 0 1.2rem;
  position: relative;
  overflow: hidden;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs {
  position: relative;
  transition: all 0.3s linear;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li {
  display: inline-flex;
  align-items: center;
  height: 2.8rem;
  background: var(--colorWhite);
  color: var(--color1);
  border: 0.1rem solid var(--color1);
  border-radius: 2.4rem;
  box-sizing: border-box;
  padding: 0 1.2rem;
  cursor: pointer;
  position: relative;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li:not(:first-of-type) {
  margin-left: -2rem;
  padding: 0 1.2rem 0 2.4rem;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li a {
  display: inline-block;
  max-width: 15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li.active {
  background: var(--nav-tab-background);
  color: var(--colorWhite);
  position: relative;
  z-index: 50 !important;
  padding: 0 1.2rem;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li.active a {
  display: inline-block;
  max-width: 60rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li.active .cross {
  color: var(--colorWhite);
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-container .nav-tabs li .cross {
  margin-left: 1rem;
  cursor: pointer;
  color: var(--color1);
  font-size: 1rem;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-forward,
#features-viewer .results-window.active .results-header .nav-wrapper .nav-back {
  height: 2.8rem;
  width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--colorWhite);
  color: var(--color1);
  border: 0.1rem solid var(--color1);
  border-radius: 0.6rem;
  box-sizing: border-box;
}
#features-viewer .results-window.active .results-header .nav-wrapper .nav-forward:disabled,
#features-viewer .results-window.active .results-header .nav-wrapper .nav-back:disabled {
  color: var(--colorBasic3);
  border-color: var(--colorBasic3);
  cursor: not-allowed;
}
#features-viewer .results-window.active .results-view.active {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#features-viewer .results-window.active .results-view.active .hasGeomClass {
  cursor: pointer;
}
#features-viewer .results-window.active .results-view.active > table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-bottom: 0.1rem solid var(--colorBasic3);
}
#features-viewer .results-window.active .results-view.active > table thead {
  display: flex;
  min-height: 3.6rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--colorBasic3);
}
#features-viewer .results-window.active .results-view.active > table thead tr {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
#features-viewer .results-window.active .results-view.active > table thead tr th {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  padding: 0.4rem 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
}
#features-viewer .results-window.active .results-view.active > table thead tr th span {
  text-align: left;
  flex: 1;
}
#features-viewer .results-window.active .results-view.active > table thead tr th button {
  color: var(--colorBasic1);
  margin-left: 0.4rem;
  font-size: 1.4rem;
}
#features-viewer .results-window.active .results-view.active > table thead tr th button[value=no-order]:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f883";
}
#features-viewer .results-window.active .results-view.active > table thead tr th button[value=order-desc]:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f886";
}
#features-viewer .results-window.active .results-view.active > table thead tr th button[value=order-asc]:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f162";
}
#features-viewer .results-window.active .results-view.active > table thead tr th:last-child {
  flex: 0 0 10rem;
}
#features-viewer .results-window.active .results-view.active > table thead.noScroll tr th:last-child {
  flex: 0 0 8rem;
}
#features-viewer .results-window.active .results-view.active > table tbody {
  display: inline-block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 0.1rem solid var(--colorBasic3);
  min-height: 3.6rem;
  -ms-word-wrap: break-word;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  padding: 0.4rem 1.4rem;
  line-height: 1.4rem;
  word-break: break-word;
  overflow: hidden;
}
@media screen\0  {
  #features-viewer .results-window.active .results-view.active > table tbody > tr > td {
    display: inline-block;
  }
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td a {
  display: block;
  text-decoration: underline;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td a i {
  margin-right: 0.3em;
  display: inline-block;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td a:hover {
  color: var(--color1);
  cursor: pointer;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td button {
  background-color: var(--nav-tab-background);
  color: white;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr > td button:not(:first-of-type) {
  margin-left: 0.6rem;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr td:last-child {
  flex: 0 0 8rem;
}
#features-viewer .results-window.active .results-view.active > table tbody > tr:hover {
  background-color: var(--color2);
  cursor: default;
}
#features-viewer .results-window.active .results-view.active .tableButtons {
  display: flex;
  height: 5.85rem;
  justify-content: center;
  align-items: center;
}
#features-viewer .results-window.active .results-view.active .tableButtons .btnRounded {
  height: 2.8rem;
  padding: 0 5rem;
  margin-left: 1.2rem;
}
#features-viewer .results-window.active .results-view.active .tableButtons .btnRounded:first-child {
  margin-left: 0;
}
#features-viewer .results-window.active .results-view.active .tableButtons .btnRounded:before {
  margin-right: 0.4rem;
}
#features-viewer .results-window.active .results-view.active .tableButtons .btnRounded .cssPreloaderSmall {
  left: 2rem;
  width: 0rem;
}
#features-viewer .results-window.active .results-view.active .tableButtons label.btnRounded {
  height: 2.8rem;
  padding: 0 5rem;
  box-sizing: border-box;
  border-radius: 1.8rem;
  color: var(--colorWhite);
  background-color: var(--color1);
  font-size: 1.4rem;
  line-height: 1.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#features-viewer .results-window.active .results-view.active .tableButtons label.btnRounded.cancel {
  background-color: var(--colorBasic3);
  color: var(--colorBasic1);
}
#features-viewer .results-window.active .results-view.active .tableButtons label.btnRounded.positive {
  background-color: var(--colorYes);
  color: var(--colorWhite);
}
#features-viewer .results-window.active .results-view.active .tableButtons label.btnRounded:disabled, #features-viewer .results-window.active .results-view.active .tableButtons label.btnRounded.disabled {
  cursor: not-allowed;
  background-color: var(--colorBasic3);
  color: var(--colorWhite);
  border: none;
}
#features-viewer .results-window.active .details--header {
  display: flex;
  min-height: 3.6rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--colorBasic3);
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0 0.4rem 8rem;
  line-height: 1.4rem;
  font-weight: bold;
  position: relative;
}
#features-viewer .results-window.active .details--header span {
  text-align: center;
  flex: 1;
}
#features-viewer .results-window.active .details--header > button {
  height: 2.4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.2rem;
  border: 0.1rem solid var(--color1);
  color: var(--color1);
  border-radius: 1.2rem;
  margin-right: 1.6rem;
  right: 1.4rem;
  margin-left: auto;
  box-sizing: content-box;
}
#features-viewer .results-window.active .details--header > button:before {
  margin-right: 0.4rem;
  font-size: 1rem;
}
#features-viewer .results-window.active .details--body {
  display: block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  border-bottom: 0.1rem solid var(--colorBasic3);
  /*rozbalovacie kategorie vo vysledkoch*/
}
#features-viewer .results-window.active .details--body.edit #features-viewer .results-window.active .details--body.has-geom {
  margin-bottom: 6rem;
}
#features-viewer .results-window.active .details--body table {
  display: flex;
  flex-direction: column;
}
#features-viewer .results-window.active .details--body table > tr {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 0.1rem solid var(--colorBasic3);
  min-height: 3.6rem;
}
#features-viewer .results-window.active .details--body table > tr.is-empty-row {
  display: none;
}
#features-viewer .results-window.active .details--body table > tr:last-child {
  border-bottom: none;
}
#features-viewer .results-window.active .details--body table > tr > td, #features-viewer .results-window.active .details--body table > tr > th {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  padding: 0.4rem 1.4rem;
  line-height: 1.4rem;
  white-space: pre-line;
  word-break: break-word;
  /*overflow: hidden;*/
}
#features-viewer .results-window.active .details--body table > tr > td a, #features-viewer .results-window.active .details--body table > tr > th a {
  display: block;
  text-decoration: underline;
}
#features-viewer .results-window.active .details--body table > tr > td a:hover, #features-viewer .results-window.active .details--body table > tr > th a:hover {
  color: var(--color1);
}
#features-viewer .results-window.active .details--body table > tr > td img, #features-viewer .results-window.active .details--body table > tr > th img {
  max-width: 100%;
}
#features-viewer .results-window.active .details--body table > tr > td input[type=text], #features-viewer .results-window.active .details--body table > tr > th input[type=text] {
  display: inline-flex;
  flex: 1;
  margin-right: 10rem;
  text-align: left;
  height: 3rem;
  padding: 0 1rem;
}
#features-viewer .results-window.active .details--body table > tr > td .multiSelect--wrapper, #features-viewer .results-window.active .details--body table > tr > th .multiSelect--wrapper {
  width: calc(100% - 10rem);
}
#features-viewer .results-window.active .details--body table > tr > td .multiSelect--wrapper .multiSelect--content, #features-viewer .results-window.active .details--body table > tr > th .multiSelect--wrapper .multiSelect--content {
  width: 100%;
}
#features-viewer .results-window.active .details--body table > tr > td .multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search input, #features-viewer .results-window.active .details--body table > tr > th .multiSelect--wrapper .multiSelect--content .multiSelect--inputGroup .multiSelect--search input {
  margin: 0;
}
#features-viewer .results-window.active .details--body table > tr > td .multiSelect--wrapper .multiSelect--content .multiSelect--options .multiSelect--option input[type=radio], #features-viewer .results-window.active .details--body table > tr > th .multiSelect--wrapper .multiSelect--content .multiSelect--options .multiSelect--option input[type=radio] {
  display: none;
}
#features-viewer .results-window.active .details--body table > tr > td .multiSelect--wrapper .multiSelect--select .multiSelect--header, #features-viewer .results-window.active .details--body table > tr > th .multiSelect--wrapper .multiSelect--select .multiSelect--header {
  width: calc(100% - 1rem);
}
#features-viewer .results-window.active .details--body table > tr > th {
  justify-content: flex-end;
  flex: 0 0 30%;
  text-align: right;
}
#features-viewer .results-window.active .details--body table .lv-link {
  cursor: pointer;
}
#features-viewer .results-window.active .details--body .attr-category input.result-arrow {
  display: none;
}
#features-viewer .results-window.active .details--body .attr-category input.result-arrow:checked + label:before {
  content: "|";
}
#features-viewer .results-window.active .details--body .attr-category label.result-arrow {
  display: flex;
  height: 3.6rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid var(--colorBasic3);
  background-color: var(--color2);
  align-items: center;
  justify-content: flex-start;
  padding: 0.4rem 1rem 0.4rem 30.3%;
  line-height: 1.4rem;
  position: relative;
  cursor: pointer;
}
#features-viewer .results-window.active .details--body .attr-category label.result-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  content: "T";
  margin-right: 2.8rem;
}
#features-viewer .results-window.active .details--body .attr-category label.result-arrow:hover {
  color: var(--color1);
}
#features-viewer .results-window.active .details--body.edit + .tableButtons {
  display: none;
}
#features-viewer .results-window.active .download-settings {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
#features-viewer .results-window.active .download-settings table {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  border-bottom: 0.1rem solid var(--colorBasic3);
}
#features-viewer .results-window.active .download-settings table > tr {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 0.1rem solid var(--colorBasic3);
  min-height: 3.6rem;
}
#features-viewer .results-window.active .download-settings table > tr th {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.4rem 1.4rem;
  line-height: 1.4rem;
  width: 50%;
  box-sizing: border-box;
  min-height: 3.6rem;
}
#features-viewer .results-window.active .download-settings table > tr td {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.4rem 1.4rem;
  line-height: 1.4rem;
  min-height: 3.6rem;
  box-sizing: border-box;
}
#features-viewer .results-window.active .download-settings .download-output {
  display: flex;
  height: 5.85rem;
  justify-content: center;
  align-items: center;
}
#features-viewer .results-window.active .download-settings .download-output label {
  display: inline-flex;
  align-items: flex-end;
  margin-right: 2rem;
}
#features-viewer .results-window.active .download-settings .download-output select {
  margin-right: 2rem;
}
#features-viewer .results-window.active .download-settings .download-output button {
  height: 2.8rem;
  padding: 0 5rem;
}
#features-viewer .results-window.active .download-settings + .tableButtons {
  display: none !important;
}
#features-viewer .toolbar {
  display: inline-table;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#features-viewer .toolbar > button {
  display: none;
}
#features-viewer .toolbar #edit-tools {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  position: relative;
  padding-right: 6.4rem;
}
#features-viewer .toolbar #edit-tools .toolbar--item {
  display: inline-flex;
}
#features-viewer .toolbar #edit-tools .toolbar--item:last-of-type {
  position: absolute;
  right: -0.1rem;
  border: 0.1rem solid var(--color1);
  border-width: 0.1rem 0 0 0.1rem;
  background: var(--color2);
}
#features-viewer .toolbar #edit-tools .toolbar--item:last-of-type > label i, #features-viewer .toolbar #edit-tools .toolbar--item:last-of-type > label span {
  color: var(--color1);
}
#features-viewer .toolbar #edit-tools .toolbar--item:last-of-type:hover {
  background: var(--color1);
  border: 0.1rem solid var(--color1);
  border-width: 0.1rem 0 0 0.1rem;
}
#features-viewer .toolbar #edit-tools .toolbar--item:last-of-type:hover > label i, #features-viewer .toolbar #edit-tools .toolbar--item:last-of-type:hover > label span {
  color: var(--colorWhite);
}
#features-viewer .toolbar #edit-tools.hideResultsBtn {
  padding-right: 0;
}
#features-viewer .toolbar #edit-tools.hideResultsBtn .toolbar--item:last-of-type.disabled {
  display: none;
}
#features-viewer .results-view {
  display: none;
  overflow-y: auto;
}
#features-viewer .results-view.active {
  display: flex;
  flex: 1;
}
#features-viewer .results-view.street-view {
  display: flex;
  visibility: hidden;
  height: 0;
  left: 0;
}
#features-viewer .results-view.street-view.active {
  visibility: visible;
}
#features-viewer #sv-map,
#features-viewer #street-view {
  position: relative;
  display: flex;
  flex: 1;
}
#features-viewer #sv-map .pano-wrapper,
#features-viewer #street-view .pano-wrapper {
  width: 100%;
  height: 100%;
  border: 0px none;
}
#features-viewer .results-window {
  display: none;
}
#features-viewer .results-view tr.active,
#features-viewer .results-view tr.active button,
#features-viewer .results-view tr.active button:before {
  background-color: var(--color1);
  color: var(--colorWhite);
}
#features-viewer.minimized {
  height: auto;
  width: initial;
}
#features-viewer.minimized .results-window.active {
  border-top-right-radius: 0;
  flex: none;
}
#features-viewer.minimized .results-window.active .results-header {
  display: none;
}
#features-viewer.minimized .results-window.active .results-view {
  display: none;
}
#features-viewer.minimized .results-window.active .toolbar {
  display: block;
}
#features-viewer.minimized .results-window.active .toolbar #edit-tools .toolbar--item:last-of-type {
  border-top: none;
}
#features-viewer.minimized .results-window.active ~ .mode-buttons {
  display: none;
}

.printOpen #features-viewer,
.helpOpen #features-viewer {
  display: none;
}

.help-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.help-container {
  position: relative;
  height: calc(100% - 19rem);
  width: calc(100% - 24rem);
  z-index: 10;
  max-width: 140rem;
  background: var(--colorWhite);
  border: 0.1rem solid var(--color1);
  border-radius: 1.6rem;
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
.help-container .help--header {
  position: relative;
  height: 4.8rem;
  background: var(--color2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid var(--color1);
  padding: 0 2rem 0 5rem;
  box-sizing: border-box;
  font-size: 1.4rem;
  color: var(--color1);
}
.help-container .help--header span {
  flex: 1;
  text-align: left;
}
.help-container .help--header .icon-save {
  margin-left: 0.5rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.help-container .help--header .icon-close {
  margin-left: 1.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--color1);
  box-sizing: content-box;
}
.help-container .help--body {
  display: inline-block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  display: flex;
}
.help-container .help--body .helpMenu {
  box-sizing: border-box;
  width: 30rem;
  padding: 4rem 1rem 3rem 5rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.help-container .help--body .helpMenu h3 {
  color: var(--colorBasic1);
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.help-container .help--body .helpMenu h3.active {
  color: var(--color1);
}
.help-container .help--body .helpMenu h3.active + ul {
  display: block;
}
.help-container .help--body .helpMenu ul {
  display: none;
  padding-left: 2rem;
  margin-bottom: 1.6rem;
  border-left: 0.1rem solid var(--color1);
}
.help-container .help--body .helpMenu ul li {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
.help-container .help--body .helpMenu ul li.active {
  color: var(--color1);
}
.help-container .help--body .helpMenu ul li:last-of-type {
  margin-bottom: 0;
}
.help-container .help--body .helpMenu ul ul {
  border-left: none;
}
.help-container .help--body .helpContent {
  flex: 1;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4rem 5rem 3rem 2rem;
}
.help-container .help--body .helpContent .custom-whitespace {
  white-space: pre-wrap;
}
.help-container .help--body .helpContent .custom-italic {
  font-style: italic;
}
.help-container .help--body .helpContent h3 {
  color: var(--color1);
  font-size: 1.8em;
  font-weight: bold;
  line-height: 2rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
}
.help-container .help--body .helpContent h4 {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
}
.help-container .help--body .helpContent h5 {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: 1.6rem;
  padding-top: 1rem;
}
.help-container .help--body .helpContent p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  padding-bottom: 2rem;
  font-weight: normal;
  text-align: justify;
}
.help-container .help--body .helpContent table {
  border-collapse: collapse;
  font-size: 1rem;
}
.help-container .help--body .helpContent table,
.help-container .help--body .helpContent th,
.help-container .help--body .helpContent td {
  border: 1px solid var(--colorBasic3);
}
.help-container .help--body .helpContent th,
.help-container .help--body .helpContent td {
  padding: 0.05rem 1rem;
  text-align: left;
}
.help-container .help--body .helpContent th {
  background-color: var(--color1);
  color: var(--colorWhite);
}
.help-container .help--body .helpContent tr:nth-child(even) {
  background-color: var(--color2);
}
.help-container .help--body .helpContent h3,
.help-container .help--body .helpContent h4,
.help-container .help--body .helpContent h5,
.help-container .help--body .helpContent i {
  margin-right: 0.5em;
}
.help-container .help--body .helpContent ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.help-container .help--body .helpContent ul li {
  list-style-position: inside;
}
.help-container .help--body .helpContent ul.dash {
  list-style: none;
  margin-left: 2rem;
  padding-left: 1rem;
  text-align: justify;
}
.help-container .help--body .helpContent ul.dash li {
  margin-bottom: 1rem;
}
.help-container .help--body .helpContent ul.dash > li:before {
  display: inline-block;
  content: "-";
  width: 1rem;
  margin-left: -1rem;
}
.help-container .help--body .helpContent ol {
  list-style-type: lower-alpha;
}
.help-container .help--body .helpContent ol.numeric {
  list-style-type: decimal;
}
.help-container .help--body .helpContent ol li {
  margin-bottom: 1rem;
}
.help-container .help--body .helpContent ol li ul li {
  list-style-position: inside;
}
.help-container .help--body .helpContent img {
  border: none;
  max-width: 100%;
}
.help-container .help--body .helpContent .center {
  text-align: center;
}

.coordsPanel {
  bottom: 6rem;
  left: 7rem;
  background-color: white;
  z-index: 100;
  width: 87rem;
  display: flex;
  padding: 1rem;
  border-bottom: 1px solid #f1f1f1;
}
.coordsPanel label {
  display: flex;
  align-items: center;
  margin: 0.8rem;
}
.coordsPanel button {
  width: 7rem;
  padding: 0.8rem;
  margin-left: 0.4rem;
}

.jtsk {
  display: flex;
  width: 100%;
}
.jtsk input[type=number] {
  height: 3.6rem;
  color: #3C4250;
  background: #ffffff;
  border: 0.1rem solid #CED2DB;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 0.5rem;
  text-align: center;
  -webkit-user-select: text;
  flex-grow: 1;
}

.wgs84 {
  display: flex;
  width: 100%;
}

.lineString {
  display: flex;
  width: 100%;
}

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