/*! Open-source licences: ../OSSLicences/OPEN_SOURCE_LICENCES.md */
:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

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

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

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

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

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

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

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

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

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

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

.ol-unsupported {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

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

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

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

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

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

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

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

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

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

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

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

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

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

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

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

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

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

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

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

.ol-control i {
  cursor: default;
}

/* Bar style */
.ol-control.ol-bar {
  left: 50%;
  min-height: 1em;
  min-width: 1em;
  position: absolute;
  top: 0.5em;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  white-space: nowrap;
}

/* Hide subbar when not inserted in a parent bar */
.ol-control.ol-toggle .ol-option-bar {
  display: none;
}

/* Default position for controls */
.ol-control.ol-bar .ol-bar {
  position: static;
}
.ol-control.ol-bar .ol-control {
  position: relative;
  top: auto;
  left:auto;
  right:auto;
  bottom: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  padding: 0;
  margin: 0;
  transform: none;
  -webkit-transform: none;
}
.ol-control.ol-bar .ol-bar {
  position: static;
}
.ol-control.ol-bar .ol-control button {
  margin:2px 1px;
  outline: none;
}

/* Positionning */
.ol-control.ol-bar.ol-left {
  left: 0.5em;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
.ol-control.ol-bar.ol-left .ol-control {
  display: block;
}

.ol-control.ol-bar.ol-right {
  left: auto;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
          transform: translate(0px, -50%);
}
.ol-control.ol-bar.ol-right .ol-control {
  display: block;
}

.ol-control.ol-bar.ol-bottom {
  top: auto;
  bottom: 0.5em;
}

.ol-control.ol-bar.ol-top.ol-left,
.ol-control.ol-bar.ol-top.ol-right {
  top: 4.5em;
  -webkit-transform:none;
          transform:none;
}
.ol-touch .ol-control.ol-bar.ol-top.ol-left,
.ol-touch .ol-control.ol-bar.ol-top.ol-right {
  top: 5.5em;
}
.ol-control.ol-bar.ol-bottom.ol-left,
.ol-control.ol-bar.ol-bottom.ol-right {
  top: auto;
  bottom: 0.5em;
  -webkit-transform:none;
          transform:none;
}

/* Group buttons */
.ol-control.ol-bar.ol-group {
  margin: 1px 1px 1px 0;
}
.ol-control.ol-bar.ol-right .ol-group,
.ol-control.ol-bar.ol-left .ol-group {
  margin: 1px 1px 0 1px;
}

.ol-control.ol-bar.ol-group button {
  border-radius:0;
  margin: 0 0 0 1px;
}
.ol-control.ol-bar.ol-right.ol-group button,
.ol-control.ol-bar.ol-left.ol-group button,
.ol-control.ol-bar.ol-right .ol-group button,
.ol-control.ol-bar.ol-left .ol-group button {
  margin: 0 0 1px 0;
}
.ol-control.ol-bar.ol-group .ol-control:first-child > button {
  border-radius: 5px 0 0 5px;
}
.ol-control.ol-bar.ol-group .ol-control:last-child > button {
  border-radius: 0 5px 5px 0;
}
.ol-control.ol-bar.ol-left.ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-left .ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:first-child > button {
  border-radius: 5px 5px 0 0;
}
.ol-control.ol-bar.ol-left.ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-left .ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:last-child > button {
  border-radius: 0 0 5px 5px;
}

/* */
.ol-control.ol-bar .ol-rotate {
  opacity:1;
  visibility: visible;
}
.ol-control.ol-bar .ol-rotate button {
  display: block
}

/* Active buttons */
.ol-control.ol-bar .ol-toggle.ol-active > button,
.ol-control.ol-bar .ol-toggle.ol-active button:hover {
  background-color: #00AAFF;
  color: #fff;
}
.ol-control.ol-toggle button:disabled {
  background-color: #ccc;
}

/* Subbar toolbar */
.ol-control.ol-bar .ol-control.ol-option-bar {
  display: none;
  position:absolute;
  top:100%;
  left:0;
  margin: 5px 0;
  border-radius: 0;
  background-color: rgba(255,255,255, 0.8);
  /* border: 1px solid rgba(0, 60, 136, 0.5); */
  -webkit-box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.ol-control.ol-bar .ol-option-bar:before {
  content: "";
  border: 0.5em solid transparent;
  border-color: transparent transparent rgba(0, 60, 136, 0.5);
  position: absolute;
  bottom: 100%;
  left: 0.3em;
  pointer-events: none;
}

.ol-control.ol-bar .ol-option-bar .ol-control {
  display: table-cell;
}
.ol-control.ol-bar .ol-control .ol-bar
{	display: none;
}
.ol-control.ol-bar .ol-control.ol-active > .ol-option-bar {
  display: block;
}

.ol-control.ol-bar .ol-control.ol-collapsed ul {
  display: none;
}

.ol-control.ol-bar .ol-control.ol-text-button > div:hover,
.ol-control.ol-bar .ol-control.ol-text-button > div {
  background-color: transparent;
  color: rgba(0, 60, 136, 0.5);
  width: auto;
  min-width: 1.375em;
  margin: 0;
}

.ol-control.ol-bar .ol-control.ol-text-button {
  font-size:0.9em;
  border-left: 1px solid rgba(0, 60, 136, 0.8);
  border-radius: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button:first-child {
  border-left:0;
}
.ol-control.ol-bar .ol-control.ol-text-button > div {
  padding: .11em 0.3em;
  font-weight: normal;
  font-size: 1.14em;
  font-family: Arial,Helvetica,sans-serif;
}
.ol-control.ol-bar .ol-control.ol-text-button div:hover {
  color: rgba(0, 60, 136, 1);
}

.ol-control.ol-bar.ol-bottom .ol-option-bar {
  top: auto;
  bottom: 100%;
}
.ol-control.ol-bar.ol-bottom .ol-option-bar:before {
  border-color: rgba(0, 60, 136, 0.5) transparent transparent ;
  bottom: auto;
  top: 100%;
}

.ol-control.ol-bar.ol-left .ol-option-bar {
  left:100%;
  top: 0;
  bottom: auto;
  margin: 0 5px;
}
.ol-control.ol-bar.ol-left .ol-option-bar:before {
  border-color: transparent rgba(0, 60, 136, 0.5) transparent transparent;
  bottom: auto;
  right: 100%;
  left: auto;
  top: 0.3em;
}
.ol-control.ol-bar.ol-right .ol-option-bar {
  right:100%;
  left:auto;
  top: 0;
  bottom: auto;
  margin: 0 5px;
}
.ol-control.ol-bar.ol-right .ol-option-bar:before {
  border-color: transparent transparent transparent rgba(0, 60, 136, 0.5);
  bottom: auto;
  left: 100%;
  top: 0.3em;
}

.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
  top: 100%;
  bottom: auto;
  left: 0.3em;
  right: auto;
  margin: 5px 0;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
  right: 0.3em;
  left: auto;
}
.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
  border-color: transparent transparent rgba(0, 60, 136, 0.5);
  bottom: 100%;
  top: auto;
  left: 0.3em;
  right: auto;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
  right: 0.3em;
  left: auto;
}

.ol-control-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ol-center-position {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255,255,255,.8);
  padding: .1em 1em;
}

.ol-compassctrl {
  display: none;
  top: 1em;
  left: auto;
  right: 1em;
}
.ol-compassctrl.ol-visible {
  display: block!important;
}
.ol-ext-dialog {
  position: fixed;
  top: -100%;
  left: 0;
  width: 150%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 1000;
  pointer-events: none!important;
  -webkit-transition: opacity .2s, top 0s .2s;
  transition: opacity .2s, top 0s .2s;
}
.ol-ext-dialog.ol-visible {
  opacity: 1;
  top: 0;
  pointer-events: all!important;
  -webkit-transition: opacity .2s, top 0s;
  transition: opacity .2s, top 0s;
}

.ol-viewport .ol-ext-dialog {
  position: absolute;
}
.ol-ext-dialog > form > h2 {
  margin: 0 .5em .5em 0;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ol-ext-dialog > form.ol-title > h2 {
  display: block;
}
.ol-ext-dialog > form {
  position: absolute;
  top: 0;
  left: 33.33%;
  min-width: 5em;
  max-width: 60%;
  min-height: 3em;
  max-height: 100%;
  background-color: #fff;
  border: 1px solid #333;
  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
          box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
  -webkit-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  transition: top .2s, transform .2s;
  transition: top .2s, transform .2s, -webkit-transform .2s;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.ol-ext-dialog > form.ol-closebox {
  padding-top: 1.5em;
}
.ol-ext-dialog > form.ol-title {
  padding-top: 1em;
}
.ol-ext-dialog > form.ol-button {
  padding-bottom: .5em;
}

.ol-ext-dialog.ol-zoom > form {
  top: 30%;
  -webkit-transform: translate(-50%, -30%) scale(0);
          transform: translate(-50%, -30%) scale(0);
}
.ol-ext-dialog.ol-visible > form {
  top: 30%;
}
.ol-ext-dialog.ol-zoom.ol-visible > form {
  -webkit-transform: translate(-50%, -30%) scale(1);
          transform: translate(-50%, -30%) scale(1);
}

.ol-ext-dialog > form .ol-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.ol-ext-dialog > form .ol-closebox {
  position: absolute;
  top: .5em;
  right: .5em;
  width: 1em;
  height: 1em;
  cursor: pointer;
  display: none;
}
.ol-ext-dialog > form.ol-closebox .ol-closebox {
  display: block;
}
.ol-ext-dialog > form .ol-closebox:before,
.ol-ext-dialog > form .ol-closebox:after {
  content: "";
  position: absolute;
  background-color: currentColor;
  top: 50%;
  left: 50%;
  width: 1em;
  height: .1em;
  border-radius: .1em;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-dialog > form .ol-closebox:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-ext-dialog > form .ol-buttons {
  text-align: right;
  overflow-x: hidden;
}
.ol-ext-dialog > form .ol-buttons input {
  margin-top: .5em;
  padding: .5em;
  background: none;
  border: 0;
  font-size: 1em;
  color: rgba(0,60,136,1);
  cursor: pointer;
  border-radius: .25em;
  outline-width: 0;
}
.ol-ext-dialog > form .ol-buttons input:hover {
  background-color:  rgba(0,60,136,.1);
}
.ol-ext-dialog > form .ol-buttons input[type=submit] {
  font-weight: bold;
}

.ol-ext-dialog .ol-progress-message {
  font-size: .9em;
  text-align: center;
  padding-bottom: .5em;
}
.ol-ext-dialog .ol-progress-bar {
  border: 1px solid #369;
  width: 20em;
  height: 1em;
  max-width: 100%;
  padding: 2px;
  margin: .5em auto 0;
  overflow: hidden;
}
.ol-ext-dialog .ol-progress-bar > div {
  background: #369;
  height: 100%;
  width: 50%;
  -webkit-transition: width .3s;
  transition: width .3s;
}
.ol-ext-dialog .ol-progress-bar > div.notransition {
  -webkit-transition: unset;
  transition: unset;
}

/* full screen */
.ol-ext-dialog.ol-fullscreen-dialog form {
  top: 1em;
  -webkit-transform: none;
          transform: none;
  left: 1em;
  bottom: 1em;
  right: 1em;
  max-width: calc(66.6% - 2em);
  text-align: center;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  color: #fff;
}
.ol-ext-dialog.ol-fullscreen-dialog form .ol-closebox {
  top: 0;
  right: 0;
  font-size: 2em;
}
.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:before,
.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:after {
  border: .1em solid currentColor;
}
.ol-ext-dialog.ol-fullscreen-dialog img,
.ol-ext-dialog.ol-fullscreen-dialog video {
  max-width: 100%;
}

/* Fullscreen dialog */
body > .ol-ext-dialog .ol-content {
  max-height: calc(100vh - 10em);
}

body > .ol-ext-dialog > form {
  overflow: visible;
}
.ol-editbar .ol-button button {
  position: relative;
  display: inline-block;
  font-style: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
.ol-editbar .ol-button button:before, 
.ol-editbar .ol-button button:after {
  content: "";
  border-width: 0;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: currentColor;
}
.ol-editbar .ol-button button:focus {
  outline: none;
}

.ol-editbar .ol-selection > button:before {
  width: .6em;
  height: 1em;
  background-color: transparent;
  border: .5em solid currentColor;
  border-width: 0 .25em .65em;
  border-color: currentColor transparent;
  -webkit-box-shadow:0 0.6em 0 -0.23em;
          box-shadow:0 0.6em 0 -0.23em;
  top: .35em;
  left: .5em;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg);
}
.ol-editbar .ol-selection0 > button:after {
  width: .28em;
  height: .6em;
  background-color: transparent;
  border: .5em solid currentColor;
  border-width: 0 .05em .7em;
  border-color: currentColor transparent;
  top: .5em;
  left: .7em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ol-editbar .ol-delete button:after,
.ol-editbar .ol-delete button:before {
  width: 1em;
  height: .2em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ol-editbar .ol-delete button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-editbar .ol-info button:before {
  width: .25em;
  height: .6em;
  border-radius: .03em;
  top: .47em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ol-editbar .ol-info button:after {
  width: .25em;
  height: .2em;
  border-radius: .03em;
  -webkit-box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
          box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
  top: .12em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ol-editbar .ol-drawpoint button:before {
  width: .7em;
  height: .7em;
  border-radius: 50%;
  border: .15em solid currentColor;
  background-color: transparent;
  top: .2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ol-editbar .ol-drawpoint button:after {
  width: .4em;
  height: .4em;
  border: .15em solid currentColor;
  border-color: currentColor transparent;
  border-width: .4em .2em 0;
  background-color: transparent;
  top: .8em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ol-editbar .ol-drawline > button:before,
.ol-editbar .ol-drawpolygon > button:before,
.ol-editbar .ol-drawhole > button:before {
  width: .8em;
  height: .8em;
  border: .13em solid currentColor;
  background-color: transparent;
  border-width: .2em .13em .09em;
  top: .2em;
  left: .25em;
  -webkit-transform: rotate(10deg) perspective(1em) rotateX(40deg);
          transform: rotate(10deg) perspective(1em) rotateX(40deg);
}
.ol-editbar .ol-drawline > button:before {
  border-bottom: 0;
}
.ol-editbar .ol-drawline > button:after,
.ol-editbar .ol-drawhole > button:after,
.ol-editbar .ol-drawpolygon > button:after {
  width: .3em;
  height: .3em;
  top: 0.2em;
  left: .25em;
  -webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
          box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
}
.ol-editbar .ol-drawhole > button:after {
  -webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
          box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
}


.ol-editbar .ol-offset > button i,
.ol-editbar .ol-transform > button i {
  position: absolute;
  width: .9em;
  height: .9em;
  overflow: hidden;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-editbar .ol-offset > button i{
  width: .8em;
  height: .8em;
}

.ol-editbar .ol-offset > button i:before,
.ol-editbar .ol-transform > button i:before,
.ol-editbar .ol-transform > button i:after {
  content: "";
  height: 1em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
          box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
  width: .1em;
  position: absolute;
  background-color: currentColor;
}
.ol-editbar .ol-offset > button i:before{
  -webkit-box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
          box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
}
.ol-editbar .ol-transform > button i:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-editbar .ol-split > button:before {
  width: .3em;
  height: .3em;
  top: .81em;
  left: .75em;
  border-radius: 50%;
  -webkit-box-shadow: 0.1em -0.4em, -0.15em -0.25em;
          box-shadow: 0.1em -0.4em, -0.15em -0.25em;
}
.ol-editbar .ol-split > button:after {
  width: .8em;
  height: .8em;
  top: .15em;
  left: -.1em;
  border: .1em solid currentColor;
  border-width: 0 .2em .2em 0;
  background-color: transparent;
  border-radius: .1em;
  -webkit-transform: rotate(20deg) scaleY(.6) rotate(-45deg);
          transform: rotate(20deg) scaleY(.6) rotate(-45deg);
}

.ol-editbar .ol-drawregular > button:before {
  width: .9em;
  height: .9em;
  top: 50%;
  left: 50%;
  border: .1em solid currentColor;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div {
  border: .5em solid currentColor;
  border-color: transparent currentColor;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-bottom;
}
.ol-editbar .ol-drawregular .ol-bar:before,
.ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button {
  min-width: 6em;
  text-align: center;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child {
  border-width: .5em .5em .5em 0;
  margin: 0 .5em 0 0;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child {
  border-width: .5em 0 .5em .5em;
  margin: 0 0 0 .5em;
}

.ol-feature-list {
  position: relative;
}
.ol-control.ol-feature-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.ol-control.ol-feature-list > button:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: inset 0 2.5px;
          box-shadow: inset 0 2.5px;  
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));  
  background-image: linear-gradient(90deg, currentColor, transparent);
}

.ol-control.ol-feature-list.ol-collapsed {
  bottom: .5em;
  left: .5em;
  width: auto;
}
.ol-feature-list .ol-content {
  background-color: #f4f6f8;
  clear: both;
}
.ol-feature-list.ol-collapsed .ol-content > * {
  display: none;
}
.ol-feature-list .ol-header {
  position: relative;
  overflow: hidden;
}
.ol-feature-list.ol-collapsed .ol-header {
  display: block;
}

.ol-control.ol-feature-list > button,
.ol-control.ol-feature-list.ol-collapsed .ol-content {
  display: none;
}
.ol-control.ol-feature-list.ol-collapsed > button {
  display: block;
}

.ol-feature-list .ol-sizer {
  width: 100%;
  height: 1px;
  cursor: row-resize;
  background-color: #ccc;
  position: relative;
  border: 1px solid #f4f6f8;
  border-width: 1px 0;
}
.ol-feature-list.ol-bottom .ol-sizer {
  position: absolute;
  bottom: 0;
}
.ol-feature-list .ol-sizer:before {
  content: "";
  width: 1.5em;
  height: 4px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  border: 3px solid transparent;
  border-width: 3px 1.5em;
  -webkit-box-shadow: inset 0 -1px #aaa, inset 0 1px #aaa;
          box-shadow: inset 0 -1px #aaa, inset 0 1px #aaa;
  border-radius: 2px;
}
.ol-feature-list .ol-sizer:hover:before {
  background-color: #ccc;
}

.ol-feature-list .ol-content .ol-header p {
  display: inline-block;
  margin: 0.1em .25em;
  vertical-align: middle;
  white-space: nowrap;
  width: calc(100% - 2em);
  text-overflow: ellipsis;
  overflow: hidden;
}
.ol-feature-list .ol-content .ol-header .ol-buttons {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ol-feature-list .ol-content .ol-header button {
  position: relative;
  border: 0;
  background: transparent;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin: 0 .2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-feature-list .ol-content .ol-header button.ol-closebox:before,
.ol-feature-list .ol-content .ol-header button.ol-closebox:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  background: currentColor;
  width: .1em;
  height: 1em;
  display: block;
  font-style: normal;
}
.ol-feature-list .ol-content .ol-header button.ol-closebox:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox {
  border: 1px solid currentColor;
}
.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.ol-feature-list.ol-collapsed .ol-content .ol-header button.ol-closebox:after {
  display: none;
}

.ol-feature-list .ol-scroll-container {
  overflow: auto;
  height: 10em;
  min-height: 3em;
}

.ol-feature-list table {
  background-color: #fff;
  border-collapse: collapse;
  white-space: nowrap;
  position: relative;
}
.ol-feature-list table thead {
  background-color: #f4f6f8;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}
/* Fixed height */
.ol-feature-list table tr {
  height: 1.4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-feature-list table tbody tr:hover {
  background-color: #eee;
  cursor: pointer;
}

.ol-feature-list table tbody tr.ol-selected {
  background-color: #eee;
}

.ol-feature-list table td {
  border: 0 solid #ddd;
  border-width: 0 0 1px 1px;
  overflow: hidden;
  width: 100px;
}
.ol-feature-list table td.number {
  text-align: right;
}
.ol-feature-list table td.undefined {
  text-align: center;
  background-color: #fafafa;
}

.ol-feature-list thead td {
  position: relative;
}
.ol-feature-list thead td.sort {
  padding-right: 1.5em;
}

.ol-feature-list thead td p {
  margin: 0;
  display: inline-block;
}
.ol-feature-list table td button {
  position: absolute;
  width: 1.2em;
  height: 1.4em;
  top: 0;
  right: 0;
  margin: .1em 0;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.ol-feature-list thead td button.sort:before {
  content: '⇅';
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
  font-size: 1em;
  line-height: 1em;
}
.ol-feature-list thead td button.sortup:before {
  content: '↧';
}
.ol-feature-list thead td button.sortdown:before {
  content: '↥';
}

.ol-gauge {
  top: 0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ol-gauge > * {
  display: inline-block;
  vertical-align: middle;
}
.ol-gauge > span {
  margin: 0 0.5em;
}
.ol-gauge > div {
  display: inline-block;
  width: 200px;
  border: 1px solid rgba(0,60,136,.5);
  border-radius: 3px;
  padding:1px;
}
.ol-gauge button {
  height: 0.8em;
  margin:0;
  max-width:100%;
}

.ol-control.ol-bookmark {
  top: 0.5em;
  left: 3em;
  background-color: rgba(255,255,255,.5);
}
.ol-control.ol-bookmark button {
  position: relative;
}
.ol-control.ol-bookmark > button::before {
  content: "";
  position: absolute;
  border-width: 10px 5px 4px;
  border-style: solid;
  border-color: currentColor;
  border-bottom-color: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0;
}

.ol-control.ol-bookmark > div {
  display: none;
  min-width: 5em;
}
.ol-control.ol-bookmark input {
  font-size: 0.9em;
  margin: 0.1em 0 ;
  padding: 0 0.5em;
}
.ol-control.ol-bookmark ul {
  margin:0;
  padding: 0;
  list-style: none;
  min-width: 10em;
}
.ol-control.ol-bookmark li {
  color: rgba(0,60,136,0.8);
  font-size: 0.9em;
  padding: 0 0.2em 0 0.5em;
  cursor: default;
  clear:both;
}

.ol-control.ol-bookmark li:hover {
  background-color: rgba(0,60,136,.5);
  color: #fff;
}

.ol-control.ol-bookmark > div button {
  width: 1em;
  height: 0.8em;
  float: right;
  background-color: transparent;
  cursor: pointer;
  border-radius: 0;
}
.ol-control.ol-bookmark > div button:before {
  content: "\2A2F";
  color: #936;
  font-size: 1.2em;
  line-height: 1em;
  border-radius: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ol-bookmark ul li button,
.ol-bookmark input {
  display: none;
}
.ol-bookmark.ol-editable ul li button,
.ol-bookmark.ol-editable input {
  display: block;
}


.ol-control.ol-geobt {
  top: auto;
  left: auto;
  right: .5em;
  bottom: 3em;
}
.ol-touch .ol-control.ol-geobt {
  bottom: 3.5em;
}
.ol-control.ol-geobt button:before {
  content: "";
  position: absolute;
  background: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: .16em solid currentColor;
  width: .4em;
  height: .4em;
  border-radius: 50%;
}
.ol-control.ol-geobt button:after {
  content: "";
  position: absolute;
  width: .2em;
  height: .2em;
  background: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
          box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
}

.ol-control.ol-bar.ol-geobar .ol-control {
	display: inline-block;
	vertical-align: middle;
}

.ol-control.ol-bar.ol-geobar .ol-bar {
  display: none;
}
.ol-bar.ol-geobar.ol-active .ol-bar {
  display: inline-block;
}

.ol-bar.ol-geobar .geolocBt button:before,
.ol-bar.ol-geobar .geolocBt button:after {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid transparent;
  border-width: 0.3em 0.8em 0 0.2em;
  border-color: currentColor transparent transparent;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  top: .45em;
  left: 0.15em;
  font-size: 1.2em;
}
.ol-bar.ol-geobar .geolocBt button:after {
  border-width: 0 0.8em .3em 0.2em;
  border-color: transparent transparent currentColor;
	-webkit-transform: rotate(-61deg);
	transform: rotate(-61deg);
}

.ol-bar.ol-geobar .startBt button:before {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: #800;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.ol-bar.ol-geobar .pauseBt button:before,
.ol-bar.ol-geobar .pauseBt button:after {
  content: "";
  display: block;
  position: absolute;
  width: .25em;
  height: 1em;
  background-color: currentColor;
  top: 50%;
  left: 35%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.ol-bar.ol-geobar .pauseBt button:after {
  left: 65%;
}

.ol-control.ol-bar.ol-geobar .centerBt,
.ol-control.ol-bar.ol-geobar .pauseBt,
.ol-bar.ol-geobar.pauseTrack .startBt,
.ol-bar.ol-geobar.centerTrack .startBt,
.ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt,
.ol-bar.ol-geobar.centerTrack .pauseBt {
  display: none;
}
.ol-bar.ol-geobar.pauseTrack .pauseBt,
.ol-bar.ol-geobar.centerTrack .centerBt{
  display: inline-block;
}

.ol-control.ol-globe
{	position: absolute;
	left: 0.5em;
	bottom: 0.5em;
	border-radius: 50%;
	opacity: 0.7;
	transform: scale(0.5);
	transform-origin: 0 100%;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 100%;
}
.ol-control.ol-globe:hover
{	opacity: 0.9;
}

.ol-control.ol-globe .panel
{	display:block;
	width:170px;
	height:170px;
	background-color:#fff;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
	        box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
}
.ol-control.ol-globe .panel .ol-viewport
{	border-radius: 50%;
}

.ol-control.ol-globe .ol-pointer
{	display: block;
	background-color: #fff;
	width:10px;
	height: 10px;
	border:10px solid red;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-15px, -40px);
	-webkit-transform: translate(-15px, -40px);
	border-radius: 50%;
	z-index:1;
	transition: opacity 0.15s, top 0s, left 0s;
	-webkit-transition: opacity 0.15s, top 0s, left 0s;
}
.ol-control.ol-globe .ol-pointer.hidden
{	opacity:0;
	transition: opacity 0.15s, top 3s, left 5s;
	-webkit-transition: opacity 0.15s, top 3s, left 5s;
}

.ol-control.ol-globe .ol-pointer::before
{	border-radius: 50%;
	-webkit-box-shadow: 6px 6px 10px 5px #000;
	        box-shadow: 6px 6px 10px 5px #000;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 23px;
	width: 0;
}
.ol-control.ol-globe .ol-pointer::after
{	content:"";
	width:0;
	height:0;
	display: block;
	position: absolute;
	border-width: 20px 10px 0;
	border-color: red transparent;
	border-style: solid;
	left: -50%;
	top: 100%;
}

.ol-control.ol-globe .panel::before {
  border-radius: 50%;
  -webkit-box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
          box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ol-control.ol-globe .panel::after {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
          box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
  content: "";
  display: block;
  height: 0;
  left: 23%;
  position: absolute;
  top: 20%;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  width: 20%;
  z-index: 1;
}


.ol-control.ol-globe.ol-collapsed .panel
{	display:none;
}

.ol-control-top.ol-globe
{	bottom: auto;
	top: 5em;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
.ol-control-right.ol-globe
{	left: auto;
	right: 0.5em;
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
}
.ol-control-right.ol-control-top.ol-globe
{	left: auto;
	right: 0.5em;
	transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
}

.ol-gridreference
{	background: #fff;
	border: 1px solid #000;
	overflow: auto;
	max-height: 100%;
	top:0;
	right:0;
}
.ol-gridreference input
{	width:100%;
}
.ol-gridreference ul
{	margin:0;
	padding:0;
	list-style: none;
} 
.ol-gridreference li
{	padding: 0 0.5em;
	cursor: pointer;
}
.ol-gridreference ul li:hover 
{	background-color: #ccc;
}
.ol-gridreference li.ol-title,
.ol-gridreference li.ol-title:hover
{	background:rgba(0,60,136,.5);
	color:#fff;
	cursor:default;
}
.ol-gridreference ul li .ol-ref
{	margin-left: 0.5em;
}
.ol-gridreference ul li .ol-ref:before
{	content:"(";
}
.ol-gridreference ul li .ol-ref:after
{	content:")";
}

.ol-control.ol-imageline {
  bottom:0;
  left: 0;
  right: 0;
  padding: 0;
  overflow: visible;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 0;
}
.ol-control.ol-imageline.ol-collapsed {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ol-imageline > div {
  height: 4em;
  position: relative;
  white-space: nowrap;
  scroll-behavior: smooth;
  overflow: hidden;
  width: 100%;
}
.ol-imageline > div.ol-move {
  scroll-behavior: unset;
}

.ol-control.ol-imageline button {
  position: absolute;
  top: -1em;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  margin: .65em;
  -webkit-box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
          box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
}
.ol-control.ol-imageline button:before {
  content: '';
  position: absolute;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
  top: 40%;
  left: 50%;
  width: .4em;
  height: .4em;
  border: .1em solid currentColor;
  border-width: .15em .15em 0 0;
}
.ol-control.ol-imageline.ol-collapsed button:before {
  top: 60%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-imageline,
.ol-imageline:hover {
  background-color: rgba(0,0,0,.75);
}

.ol-imageline.ol-arrow:after,
.ol-imageline.ol-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: .2em;
  border-color: #fff #000;
  border-width: 1em .6em 1em 0;
  border-style: solid;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  opacity: .8;
  pointer-events: none;
  -webkit-box-shadow: -0.6em 0 0 1em #fff;
          box-shadow: -0.6em 0 0 1em #fff;
}
.ol-imageline.ol-arrow:after {
  border-width: 1em 0 1em .6em;
  left: auto;
  right: .2em;
  -webkit-box-shadow: 0.6em 0 0 1em #fff;
          box-shadow: 0.6em 0 0 1em #fff;
}
.ol-imageline.ol-scroll0.ol-arrow:before {
  display: none;
}
.ol-imageline.ol-scroll1.ol-arrow:after {
  display: none;
}


.ol-imageline .ol-image {
  position: relative;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}
.ol-imageline img {
  max-height: 100%;
  border: .25em solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.ol-imageline img.ol-loaded {
  opacity:1;
}

.ol-imageline .ol-image.select {
  background-color: #fff;
}
.ol-imageline .ol-image span {
  position: absolute;
  width: 125%;
  max-height: 2.4em;
  left: 50%;
  bottom: 0;
  display: none;
  color: #fff;
  background-color: rgba(0,0,0,.5);
  font-size: .8em;
  overflow: hidden;
  white-space: normal;
  text-align: center;
  line-height: 1.2em;
  -webkit-transform: translateX(-50%) scaleX(.8);
          transform: translateX(-50%) scaleX(.8);
}
/*
.ol-imageline .ol-image.select span,
*/
.ol-imageline .ol-image:hover span {
  display: block;
}

.ol-control.ol-routing.ol-isochrone .ol-method-time,
.ol-control.ol-routing.ol-isochrone .ol-method-distance,
.ol-control.ol-routing.ol-isochrone > button {
  position: relative;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:before,
.ol-control.ol-routing.ol-isochrone > button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: .1em solid currentColor;
  width: .8em;
  height: .8em;
  border-radius: 50%;
  -webkit-box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
          box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
  clip: unset;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:after,
.ol-control.ol-routing.ol-isochrone > button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
          transform: translate(-50%, -50%) rotate(-60deg);
  border-radius: 50%;
  border: .3em solid transparent;
  border-right-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clip: unset;
}

.ol-control.ol-routing.ol-isochrone .ol-method-distance:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg);
  width: 1em;
  height: .5em;
  border: .1em solid currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance:after {
  content: '';
  position: absolute;
  width: .1em;
  height: .15em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
          transform: translate(-50%, -50%) rotate(-30deg);
  -webkit-box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
          box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
}

.ol-control.ol-routing.ol-isochrone .ol-direction-direct:before,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 30%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: .3em;
  height: .3em;
  border-radius: 50%;
  border: .1em solid currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0.25em 0 0 -0.05em;
          box-shadow: 0.25em 0 0 -0.05em;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-direct:after,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 70%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: .4em solid transparent;
  border-width: .4em 0 .4em .4em;
  border-color: transparent currentColor;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
  border-width: .4em .4em .4em 0;
}

.ol-control.ol-isochrone.ol-collapsed .content {
  display: none;
}
.ol-control.ol-isochrone input[type="number"] {
  width: 3em;
  text-align: right;
  margin: 0 .1em;
}
.ol-control.ol-isochrone .ol-distance input[type="number"] {
  width: 5em;
}

.ol-isochrone .ol-time,
.ol-isochrone .ol-distance {
  display: none;
}
.ol-isochrone .ol-time.selected,
.ol-isochrone .ol-distance.selected {
  display: block;
}

.ol-control.ol-layerswitcher-popup {
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: 3em;
}
.ol-control.ol-layerswitcher-popup .panel {
  clear:both;
  background:#fff;
}

.ol-layerswitcher-popup .panel {
  list-style: none;
  padding: 0.25em;
  margin:0;
  overflow: hidden;
}

.ol-layerswitcher-popup .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
}

.ol-layerswitcher-popup.ol-collapsed .panel {
  display:none;
}
.ol-layerswitcher-popup.ol-forceopen .panel {
  display:block;
}

.ol-layerswitcher-popup button  {
  background-color: white;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==");
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  height: 38px;
  width: 38px;
}

.ol-layerswitcher-popup li {
  color:#369;
  padding:0.25em 1em;
  font-family:"Trebuchet MS",Helvetica,sans-serif;
  cursor:pointer;
}
.ol-layerswitcher-popup li.ol-header {
  display: none;
}
.ol-layerswitcher-popup li.select,
.ol-layerswitcher-popup li.ol-visible {
  background:rgba(0, 60, 136, 0.7);
  color:#fff;
}
.ol-layerswitcher-popup li:hover {
  background:rgba(0, 60, 136, 0.9);
  color:#fff;
}

.ol-control.ol-layerswitcher.ol-layer-shop {
  height: calc(100% - 4em);
  max-height: unset;
  max-width: 16em;
  background-color: transparent;
  pointer-events: none!important;
  overflow: visible;
}
.ol-control.ol-layerswitcher > * {
  pointer-events: auto;
}

.ol-control.ol-layer-shop > button,
.ol-control.ol-layer-shop .panel-container {
  -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.5);
          box-shadow: 0 0 0 3px rgba(255,255,255,.5);
}
.ol-control.ol-layerswitcher.ol-layer-shop .panel-container {
  overflow-y: scroll;
  max-height: calc(100% - 6.5em);
  border: 2px solid #369;
  border-width: 2px 0;
  padding: 0;
}
.ol-control.ol-layer-shop .panel {
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: .25em .5em;
}
.ol-control.ol-layerswitcher.ol-layer-shop .panel-container.ol-scrolldiv {
  overflow: hidden;
}
.ol-control.ol-layer-shop .ol-scroll {
  background-color: rgba(0,0,0,.3);
  opacity: .5;
}
.ol-layerswitcher.ol-layer-shop ul.panel li.ol-header {
  display: none;
}
.ol-layerswitcher.ol-layer-shop ul.panel li {
  margin-right: 0;
  padding-right: 0;
}
.ol-layerswitcher.ol-layer-shop .layerup {
  height: 1.5em;
  width: 1.4em;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  background-color: transparent;
  color: rgba(0,60,136,1);
}
.ol-layerswitcher.ol-layer-shop .layerup:hover {
  background-color: rgba(0,60,136,.3);
}
.ol-layerswitcher.ol-layer-shop .layerup:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 0;
  background-color: currentColor;
  width: 1em;
  height: 2px;
  -webkit-box-shadow: 0 -4px, 0 4px;
          box-shadow: 0 -4px, 0 4px;
}
.ol-layerswitcher.ol-layer-shop .layerup:after {
  content: unset;
}

.ol-control.ol-layer-shop .ol-title-bar {
  background-color: rgba(255,255,255,.5);
  font-size: .9em;
  height: calc(2.8em - 4px);
  max-width: 14.6em;
  padding: .7em .5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
  -webkit-transition: width 0s, -webkit-transform .1s;
  transition: width 0s, -webkit-transform .1s;
  transition: transform .1s, width 0s;
  transition: transform .1s, width 0s, -webkit-transform .1s;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.ol-control.ol-layer-shop:hover .ol-title-bar {
  background-color: rgba(255,255,255,.7);
}
.ol-control.ol-layer-shop.ol-collapsed .ol-title-bar {
  max-width: 10em;
  -webkit-transform: scale(.9, 1.1);
          transform: scale(.9, 1.1);
}
.ol-control.ol-layer-shop.ol-forceopen .ol-title-bar {
  max-width: 14.6em;
  -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
}

.ol-control.ol-layer-shop .ol-bar {
  position: relative;
  height: 1.75em;
  clear: both;
  -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.5);
          box-shadow: 0 0 0 3px rgba(255,255,255,.5);
  background-color: #fff;
  text-align: right;
  z-index: 10;
}
.ol-control.ol-layer-shop.ol-collapsed .ol-scroll,
.ol-control.ol-layer-shop.ol-collapsed .ol-bar {
  border-width: 2px 0 0;
  display: none;
}
.ol-control.ol-layer-shop.ol-forceopen .ol-scroll,
.ol-control.ol-layer-shop.ol-forceopen .ol-bar  {
  display: block;
}
.ol-control.ol-layer-shop .ol-bar > * {
  font-size: .9em;
  display: inline-block;
  vertical-align: middle;
  margin-top: .25em;
  background-color: transparent;
}

.ol-layer-shop .ol-bar .ol-button,
.ol-touch .ol-layer-shop .ol-bar .ol-button {
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  margin: 0;
}
.ol-layer-shop .ol-bar button {
  background-color: #fff;
  color: rgba(0,60,136,1)
}
.ol-layer-shop .ol-bar button:hover {
  background-color: rgba(0,60,136,.2);
}

/* Touch device */
.ol-touch .ol-layerswitcher.ol-layer-shop > button {
  font-size: 1.7em;
}
.ol-touch .ol-layer-shop .ol-bar {
  height: 2em;
}
.ol-touch .ol-layer-shop .ol-control button {
  font-size: 1.4em;
}
.ol-touch .ol-control.ol-layer-shop .panel {
  max-height: calc(100% - 7em);
}
.ol-touch .ol-control.ol-layer-shop .panel label {
  height: 1.8em;
}
.ol-touch .ol-control.ol-layer-shop .panel label span {
  margin-left: .5em;
  padding-top: .25em;
}
.ol-touch .ol-control.ol-layer-shop .panel label:before,
.ol-touch .ol-control.ol-layer-shop .panel label:after {
  font-size: 1.3em;
  z-index: 1;
}

.ol-control.ol-layerswitcher {
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: 3em;
  max-height: calc(100% - 6em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
  display: block
}
.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv,
.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv {
  display: none;
}
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv,
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv {
  display: block;
}

.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
  position: absolute;
  top:0;
  left:0;
  right:0;
  height: 45px;
  background: #fff; 
  z-index:2;
  opacity:1;
  cursor: pointer;
  border-top:2px solid transparent;
  border-bottom:2px solid #369;
  margin:0 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
  top: auto;
  bottom: 0;
  height: 2em;
  border-top:2px solid #369;
  border-bottom:2px solid transparent;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before {
  content:"";
  position: absolute;
  left:50%;
  top:50%;
  border:10px solid transparent;
  width:0;
  height:0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity:0.8;
}

.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before {
  opacity:1;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before {
  border-bottom-color: #369;
  border-top: 0;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before {
  border-top-color: #369;
  border-bottom: 0;
}

.ol-control.ol-layerswitcher .panel-container {
  background-color: #fff;
  border-radius: 0 0 2px 2px;
  clear: both;
  display: block; /* display:block to show panel on over */
  padding: 0.5em 0.5em 0;
}

.ol-layerswitcher .panel {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: Tahoma,Geneva,sans-serif;
  font-size:0.9em;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  position: relative;
  top:0;
}

.ol-layerswitcher .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
  clear: both;
}

/** Customize checkbox
*/
.ol-layerswitcher input[type="radio"],
.ol-layerswitcher input[type="checkbox"] {
  display:none;
}

.ol-layerswitcher .panel li {
  -weblit-transition: -webkit-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  clear: both;
  display: block;
  border:1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-layerswitcher .panel li.ol-layer-select {
  background-color: rgba(0,60,136,.2);
  margin: 0 -.5em;
  padding: 0 .5em
}
/* drag and drop */
.ol-layerswitcher .panel li.drag {
  opacity: 0.5;
  transform:scale(0.8);
  -webkit-transform:scale(0.8);
}
.ol-dragover {
  background:rgba(51,102,153,0.5);
  opacity:0.8;
}
.ol-layerswitcher .panel li.forbidden,
.forbidden .ol-layerswitcher-buttons div,
.forbidden .layerswitcher-opacity div {
  background:rgba(255,0,0,0.5);
  color:#f00!important;
}

/* cursor management */
.ol-layerswitcher.drag,
.ol-layerswitcher.drag * {
  cursor:not-allowed!important;
  cursor:no-drop!important;
}
.ol-layerswitcher.drag .panel li.dropover,
.ol-layerswitcher.drag .panel li.dropover * {
  cursor: pointer!important;
  cursor: n-resize!important;
  cursor: ns-resize!important;
  cursor: -webkit-grab!important;
  cursor: grab!important;
  cursor: -webkit-grabbing!important;
  cursor: grabbing!important;
}

.ol-layerswitcher .panel li.dropover {
  background: rgba(51, 102, 153, 0.5);
}

.ol-layerswitcher .panel li label {
  display: inline-block;
  height: 1.4em;
  max-width: 12em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 1.7em;
  position: relative;
}

.ol-layerswitcher .panel li label span {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: .2em;
}
.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="checkbox"] + label:before,
.ol-layerswitcher [type="radio"]:checked + label:after,
.ol-layerswitcher [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 0.1em; top: 0.1em;
  width: 1.2em; height: 1.2em; 
  border: 2px solid #369;
  background: #fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="radio"] + label:after {
  border-radius: 50%;
}

.ol-layerswitcher [type="radio"]:checked + label:after {
  background: #369 none repeat scroll 0 0;
  margin: 0.3em;
  width: 0.6em;
  height: 0.6em;
}

.ol-layerswitcher [type="checkbox"]:checked + label:after {
  background: transparent;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #369;
    width: 0.7em;
    height: 1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0.55em;
    top: -0.05em;
    -webkit-box-shadow: 1px 0px 1px 1px #fff;
            box-shadow: 1px 0px 1px 1px #fff;
}

.ol-layerswitcher .panel li.ol-layer-hidden {
  opacity: 0.6;
}

.ol-layerswitcher.ol-collapsed .panel-container {
  display:none;
}
.ol-layerswitcher.ol-forceopen .panel-container {
  display:block;
}

.ol-layerswitcher-image > button,
.ol-layerswitcher > button {
  background-color: white;
  float: right;
  z-index: 10;
  position: relative;
  font-size: 1.7em;
}
.ol-touch .ol-layerswitcher-image > button,
.ol-touch .ol-layerswitcher > button {
  font-size: 2.5em;
}
.ol-layerswitcher-image > button:before,
.ol-layerswitcher-image > button:after,
.ol-layerswitcher > button:before,
.ol-layerswitcher > button:after {
  content: "";
  position:absolute;
  width: .75em;
  height: .75em;
  border-radius: 0.15em;
  -webkit-transform: scaleY(.8) rotate(45deg);
  transform: scaleY(.8) rotate(45deg);
}
.ol-layerswitcher-image > button:before,
.ol-layerswitcher > button:before {
  background: #e2e4e1;
  top: .32em;
  left: .34em;
  -webkit-box-shadow: 0.1em 0.1em #325158;
  box-shadow: 0.1em 0.1em #325158;
}
.ol-layerswitcher-image > button:after,
.ol-layerswitcher > button:after {
  top: .22em;
  left: .34em;
  background: #83bcc5;
  background-image: radial-gradient( circle at .85em .6em, #70b3be 0, #70b3be .65em, #83bcc5 .65em);
}
.ol-layerswitcher-buttons {
  display:block;
  float: right;
  text-align:right;
}
.ol-layerswitcher-buttons > div {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height:1em;
  width:1em;
  margin:2px;
  line-height: 1em;
    text-align: center;
    background: #369;
    vertical-align: middle;
    color: #fff;
}

.ol-layerswitcher .panel li > div {
  display: inline-block;
  position: relative;
}

/* line break */
.ol-layerswitcher .ol-separator {
  display:block;
  width:0;
  height:0;
  padding:0;
  margin:0;
}

.ol-layerswitcher .layerup {
  float: right;
  height:2.5em;
  background-color: #369;
  opacity: 0.5;
  cursor: move;
  cursor: ns-resize;
}

.ol-layerswitcher .layerup:before,
.ol-layerswitcher .layerup:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0.4em 0.4em 0;
  content: "";
  height: 0;
  position: absolute;
  bottom: 3px;
  left: 0.1em;
  width: 0;
}
.ol-layerswitcher .layerup:after {
  border-width: 0 0.4em 0.4em;
  top:3px;
  bottom: auto;
}

.ol-layerswitcher .layerInfo {
  background: #369;
  border-radius: 100%;
}
.ol-layerswitcher .layerInfo:before {
  color: #fff;
  content: "i";
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  width: 1.25em;
  position:absolute;
  left: 0;
  top: 0;
}

.ol-layerswitcher .layerTrash {
  background: #369;
}
.ol-layerswitcher .layerTrash:before {
  color: #fff;
  content: "\00d7";
  font-size:1em;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1em;
  margin: -0.5em 0;
  position: absolute;
}

.ol-layerswitcher .layerExtent {
  background: #369;
}
.ol-layerswitcher .layerExtent:before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  right: 2px;
  top: 6px;
  bottom: 3px;
}
.ol-layerswitcher .layerExtent:after {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  display: block;
  position: absolute;
  bottom: 6px;
  left: 2px;
  right: 6px;
  top: 3px;
}

.ol-layerswitcher .expend-layers,
.ol-layerswitcher .collapse-layers {
  margin: 0 2px;
  background-color: transparent;
}
.ol-layerswitcher .expend-layers:before,
.ol-layerswitcher .collapse-layers:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  margin-top:-2px;
  height:4px;
  width:100%;
  background:#369;
}
.ol-layerswitcher .expend-layers:after {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  margin-left:-2px;
  width:4px;
  height:100%;
  background:#369;
}
/*
.ol-layerswitcher .collapse-layers:before {
  content:"";
  position:absolute;
  border:0.5em solid #369;
  border-color: #369 transparent transparent;
  margin-top:0.25em;
}
.ol-layerswitcher .expend-layers:before {
  content:"";
  position:absolute;
  border:0.5em solid #369;
  border-color: transparent transparent transparent #369 ;
  margin-left:0.25em;
}
*/

.ol-layerswitcher .layerswitcher-opacity {
  position:relative;
  border: 1px solid #369;
  height: 3px;
  width: 120px;
  margin:5px 1em 10px 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  background: #69c;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0,60,136,0)), to(rgba(0,60,136,0.6)));
  background: linear-gradient(to right, rgba(0,60,136,0), rgba(0,60,136,0.6));
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
          box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  background: rgba(0,60,136,0.5);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor {
  width: 26px;
  height: 26px;
}

.ol-layerswitcher .layerswitcher-opacity-label { 
  display:none;
  position: absolute;
  right: -2.5em;
  bottom: 5px;
  font-size: 0.8em;
}
.ol-layerswitcher .layerswitcher-opacity-label::after {
  content:"%";
}

.ol-layerswitcher .layerswitcher-progress {
  display:block;
  margin:-4px 1em 2px 7px;
  width: 120px;
}
.ol-layerswitcher .layerswitcher-progress div {
  background-color: #369;
  height:2px;
  display:block;
  width:0;
}

.ol-control.ol-layerswitcher-image {
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: 1em;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}
.ol-control.ol-layerswitcher-image.ol-collapsed {
  top:3em;
  -webkit-transition: none;
  transition: none;
}

.ol-layerswitcher-image .panel {
  list-style: none;
  padding: 0.25em;
  margin:0;
  overflow: hidden;
}

.ol-layerswitcher-image .panel ul {
  list-style: none;
  padding: 0 0 0 20px;
  overflow: hidden;
}

.ol-layerswitcher-image.ol-collapsed .panel {
  display:none;
}
.ol-layerswitcher-image.ol-forceopen .panel {
  display:block;
  clear:both;
}

.ol-layerswitcher-image button {
  float: right;
  display:none;
}

.ol-layerswitcher-image.ol-collapsed button {
  display:block;
  position:relative;
}

.ol-layerswitcher-image li {
  border-radius: 4px;
  border: 3px solid transparent;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 64px;
  height: 64px;
  margin:2px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  vertical-align: middle;
  cursor:pointer;
}
.ol-layerswitcher-image li.ol-layer-hidden {
  opacity: 0.5;
  border-color:#555;
}
.ol-layerswitcher-image li.ol-header {
  display: none;
}

.ol-layerswitcher-image li img {
  position:absolute;
  max-width:100%;
}
.ol-layerswitcher-image li.select,
.ol-layerswitcher-image li.ol-visible {
  border: 3px solid red;
}

.ol-layerswitcher-image li p {
  display:none;
}
.ol-layerswitcher-image li:hover p {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  height:1.2em;
  font-family:Verdana, Geneva, sans-serif;
  font-size:0.8em;
}
.ol-control.ol-legend {
  bottom: .5em;
  left: .5em;
  z-index: 1;
  max-height: 90%;
  max-width: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(255,255,255,.6);
}
.ol-control.ol-legend:hover {
  background-color: rgba(255,255,255,.8);
}
.ol-control.ol-legend.ol-empty,
.ol-control.ol-legend.ol-collapsed {
  overflow: hidden;
}
.ol-control.ol-legend button {
  position: relative;
  display: none;
}
.ol-control.ol-legend.ol-empty button,
.ol-control.ol-legend.ol-collapsed button {
  display: block;
}
.ol-control.ol-legend.ol-uncollapsible button {
  display: none;
}

.ol-control.ol-legend > ul,
.ol-control.ol-legend > canvas {
  margin: 2px;
}

.ol-control.ol-legend button.ol-closebox {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  cursor: pointer;
  z-index: 1;
}
.ol-control.ol-legend.ol-empty button.ol-closebox,
.ol-control.ol-legend.ol-uncollapsible button.ol-closebox,
.ol-control.ol-legend.ol-collapsed button.ol-closebox {
  display: none;
}
.ol-control.ol-legend button.ol-closebox:before {
  content: "\D7";
  background: none;
  color: rgba(0,60,136,.5);
  font-size: 1.3em;
}
.ol-control.ol-legend button.ol-closebox:hover:before {
  color: rgba(0,60,136,1);
}
.ol-control.ol-legend .ol-legendImg {
  display: block;
}
.ol-control.ol-legend.ol-empty .ol-legendImg,
.ol-control.ol-legend.ol-collapsed .ol-legendImg {
  display: none;
}
.ol-control.ol-legend.ol-uncollapsible .ol-legendImg {
  display: block;
}

.ol-control.ol-legend > button:first-child:before,
.ol-control.ol-legend > button:first-child:after {
  content: "";
  position: absolute;
  top: .25em;
  left: .2em;
  width: .2em;
  height: .2em;
  background-color: currentColor;
  -webkit-box-shadow: 0 0.35em, 0 0.7em;
          box-shadow: 0 0.35em, 0 0.7em;
}
.ol-control.ol-legend button:first-child:after {
  top: .27em;
  left: .55em;
  height: .15em;
  width: .6em;
}

ul.ol-legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ol-control.ol-legend.ol-empty ul,
.ol-control.ol-legend.ol-collapsed ul {
  display: none;
}
.ol-control.ol-legend.ol-uncollapsible ul {
  display: block;
}
ul.ol-legend li.ol-title {
  text-align: center;
  font-weight: bold;
}
ul.ol-legend li.ol-title > div:first-child {
  width: 0!important;
}
ul.ol-legend li {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
ul.ol-legend li div {
  display: inline-block;
  vertical-align: top;
}

.ol-control.ol-legend .ol-legend {
  display: inline-block;
}
.ol-control.ol-legend.ol-empty .ol-legend,
.ol-control.ol-legend.ol-collapsed .ol-legend {
  display: none;
}
.ol-control.ol-legend.ol-empty button {
  opacity: .4;
}
.ol-control.ol-mapzone {
  position: absolute;
  right: 0.5em;
  text-align: left;
  top: .5em;
  max-height: calc(100% - 6em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.ol-control.ol-mapzone.ol-collapsed {
  top: 3em;
}

.ol-control.ol-mapzone button {
  position: relative;
  float: right;
  margin-top: 2.5em;
}
.ol-touch .ol-control.ol-mapzone button {
  margin-top: 1.67em;
}
.ol-control.ol-mapzone.ol-collapsed button {
  margin-top: 0;
}

.ol-control.ol-mapzone button i {
  border: .1em solid currentColor;
  border-radius: 50%;
  width: .9em;
  height: .9em; 
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-control.ol-mapzone button i:before {
  content: "";
  background-color: currentColor;
  width: 0.4em;
  height: .4em;
  position: absolute;
  left: .5em;
  top: 0.3em;
  border-radius: 50%;
  -webkit-box-shadow: .05em .3em 0 -.051em currentColor,
  	-.05em -.35em 0 -.1em currentColor,
  	-.5em -.35em 0 0em currentColor,
  	-.65em .1em 0 -.03em currentColor,
  	-.65em -.05em 0 -.05em currentColor;
          box-shadow: .05em .3em 0 -.051em currentColor,
  	-.05em -.35em 0 -.1em currentColor,
  	-.5em -.35em 0 0em currentColor,
  	-.65em .1em 0 -.03em currentColor,
  	-.65em -.05em 0 -.05em currentColor
}

.ol-mapzone > div {
  position: relative;
  display: inline-block;
  width: 5em;
  height: 5em;
  margin: 0 .2em 0 0;
}
.ol-control.ol-mapzone.ol-collapsed > div {
  display: none;
}
.ol-mapzone > div p {
  margin: 0;
  position: absolute;
  bottom: 0;
  /* background: rgba(255,255,255,.5); */
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 160%;
  overflow: hidden;
  font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
  -webkit-transform: scaleX(.625);
          transform: scaleX(.625);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  cursor: default;
}

.ol-notification {
  width: 150%;
  bottom: 0;
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}
.ol-notification > div,
.ol-notification > div:hover {
  position: absolute;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  bottom: 0;
  left: 33.33%;
  max-width: calc(66% - 4em);
  min-width: 5em;
  max-height: 5em;
  min-height: 1em;
  border-radius: 4px 4px 0 0;
  padding: .2em .5em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
}
.ol-notification.ol-collapsed > div {
  bottom: -5em;
  opacity: 0;
}

.ol-notification a {
  color: #9cf;
  cursor: pointer;
}

.ol-notification .ol-close,
.ol-notification .ol-close:hover {
  padding-right: 1.5em;
}

.ol-notification .closeBox {
  position: absolute;
  top: 0;
  right: 0.3em;
}
.ol-notification .closeBox:before {
  content: '\00d7';
}
.ol-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  padding: 1em;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  opacity: 0;
  display: none;
  cursor: default;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none;
  z-index: 9;
}

.ol-overlay.slide-up {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.ol-overlay.slide-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ol-overlay.slide-left
{	-webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ol-overlay.slide-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.ol-overlay.zoom {
  top: 50%;
  left: 50%;
  opacity:0.5;
  -webkit-transform: translate(-50%,-50%) scale(0);
  transform: translate(-50%,-50%) scale(0);
}
.ol-overlay.zoomout {
  -webkit-transform: scale(3);
  transform: scale(3);
}
.ol-overlay.zoomrotate {
  top: 50%;
  left: 50%;
  opacity:0.5;
  -webkit-transform: translate(-50%,-50%) scale(0) rotate(360deg);
  transform: translate(-50%,-50%) scale(0) rotate(360deg);
}
.ol-overlay.stretch {
  top: 50%;
  left: 50%;
  opacity:0.5;
  -webkit-transform: translate(-50%,-50%) scaleX(0);
  transform: translate(-50%,-50%) scaleX(0) ;
}
.ol-overlay.stretchy {
  top: 50%;
  left: 50%;
  opacity:0.5;
  -webkit-transform: translate(-50%,-50%) scaleY(0);
  transform: translate(-50%,-50%) scaleY(0) ;
}
.ol-overlay.wipe {
  opacity: 1;
  /* clip: must be set programmatically */
  /* clip-path: use % but not crossplatform (IE) */
}
.ol-overlay.flip {
  -webkit-transform: perspective(600px) rotateY(180deg);
  transform: perspective(600px) rotateY(180deg);
}
.ol-overlay.card {
  opacity: 0.5;
  -webkit-transform: translate(-80%, 100%) rotate(-0.5turn);
  transform: translate(-80%, 100%) rotate(-0.5turn);
}
.ol-overlay.book {
  -webkit-transform: perspective(600px) rotateY(-180deg) scaleX(0.6);
  transform: perspective(600px) rotateY(-180deg) scaleX(0.6) ;
  -webkit-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
}
.ol-overlay.book.visible {
  -webkit-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
}

.ol-overlay.ol-visible {
  opacity:1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  pointer-events: all;  
}

.ol-overlay .ol-closebox {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1em;
  height: 1em;
  cursor: pointer;
  z-index:1;
}
.ol-overlay .ol-closebox:before {
  content: "\274c";
  display: block;
  text-align: center;
  vertical-align: middle;
}

.ol-overlay .ol-fullscreen-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ol-overlay .ol-fullscreen-image img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ol-overlay .ol-fullscreen-image.ol-has-title img {
  padding-bottom: 3em;
}
.ol-overlay .ol-fullscreen-image p {
  background-color: rgba(0,0,0,.5);
  padding: .5em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  text-align: center;
}
.ol-control.ol-overview
{	position: absolute;
	left: 0.5em;
	text-align: left;
	bottom: 0.5em;
}

.ol-control.ol-overview .panel
{	display:block;
	width:150px;
	height:150px;
	margin:2px;
	background-color:#fff;
	border:1px solid #369;
	cursor: pointer;
}

.ol-overview:not(.ol-collapsed) button
{	position:absolute;
	bottom:2px;
	left:2px;
	z-index:2;
}

.ol-control.ol-overview.ol-collapsed .panel
{	display:none;
}

.ol-overview.ol-collapsed button:before
{	content:'\00bb';
}
.ol-overview button:before
{	content:'\00ab';
}


.ol-control-right.ol-overview
{	left: auto;
	right: 0.5em;
}
.ol-control-right.ol-overview:not(.ol-collapsed) button
{	left:auto;
	right:2px;
}
.ol-control-right.ol-overview.ol-collapsed button:before
{	content:'\00ab';
}
.ol-control-right.ol-overview button:before
{	content:'\00bb';
}

.ol-control-top.ol-overview
{	bottom: auto;
	top: 5em;
}
.ol-control-top.ol-overview:not(.ol-collapsed) button
{	bottom:auto;
	top:2px;
}

.ol-permalink {
  position: absolute;
  top:0.5em;
  right: 2.5em;
}
.ol-touch .ol-permalink {
  right: 3em;
}

.ol-permalink button i {
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-permalink button i:before {
  content: '\2197';
  position: absolute;
  border: 1px solid currentColor;
  left: 0;
  top: 0;
  width: 0.3em;
  height: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 1px 0 0 1px;
  padding: 0 0.2em;
}
.ol-permalink button i:after {
  content: '';
  position: absolute;
  border: 1px solid currentColor;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 0.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0 1px 1px 0;
  padding: 0.2em;
}
.ol-control.ol-print {
  top:.5em;
  left: 3em;
}
.ol-control.ol-print button:before {
  content: "";
  width: .9em;
  height: .35em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
          box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
}
.ol-control.ol-print button:after {
  content: "";
  width: .7em;
  height: .6em;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: inset 0 0 0 0.15em;
          box-shadow: inset 0 0 0 0.15em;
}
.ol-ext-print-dialog {
  width: 100%;
  height: 100%;
}
.ol-ext-print-dialog > form .ol-closebox {
  right: auto;
  left: 16.5em;
  z-index: 1;
  color: #999;
}
.ol-ext-print-dialog .ol-content[data-status="printing"] {
  opacity: .5;
}
.ol-ext-print-dialog .ol-content .ol-error {
  display: none;
  background: #b00;
  color: yellow;
  text-align: center;
  padding: 1em .5em;
  font-weight: bold;
  margin: 0 -1em;
}
.ol-ext-print-dialog .ol-content[data-status="error"] .ol-error {
  display: block;
}


.ol-ext-print-dialog > form,
.ol-ext-print-dialog.ol-visible > form {
  -webkit-transition: none;
  transition: none;
  top: 1em;
  left: 1em;
  bottom: 1em;
  right: 1em;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
  max-height: 100%;
  background-color: #eee;
  padding: 0;
}
.ol-ext-print-dialog .ol-print-map {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: calc(100% - 18em);
  overflow: hidden;
}
.ol-ext-print-dialog .ol-print-map .ol-page {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-ext-print-dialog .ol-print-map .ol-page.margin {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.ol-ext-print-dialog .ol-map {
  width: 100%;
  height: 100%;
}
.ol-ext-print-dialog .ol-print-map .ol-control,
.ol-ext-print-dialog .ol-print-map .geocoderCont-overlay,
.ol-ext-print-dialog .ol-print-map .ol-hover-coordinate
{
  display: none!important;
}

.ol-ext-print-dialog .ol-print-param {
  position: absolute;
  overflow-x: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18em;
  background-color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ol-ext-print-dialog .ol-print-param h2 {
  display: block;
  color: rgba(0,60,136,.7);
  font-size: 1.1em;
}
.ol-ext-print-dialog .ol-print-param ul {
  padding: 0;
  list-style: none;
}
.ol-ext-print-dialog .ol-print-param li {
  position: relative;
  margin: .5em 0;
  font-size: .9em;
}
.ol-ext-print-dialog .ol-print-param li.hidden {
  display: none;
}
.ol-ext-print-dialog .ol-print-param label {
  width: 8em;
  display: inline-block;
  vertical-align: middle;
}

.ol-ext-print-dialog select {
  outline: none;
  vertical-align: middle;
}

.ol-ext-print-dialog .ol-orientation {
  text-align: center;
}
.ol-ext-print-dialog .ol-orientation label {
  position: relative;
  width: 7em;
  cursor: pointer;
}
.ol-ext-print-dialog .ol-orientation input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ol-ext-print-dialog .ol-orientation span {
  position: relative;
  width: 80%;
  display: block;
  padding: 3.5em 0 .2em;
}
.ol-ext-print-dialog .ol-orientation span:before {
  content: "";
  position: absolute;
  width: 2em;
  height: 2.6em;
  bottom: 1.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #333;
  background-color: currentColor;
  border: 1px solid currentColor;
  border-radius: 0 1em 0 0;
  opacity: .5;
  overflow: hidden;
  -webkit-box-shadow: inset 1.3em -1.91em #ddd;
          box-shadow: inset 1.3em -1.91em #ddd;
}

.ol-ext-print-dialog .ol-orientation .landscape span:before {
  width: 2.6em;
  height: 2em;
  margin: .2em 0;
  -webkit-box-shadow: inset 1.91em -1.3em #ddd;
          box-shadow: inset 1.91em -1.3em #ddd;
}
.ol-ext-print-dialog .ol-orientation input:checked + span {
  opacity: 1;
  -webkit-box-shadow: 0 0 .2em rgba(0,0,0,.5);
          box-shadow: 0 0 .2em rgba(0,0,0,.5);
}

.ol-ext-print-dialog .ol-ext-toggle-switch span {
  position: absolute;
  right: -2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ol-print-title input[type=text] {
  margin-top: .5em;
  width: calc(100% - 6em);
  margin-left: 6em;
}

.ol-ext-print-dialog .ol-size option:first-child {
  font-style: italic;
}

.ol-ext-print-dialog .ol-saveas,
.ol-ext-print-dialog .ol-savelegend {
  text-align: center;
}
.ol-ext-print-dialog .ol-saveas select,
.ol-ext-print-dialog .ol-savelegend select {
  background-color: rgba(0,60,136,.7);
  color: #fff;
  padding: .5em;
  margin: 1em 0 0;
  font-size: 1em;
  border: 0;
  font-weight: bold;
  max-width: 12em;
}
.ol-ext-print-dialog .ol-saveas select option,
.ol-ext-print-dialog .ol-savelegend select option {
  background-color: #fff;
  color: #666;
}
.ol-ext-print-dialog .ol-savelegend select {
  margin-top: 0;
}

.ol-ext-print-dialog .ol-ext-buttons {
  text-align: right;
  border-top: 1px solid #ccc;
  padding: .8em .5em;
  margin: 0 -1em;
}
.ol-ext-print-dialog button {
  font-size: 1em;
  margin: 0 .2em;
  border: 1px solid #999;
  background: none;
  padding: .3em 1em;
  color: #333;
}
.ol-ext-print-dialog button[type="submit"] {
  background-color: rgba(0,60,136,.7);
  color: #fff;
  font-weight: bold;
}

.ol-ext-print-dialog .ol-clipboard-copy {
  position: absolute;
  pointer-events: none;
  top: 0;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  padding: .5em 1em;
  border-radius: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
}
.ol-ext-print-dialog .ol-clipboard-copy.visible {
  -webkit-animation: 1s ol-clipboard-copy;
          animation: 1s ol-clipboard-copy;
}
.ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control {
  display: block!important;
}
.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-compass {
  display: block!important;
}
.ol-ext-print-dialog .ol-print-map .ol-control.olext-print-compass {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  margin: 20px;
}

@-webkit-keyframes ol-clipboard-copy { 
  0% { opacity: 0; top: 0; }
  80% { opacity: 1; top: -3em; }
  100% { opacity: 0; top: -3em; }  
}

@keyframes ol-clipboard-copy { 
  0% { opacity: 0; top: 0; }
  80% { opacity: 1; top: -3em; }
  100% { opacity: 0; top: -3em; }  
}

@media print {
  body.ol-print-document {
    margin: 0!important;
    padding: 0!important;
  }
  body.ol-print-document > * {
    display: none!important;
  }
  body.ol-print-document > .ol-ext-print-dialog {
    display: block!important;
  }
  body.ol-print-document > .ol-ext-print-dialog .ol-content {
    max-height: unset!important;
    max-width: unset!important;
    width: unset!important;
    height: unset!important;
  }
  .ol-ext-print-dialog > form,
  .ol-ext-print-dialog {
    position: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none!important;
    border: 0;
  }
  .ol-ext-print-dialog > form > *,
  .ol-ext-print-dialog .ol-print-param {
    display: none!important;
    background: none;
  } 
  .ol-ext-print-dialog .ol-content {
    display: block!important;
    border: 0;
    background: none;
  }
  .ol-ext-print-dialog .ol-print-map {
    position: unset; 
    background: none;
    width: auto;
    overflow: visible;
  }
  .ol-ext-print-dialog .ol-print-map .ol-page {
    -webkit-transform: none!important;
            transform: none!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    position: unset;
  }
}

@media (max-width: 25em) {
  .ol-ext-print-dialog .ol-print-param {
    width: 13em;
  }
  .ol-ext-print-dialog .ol-print-map {
    width: calc(100% - 13em);
  }
  .ol-ext-print-dialog .ol-print-param .ol-print-title input[type="text"] {
    width: 100%;
    margin: 0;
  }
}
.ol-profil {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ol-control.ol-profil {
  position: absolute;
  top: 0.5em;
  right: 3em;
  text-align: right;
  overflow: hidden;
}
.ol-profil .ol-zoom-out {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 1em;
  height: 1em;
  padding: 0;
  border: 1px solid #000;
  border-radius: 2px;
  cursor: pointer;
}
.ol-profil .ol-zoom-out:before {
  content: '';
  height: 2px;
  width: 60%;
  background: currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ol-profil .ol-inner  {
  position: relative;
  padding: 0.5em;
  font-size: 0.8em;
}
.ol-control.ol-profil .ol-inner {
  display: block;
  background-color: rgba(255,255,255,0.7);
  margin: 2.3em 2px 2px;
}
.ol-control.ol-profil.ol-collapsed .ol-inner {
  display: none;
}

.ol-profil canvas {
  display: block;
}
.ol-profil button {
  display: block;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.ol-profil button i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  overflow: hidden;
}
.ol-profil button i:before,
.ol-profil button i:after {
  content: "";
  position: absolute;
  display: block;
  background-color: currentColor;
  width: 1em;
  height: .9em;
  -webkit-transform: scaleX(.8) translate(-.25em, .5em) rotate(45deg);
          transform: scaleX(.8) translate(-.25em, .5em) rotate(45deg);
}
.ol-profil button i:after {
  -webkit-transform: scaleX(.8) translate(.35em, .7em) rotate(45deg);
          transform: scaleX(.8) translate(.35em, .7em) rotate(45deg);
}

.ol-profil.ol-collapsed button {
  position: static;
}

.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor {
  position:absolute;
  pointer-events: none;
  width: 1px;
  display: none;
}
.ol-profil .ol-profilcursor {
  width: 0;
  height: 0;
}
.ol-profil .ol-profilcursor:before {
  content:"";
  pointer-events: none;
  display: block;
  margin: -2px;
  width:5px;
  height:5px;
}
.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor:before {
  background: red;
}

.ol-profil table {
  text-align: center;
  width: 100%;
}

.ol-profil table span {
  display: block;
}

.ol-profilpopup {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0.5em;
  padding: 0 0.5em;
  position: absolute;
  top:-1em;
  white-space: nowrap;
}
.ol-profilpopup.ol-left {
  right:0;
}


.ol-profil table td {
  padding: 0 2px;
}

.ol-profil table .track-info {
  display: table-row;
}
.ol-profil table .point-info {
  display: none;
}
.ol-profil .over table .track-info {
  display: none;
}
.ol-profil .over table .point-info {
  display: table-row;
}

.ol-profil p {
  text-align: center;
  margin:0;
}

.ol-control.ol-progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  pointer-events: none!important;
  background-color: transparent;
}

.ol-control.ol-progress-bar > .ol-bar {
  position: absolute;
  background-color: rgba(0,60,136,.5);
  left: 0;
  bottom: 0;
  height: .5em;
  width: 0;
  -webkit-transition: width .2s;
  transition: width .2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ol-progress-bar > .ol-waiting {
  display: none;
}

.ol-viewport .ol-control.ol-progress-bar > .ol-waiting {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2em;
  display: block;
  -webkit-animation: 1s linear infinite ol-progress-bar-blink;
          animation: 1s linear infinite ol-progress-bar-blink;
}

@-webkit-keyframes ol-progress-bar-blink {
  0%, 30% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes ol-progress-bar-blink {
  0%, 30% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.ol-control.ol-routing {
  top: 0.5em;
  left: 3em;
  max-height: 90%;
  overflow-y: auto;
}
.ol-touch .ol-control.ol-routing {
  left: 3.5em;
}
.ol-control.ol-routing.ol-searching {
  opacity: .5;
}

.ol-control.ol-routing .ol-car,
.ol-control.ol-routing > button {
  position: relative;
}
.ol-control.ol-routing .ol-car:after,
.ol-control.ol-routing > button:after {
  content: "";
  position: absolute;
  width: .78em;
  height: 0.6em;
  border-radius: 40% 50% 0 0 / 50% 70% 0 0;
  -webkit-box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
          box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
  clip: rect(0 1em .5em -1em);
  top: .35em;
  left: .4em;
}
.ol-control.ol-routing .ol-car:before,
.ol-control.ol-routing > button:before {
  content: "";
  position: absolute;
  width: .28em;
  height: .28em;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1em, 0.65em 0;
          box-shadow: inset 0 0 0 1em, 0.65em 0;
  top: 0.73em;
  left: .20em;
}
.ol-control.ol-routing .ol-pedestrian:after {
  content: "";
  position: absolute;
  width: .3em;
  height: .4em;
  top: .25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
          box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
  border-top: .2em solid transparent;
}
.ol-control.ol-routing .ol-pedestrian:before {
  content: "";
  position: absolute;
  width: .3em;
  height: .3em;
  top: .1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background-color: currentColor;
}

.ol-control.ol-routing .content {
  margin: .5em;
}

.ol-control.ol-routing.ol-collapsed .content {
  display: none;
}

.ol-routing .ol-search.ol-collapsed ul {
	display: none;
}
.ol-routing .ol-search ul .copy {
  display: none;
}
.ol-routing .ol-search ul.history {
  /* display: none; */
}
.ol-routing .content .search-input > div > * {
  display: inline-block;
  vertical-align: top;
}
.ol-routing .ol-result ul {
  list-style: none;
  display: block;
}
.ol-routing .ol-result li {
  position: relative;
  min-height: 1.65em;
}
.ol-routing .ol-result li i {
  display: block;
  font-size: .8em;
  font-weight: bold;
}

.ol-routing .ol-result li:before {
  content: "";
  border: 5px solid transparent;
  position: absolute;
  left: -1.75em;
  border-bottom-color: #369;
  border-width: .6em .4em .6em;
  -webkit-transform-origin: 50% 125%;
          transform-origin: 50% 125%;
  -webkit-box-shadow: 0 0.65em 0 -0.25em #369;
          box-shadow: 0 0.65em 0 -0.25em #369;
  top: -.8em;
}
.ol-routing .ol-result li:after {
  content: "";
  position: absolute;
  width: 0.3em;
  height: .6em;
  left: -1.5em;
  background: #369;
  top: .6em;
}
.ol-routing .ol-result li.R:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ol-routing .ol-result li.FR:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ol-routing .ol-result li.L:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ol-routing .ol-result li.FL:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ol-routing .content > i {
  vertical-align: middle;
  margin: 0 .3em 0 .1em;
  font-style: normal;
}
.ol-routing .ol-button,
.ol-routing .ol-button:focus,
.ol-routing .ol-pedestrian,
.ol-routing .ol-car {
  font-size: 1.1em;
  position: relative;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  color: rgba(0,60,136,1);
  background-color: transparent;
  margin: 0 .1em;
  opacity: .5;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ol-routing .ol-button:hover,
.ol-routing .ol-button.selected,
.ol-routing i.selected {
  opacity: 1;
  background: transparent;
}

.ol-control.ol-routing {
  background-color: rgba(255,255,255,.25);
}
.ol-control.ol-routing:hover {
  background-color: rgba(255,255,255,.75);
}

.search-input > div > button:before {
  content: '\00b1';
}
.ol-viewport .ol-scale {
	left: .5em;
	bottom: 2.5em;
	text-align: center;
	-webkit-transform: scaleX(.8);
	-webkit-transform-origin: 0 0;
	transform: scaleX(.8);
	transform-origin: 0 0;
	background-color: rgba(255, 255, 255, 0.75);
}
.ol-viewport .ol-scale input {
	background: none;
    border: 0;
    width: 8em;
    text-align: center;
}

.ol-search{
  top: 0.5em;
  left: 3em;
}
.ol-touch .ol-search {
  left: 3.5em;
}
.ol-search button {
  top: 2px;
  left: 2px;
  float: left;
}
.ol-control.ol-search > button:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: .7em;
  height: .7em;
  background-color: transparent;
  border: .12em solid currentColor;
  border-radius: 100%;
  top: .35em;
  left: .35em;
}
.ol-control.ol-search > button:after {
  content: "";
  position: absolute;
  top: 1.1em;
  left: .95em;
  width: .45em;
  height: .15em;
  background-color: currentColor;
  border-radius: .05em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: -0.18em 0 0 -0.03em;
          box-shadow: -0.18em 0 0 -0.03em;
}

.ol-search button.ol-revers {
  float: none;
  background-image: none;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: 0;
  left: 0;
}
.ol-search.ol-revers button.ol-revers {
  background-color: rgba(0,136,60,.5)
}

.ol-control.ol-search.ol-collapsed button.ol-revers {
  display: none;
}
.ol-search button.ol-revers:before {
  content: "";
  border: .1em solid currentColor;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  border-radius: 50%;
  width: .55em;
  height: .55em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-search button.ol-revers:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  width: .2em;
  height: .2em;
  background-color: transparent;
  -webkit-box-shadow: .35em 0 currentColor, 0 .35em currentColor, -.35em 0 currentColor, 0 -.35em currentColor;
          box-shadow: .35em 0 currentColor, 0 .35em currentColor, -.35em 0 currentColor, 0 -.35em currentColor;
}

.ol-search input {
  display: inline-block;
  border: 0;
  margin: 1px 1px 1px 2px;
  font-size: 1.14em;
  padding-left: 0.3em;
  height: 1.375em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.ol-touch .ol-search input,
.ol-touch .ol-search ul {
  font-size: 1.5em;
}
.ol-search.ol-revers > ul,
.ol-control.ol-search.ol-collapsed > * {
  display: none;
}
.ol-control.ol-search.ol-collapsed > button {
  display: block;
}

.ol-search ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  clear: both;
  cursor: pointer;
  max-width: 17em;
  overflow-x: hidden;
  z-index: 1;
  background: #fff;
}
/*
.ol-control.ol-search ul {
  position: absolute;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
*/
.ol-search ul li {
  padding: 0.1em 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-search ul li.select,
.ol-search ul li:hover {
  background-color: rgba(0,60,136,.5);
  color: #fff;
}
.ol-search ul li img {
  float: left;
  max-height: 2em;
}
.ol-search li.copy {
    background: rgba(0,0,0,.5);
  color: #fff;
}
.ol-search li.copy a {
  color: #fff;
  text-decoration: none;
}

.ol-search.searching:before {
  content: '';
  position: absolute;
  height: 3px;
  left: 0;
  top: 1.6em;
  -webkit-animation: pulse .5s infinite alternate linear;
          animation: pulse .5s infinite alternate linear;
  background: red;
  z-index: 2;
}

@-webkit-keyframes pulse {
  0% { left:0; right: 95%; }
  50% {	left: 30%; right: 30%; }
  100% {	left: 95%; right: 0; }
}

@keyframes pulse {
  0% { left:0; right: 95%; }
  50% {	left: 30%; right: 30%; }
  100% {	left: 95%; right: 0; }
}


.ol-search.IGNF-parcelle input {
  width: 13.5em;
}
.ol-search.IGNF-parcelle input:-moz-read-only {
  background: #ccc;
  opacity: .8;
}
.ol-search.IGNF-parcelle input:read-only {
  background: #ccc;
  opacity: .8;
}
.ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete {
  display: none;
}

.ol-search.IGNF-parcelle label {
  display: block;
  clear: both;
}
.ol-search.IGNF-parcelle > div input,
.ol-search.IGNF-parcelle > div label {
  width: 5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: .1em;
  font-size: 1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page {
  margin-top:.5em;
  width:100%;
  text-align: center;
  display: none;
}
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page {
  display: block;
}
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle ul.autocomplete-parcelle {
  display: none;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li {
  display: inline-block;
  color: #fff;
  background: rgba(0,60,136,.5);
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  padding: .1em;
  margin: 0 .1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li.selected {
  background: rgba(0,60,136,1);
}

/* GPS */
.ol-searchgps input.search {
  display: none;
}
.ol-control.ol-searchgps > button:first-child {
  background-image: none;
}
.ol-control.ol-searchgps > button:first-child:before {
  content: "x/y";
  position: unset;
  display: block;
  -webkit-transform: scaleX(.8);
          transform: scaleX(.8);
  border: unset;
  border-radius: 0;
  width: auto;
  height: auto;
}
.ol-control.ol-searchgps > button:first-child:after {
  content: unset;
}
.ol-control.ol-searchgps .ol-latitude,
.ol-control.ol-searchgps .ol-longitude {
  clear: both;
}
.ol-control.ol-searchgps .ol-latitude label,
.ol-control.ol-searchgps .ol-longitude label {
  width: 5.5em;
  display: inline-block;
  text-align: right;
  -webkit-transform: scaleX(.8);
          transform: scaleX(.8);
  margin: 0 -.8em 0 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ol-control.ol-searchgps .ol-latitude input,
.ol-control.ol-searchgps .ol-longitude input {
  max-width: 10em;
}

.ol-control.ol-searchgps .ol-ext-toggle-switch {
  cursor: pointer;
  float: right;
  margin: .5em;
  font-size: .9em;
}

.ol-searchgps .ol-decimal{
  display: inline-block;
  margin-right: .7em;
}
.ol-searchgps .ol-dms,
.ol-searchgps.ol-dms .ol-decimal {
  display: none;
  width: 3em;
  text-align: right;
}
.ol-searchgps.ol-dms .ol-dms {
  display: inline-block;
}

.ol-searchgps span.ol-dms {
  width: .5em;
  text-align: left;
}
.ol-searchgps.ol-control.ol-collapsed button.ol-geoloc {
  display: none;
}
.ol-searchgps button.ol-geoloc {
  top: 0;
  float: right;
  margin-right: 3px;
  background-image: none;
  position: relative;
}
.ol-searchgps button.ol-geoloc:before {
  content:"";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .6em;
  height: .6em;
  border: .1em solid currentColor;
  border-radius: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.ol-searchgps button.ol-geoloc:after {
  content:"";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .2em;
  height: .2em;
  background-color: transparent;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  -webkit-box-shadow: 
    .45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
    .25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
          box-shadow: 
    .45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
    .25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
}
.ol-control.ol-select {
  top: .5em;
  left: 3em;
  background-color: rgba(255,255,255,.5);
}
.ol-control.ol-select:hover {
  background-color: rgba(255,255,255,.7);
}
.ol-touch .ol-control.ol-select {
  left: 3.5em;
}
.ol-control.ol-select > button:before {
  content: "A";
  font-size: .6em;
  font-weight: normal;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .2em solid currentColor;
  border-radius: 100%;
  top: .5em;
  left: .5em;
  line-height: 1em;
  text-align: center;
}
.ol-control.ol-select > button:after {
  content: "";
  position: absolute;
  top: 1.15em;
  left: 1em;
  width: .45em;
  height: .15em;
  background-color: currentColor;
  border-radius: .05em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: -0.18em 0 0 -0.03em;
          box-shadow: -0.18em 0 0 -0.03em;
}
.ol-select > div button {
  width: auto;
  padding: 0 .5em;
  float: right;
  font-weight: normal;
  height: 1.2em;
  line-height: 1.2em;
}
.ol-select .ol-delete {
    width: 1.5em;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ol-select .ol-delete:before {
  content:'\00d7';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.ol-control.ol-select input {
  font-size: 1em;
}
.ol-control.ol-select select {
  font-size: 1em;
  max-width: 10em;
}
.ol-control.ol-select select option.ol-default {
  color: #999;
  font-style: italic;
}
.ol-control.ol-select > div {
  display: block;
  margin: .25em;
}
.ol-control.ol-select.ol-collapsed > div {
  display: none;
}

.ol-control.ol-select.ol-select-check {
  max-width: 20em;
}
.ol-control.ol-select label.ol-ext-check {
  margin-right: 1em;
}
.ol-control.ol-select label.ol-ext-toggle-switch span {
  font-size: 1.1em;
}

.ol-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ol-control.ol-select input[type="search"],
.ol-control.ol-select input[type="text"]  {
  width: 8em;
}

.ol-select .ol-autocomplete {
  display: inline;
}
.ol-select .ol-autocomplete ul {
  position: absolute;
  display: block;
  background: #fff;
  border: 1px solid #999;
  min-width: 10em;
  font-size: .85em;
}
.ol-select .ol-autocomplete ul li {
  padding: 0 .5em;
}
.ol-select .ol-autocomplete ul li:hover {
  color: #fff;
  background: rgba(0,60,136,.5);
}
.ol-select ul.ol-hidden {
  display: none;
}

.ol-select-multi li > div:hover,
.ol-select-multi li > div.ol-control.ol-select {
  position: relative;
  top: unset;
  left: unset;
  background: transparent;
}
.ol-select-multi li > div  > button,
.ol-select-multi li > div  .ol-ok {
  display: none;
}
.ol-select-multi li .ol-control.ol-select.ol-collapsed > div,
.ol-select-multi li > div  > div {
  display: block;
}

.ol-control.ol-status {
  top: 0;
  left: 0;
  background: rgba(0,0,0,.2);
  color: #fff;
  font-size: .9em;
  padding: .3em 3em;
  border-radius: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none!important;
  display: none;
}
.ol-control.ol-status.ol-visible {
  display: initial;
}
.ol-control.ol-status.ol-bottom {
  top: auto;
  bottom: 0;
}
.ol-control.ol-status.ol-left {
  top: 0;
  bottom: 0;
  padding: .3em .5em .3em 3em;
  width: auto;
}
.ol-control.ol-status.ol-right {
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding: .3em 3em .3em .5em;
  width: auto;
}
.ol-control.ol-status.ol-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ol-control.ol-storymap {
  top: .5em;
  left: .5em;
  bottom: .5em;
  max-width: 35%;
  border-radius: .5em;
  position: absolute;
  height: auto;
  background-color: rgba(255,255,255,.5);
}
.ol-storymap {
  overflow: hidden;
  padding: 0;
  height: 100%;
  position: relative;
}
.ol-storymap > div {
  overflow: hidden;
  padding: 0;
  height: 100%;
  position: relative;
  scroll-behavior: smooth;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ol-storymap >div.ol-move {
  scroll-behavior: unset;
}

.ol-control.ol-storymap .chapter {
  position: relative;
  padding: .5em;
  overflow: hidden;
}
.ol-control.ol-storymap .chapter:last-child {
  margin-bottom: 100%;
}
.ol-storymap .chapter {
  cursor: pointer;
  opacity: .4;
}
.ol-storymap .chapter.ol-select {
  cursor: default;
  opacity: 1;
  background-color: rgba(255,255,255,.8);
}

.ol-storymap .ol-scroll-top,
.ol-storymap .ol-scroll-next {
  position: relative;
  min-height: 1.7em;
  color: rgba(0,60,136,.5);
  text-align: center;
  cursor: pointer;
}
.ol-storymap .ol-scroll-next span {
  padding-bottom: 1.4em;
  display: block;
}
.ol-storymap .ol-scroll-top span {
  padding-top: 1.4em;
  display: block;
}

.ol-storymap .ol-scroll-top:before,
.ol-storymap .ol-scroll-next:before {
  content: "";
  border: .3em solid currentColor;
  border-radius: .3em;
  border-color: transparent currentColor currentColor transparent;
  width: .8em;
  height: .8em;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  -webkit-animation: ol-bounce-bottom 0.35s linear infinite alternate;
          animation: ol-bounce-bottom 0.35s linear infinite alternate;
  pointer-events: none;
}
.ol-storymap .ol-scroll-top:before {
  border-color: currentColor transparent transparent currentColor;
  -webkit-animation: ol-bounce-top 0.35s linear infinite alternate;
          animation: ol-bounce-top 0.35s linear infinite alternate;
}

@-webkit-keyframes ol-bounce-top{
  from {top: -.2em;}
  to   {top: .5em;}
}

@keyframes ol-bounce-top{
  from {top: -.2em;}
  to   {top: .5em;}
}
@-webkit-keyframes ol-bounce-bottom{
  from {bottom: -.2em;}
  to   {bottom: .5em;}
}
@keyframes ol-bounce-bottom{
  from {bottom: -.2em;}
  to   {bottom: .5em;}
}

.ol-storymap img[data-title] {
  cursor: pointer;
}

/* scrollLine / scrollbox */
.ol-storymap.scrollLine,
.ol-storymap.scrollBox {
  top: 0;
  bottom: 0;
  background-color: transparent;
  border-radius: 0;
  max-width: 40%;
}
.ol-storymap.scrollLine .chapter,
.ol-storymap.scrollBox .chapter {
  background-color: #fff;
  margin: 100% 0;
}
.ol-storymap.scrollLine .chapter:first-child,
.ol-storymap.scrollBox .chapter:first-child {
  margin-top: 3em;
}
.ol-storymap.scrollLine .chapter.ol-select,
.ol-storymap.scrollLine .chapter,
.ol-storymap.scrollBox .chapter.ol-select,
.ol-storymap.scrollBox .chapter {
  opacity: 1;
}

.ol-storymap.scrollLine .ol-scrolldiv,
.ol-storymap.scrollBox .ol-scrolldiv {
  padding-right: 30px;
}
.ol-storymap.scrollLine:before,
.ol-storymap.scrollBox:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 14px;
  background-color: #fff;
}

.ol-storymap.scrollLine .ol-scroll,
.ol-storymap.scrollBox .ol-scroll {
  display: block!important;
  padding: 0;
  width: 1px;
  opacity: 1!important;
  right: 15px;
  overflow: visible;
  -webkit-transition: none;
  transition: none;
}
.ol-storymap.scrollLine .ol-scroll > div {
  background-color: transparent;
  overflow: visible;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.ol-storymap.scrollLine .ol-scroll > div:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0af;
  border: 2px solid #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ol-storymap.scrollBox .ol-scroll > div {
  display: none;
}
.ol-storymap.scrollBox .chapter:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: Min(30%, 5em);
  right: -24.5px;
  -webkit-box-shadow: 0 0 0 2px #fff, inset 0 0 0 15px #0af;
          box-shadow: 0 0 0 2px #fff, inset 0 0 0 15px #0af; 
  border-radius: 50%;
  border: 5px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}

.ol-swipe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-touch-action: none;
      touch-action: none;
}

.ol-swipe:before {
  content: "";
  position: absolute;
  top: -5000px;
  bottom: -5000px;
  left: 50%;
  width: 4px;
  background: #fff;
  z-index:-1;
  -webkit-transform: translate(-2px, 0);
          transform: translate(-2px, 0);
}
.ol-swipe.horizontal:before {
  left: -5000px;
  right: -5000px;
  top: 50%;
  bottom: auto;
  width: auto;
  height: 4px;
}

.ol-swipe,
.ol-swipe button {
  cursor: ew-resize;
}
.ol-swipe.horizontal,
.ol-swipe.horizontal button {
  cursor: ns-resize;
}

.ol-swipe:after,
.ol-swipe button:before,
.ol-swipe button:after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 50%;
  width: 2px;
  background: currentColor;
  transform: translate(-1px, 0);
  -webkit-transform: translate(-1px, 0);
}
.ol-swipe button:after {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.ol-swipe button:before {
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
}

.ol-control.ol-timeline {
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: rgba(255,255,255,.4);
}
.ol-control.ol-timeline.ol-collapsed {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ol-timeline {
  overflow: hidden;
  padding: 2px 0 0;
}
.ol-timeline .ol-scroll {
  overflow: hidden;
  padding: 0;
  scroll-behavior: smooth;
  line-height: 1em;
  height: 6em;
  padding: 0 50%;
}
.ol-timeline .ol-scroll.ol-move {
  scroll-behavior: unset;
}

.ol-timeline.ol-hasbutton .ol-scroll {
  margin-left: 1.5em;
  padding: 0 calc(50% - .75em);
}
.ol-timeline .ol-buttons {
  display: none;
  position: absolute;
  top: 0;
  background: rgba(255,255,255,.5);
  width: 1.5em;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.ol-timeline.ol-hasbutton .ol-buttons {
  display: block;
}
.ol-timeline .ol-buttons button {
  font-size: 1em;
  margin: 1px;
  position: relative;
}
.ol-timeline .ol-buttons .ol-zoom-in:before,
.ol-timeline .ol-buttons .ol-zoom-out:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-timeline .ol-buttons .ol-zoom-out:before{
  content: '−';
}

.ol-timeline .ol-scroll > div {
  height: 100%;
  position: relative;
}

.ol-timeline .ol-scroll .ol-times {
  background: rgba(255,255,255,.5);
  height: 1em;
  bottom: 0;
  position: absolute;
  left: -1000px;
  right: -1000px;
}
.ol-timeline .ol-scroll .ol-time {
  position: absolute;
  font-size: .7em;
  color: #999;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ol-timeline .ol-scroll .ol-time.ol-year {
  color: #666;
  z-index: 1;
}
.ol-timeline .ol-scroll .ol-time:before {
  content: "";
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  height: 500px;
  border-left: 1px solid currentColor;
}

.ol-timeline .ol-scroll .ol-features {
  position: absolute;
  top: 0;
  bottom: 1em;
  left: -200px;
  right: -1000px;
  margin: 0 0 0 200px;
  overflow: hidden;
}

.ol-timeline .ol-scroll .ol-feature {
  position: absolute;
  font-size: .7em;
  color: #999;
  top: 0;
  background: #fff;
  max-width: 3em;
  max-height: 2.4em;
  min-height: 1em;
  line-height: 1.2em;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0 .5em 0 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover,
.ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select {
  z-index: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  background: #eee;
  /* max-width: 14em!important; */
}

/* Center */
.ol-timeline .ol-center-date {
  display: none;
  position: absolute;
  left: 50%;
  height: 100%;
  width: 2px;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #f00;
  opacity: .4;
}
.ol-timeline.ol-hasbutton .ol-center-date {
  left: calc(50% + .75em);
}

/* Show center */ 
.ol-timeline.ol-pointer .ol-center-date {
  display: block;
}
.ol-timeline.ol-pointer .ol-center-date:before, 
.ol-timeline.ol-pointer .ol-center-date:after {
  content: '';
  border: 0.3em solid transparent;
  border-width: .3em .25em;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ol-timeline.ol-pointer .ol-center-date:before {
  border-top-color: #f00;
  top: 0;
}
.ol-timeline.ol-pointer .ol-center-date:after {
  border-bottom-color: #f00;
  bottom: 0
}

/* show interval */
.ol-timeline.ol-interval .ol-center-date {
  display: block;
  background-color: transparent;
  border: 0 solid #000;
  border-width: 0 10000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  opacity: .2;
}
.ol-control.ol-videorec {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.ol-control.ol-videorec button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.ol-control.ol-videorec button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .8em;
  height: .8em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: currentColor;
}
.ol-control.ol-videorec button.ol-start:before {
  width: .9em;
  height: .9em;
  border-radius: 50%;
  background-color: #c00;
}
.ol-control.ol-videorec button.ol-pause:before {
  width: .2em;
  background-color: transparent;
  -webkit-box-shadow: -.2em 0, .2em 0;
          box-shadow: -.2em 0, .2em 0;
}
.ol-control.ol-videorec button.ol-resume:before {
  border-style: solid;
  background: transparent;
  width: auto;
  border-width: .4em 0 .4em .6em;
  border-color: transparent transparent transparent currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ol-control.ol-videorec button.ol-stop,
.ol-control.ol-videorec button.ol-pause,
.ol-control.ol-videorec button.ol-resume,
.ol-control.ol-videorec[data-state="rec"] .ol-start,
.ol-control.ol-videorec[data-state="pause"] .ol-start {
  display: none;
}
.ol-control.ol-videorec[data-state="rec"] .ol-stop,
.ol-control.ol-videorec[data-state="pause"] .ol-stop,
.ol-control.ol-videorec[data-state="rec"] .ol-pause,
.ol-control.ol-videorec[data-state="pause"] .ol-resume {
  display: inline-block;
}

.ol-control.ol-wmscapabilities {
  top: .5em;
  right: 2.5em;
}
.ol-touch .ol-control.ol-wmscapabilities {
  right: 3em;
}
.ol-control.ol-wmscapabilities.ol-hidden {
  display: none;
}
.ol-control.ol-wmscapabilities button:before {
  content: "+";
  position: absolute;
  top: calc(50% - .35em);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-control.ol-wmscapabilities button:after {
  content: "";
  width: .75em;
  height: .75em;
  position: absolute;
  background: transparent;
  top: calc(50% - .05em);
  left: 50%;
  -webkit-transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
          transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
          box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
  border-radius: .1em 0;
  border: .15em solid transparent;
  border-width: 0 .15em .15em 0;
}

.ol-wmscapabilities .ol-searching {
  opacity: .5;
}
.ol-wmscapabilities .ol-searching .ol-url:after{
  content: "";
  width: .7em;
  height: .7em;
  background-color: currentColor;
  position: absolute;
  top: 6em;
  border-radius: 50%;
  display: block;
  left: calc(50% - .35em);
  -webkit-box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
          box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
  -webkit-animation:ol-wmscapabilities-rotate 2s linear infinite;
          animation:ol-wmscapabilities-rotate 2s linear infinite;
}
@-webkit-keyframes ol-wmscapabilities-rotate { 
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
}
@keyframes ol-wmscapabilities-rotate { 
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
}

.ol-wmscapabilities .ol-url input {
  width: calc(100% - 10em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: Min(100%, 20em);
}
.ol-wmscapabilities .ol-url select {
  width: 2em;
  height: 100%;
  padding: 1px;
}
.ol-wmscapabilities .ol-url button {
  width: 7.5em;
  margin-left: .5em;
}
.ol-wmscapabilities .ol-result {
  display: none;
  margin-top: .5em;
}
.ol-wmscapabilities .ol-result.ol-visible {
  display: block;
}

.ol-wmscapabilities .ol-select-list {
  position: relative;
  border: 1px solid #369;
  overflow-x: hidden;
  width: calc(100% - 120px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 14.5em;
}
.ol-wmscapabilities .ol-select-list div {
  padding: 0 .5em;
  cursor: pointer;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ol-wmscapabilities .ol-select-list .level-1 {
  padding-left: 1em;
}
.ol-wmscapabilities .ol-select-list .level-2 {
  padding-left: 1.5em;
}
.ol-wmscapabilities .ol-select-list .level-3 {
  padding-left: 2em;
}
.ol-wmscapabilities .ol-select-list .level-4 {
  padding-left: 2.5em;
}
.ol-wmscapabilities .ol-select-list .level-5 {
  padding-left: 3em;
}

.ol-wmscapabilities .ol-select-list .ol-info {
  font-style: italic;
}
.ol-wmscapabilities .ol-select-list .ol-title {
  background-color: rgba(0,60,136,.1);
}
.ol-wmscapabilities .ol-select-list div:hover {
  background-color: rgba(0,60,136,.5);
  color: #fff;
}
.ol-wmscapabilities .ol-select-list div.selected {
  background-color: rgba(0,60,136,.7);
  color: #fff;
}

.ol-wmscapabilities .ol-preview {
  width: 100px;
  float: right;
  background: rgba(0,60,136,.1);
  color: #666;
  padding: 0 5px 5px;
  text-align: center;
  margin-left: 10px;
}
.ol-wmscapabilities .ol-preview.tainted {
  width: 100px;
  float: right;
  background: rgba(136,0,60,.1);
  color: #666;
  padding: 0 5px 5px;
  text-align: center;
  margin-left: 10px;
}
.ol-wmscapabilities .ol-preview img {
  width: 100%;
  display: block;
  background: #fff;
}
.ol-wmscapabilities .ol-legend {
  max-width: 100%;
  display: none;
}
.ol-wmscapabilities .ol-legend.visible {
  display: block;
}
.ol-wmscapabilities .ol-buttons {
  clear: both;
  text-align: right;
}
.ol-wmscapabilities .ol-data p {
  margin: 0;
}
.ol-wmscapabilities .ol-data p.ol-title {
  font-weight: bold;
  margin: 1em 0 .5em;
}
.ol-wmscapabilities .ol-error {
  color: #800;
}

.ol-wmscapabilities ul.ol-wmsform {
  display: none;
  list-style: none;
  padding: 0;
}
.ol-wmscapabilities ul.ol-wmsform.visible {
  display: block;
}
.ol-wmscapabilities .ol-wmsform label {
  display: inline-block;
  text-align: right;
  width: calc(40% - .5em);
  margin-right: .5em;
}
.ol-wmscapabilities .ol-wmsform input {
  display: inline-block;
  width: 60%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-wmscapabilities .ol-wmsform input[type="checkbox"] {
  width: auto;
}
.ol-wmscapabilities .ol-wmsform button {
  float: right;
  margin: 1em 0;
}

.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] input {
  width: calc(60% - 2em);
}
.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button {
  position: relative;
  width: 2em;
  height: 1.6em;
  margin: 0;
  vertical-align: middle;
  color: #444;
}
.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:before,
.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after {
  content: "";
  position: absolute;
  width: .25em;
  height: .9em;
  border: .1em solid currentColor;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skewY(-15deg);
          transform: translate(-50%, -50%) skewY(-15deg);
}
.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after {
  -webkit-transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
          transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
  -webkit-box-shadow: -0.8em 0.25em;
          box-shadow: -0.8em 0.25em;
}

.ol-ext-dialog.ol-wmscapabilities form {
  width: 600px;
  min-height: 15em;
  top: 15%;
  -webkit-transform: translate(-50%, -15%);
          transform: translate(-50%, -15%);
}
.ol-ext-dialog.ol-wmscapabilities .ol-content {
  max-height: calc(100vh - 6em);
}

.ol-ext-dialog.ol-wmtscapabilities [data-param="map"] {
  display: none;
}
.ol-ext-dialog [data-param="style"] {
  display: none;
}
.ol-ext-dialog.ol-wmtscapabilities [data-param="style"] {
  display: list-item;
}
.ol-ext-dialog.ol-wmtscapabilities [data-param="proj"],
.ol-ext-dialog.ol-wmtscapabilities [data-param="version"] {
  opacity: .6;
  pointer-events: none;
}

.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform {
  width: 1.8em;
  text-align: center;
}
.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform:before {
  content: "+";
}
.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-wmsform:before {
  content: "-";
}

.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-load,
.ol-ext-dialog.ol-wmscapabilities .ol-form .ol-legend {
  display: none;
}
.ol-ext-dialog.ol-wmscapabilities .ol-form ul.ol-wmsform {
  display: block;
  clear: both;
}
.ol-target-overlay .ol-target 
{	border: 1px solid transparent;
	-webkit-box-shadow: 0 0 1px 1px #fff;
	        box-shadow: 0 0 1px 1px #fff;
	display: block;
	height: 20px;
	width: 0;
}

.ol-target-overlay .ol-target:after,
.ol-target-overlay .ol-target:before
{	content:"";
	border: 1px solid #369;
	-webkit-box-shadow: 0 0 1px 1px #fff;
	        box-shadow: 0 0 1px 1px #fff;
	display: block;
	width: 20px;
	height: 0;
	position:absolute;
	top:10px;
	left:-10px;
}
.ol-target-overlay .ol-target:after
{	-webkit-box-shadow: none;	box-shadow: none;
	height: 20px;
	width: 0;
	top:0px;
	left:0px;
}

.ol-overlaycontainer .ol-touch-cursor {
  /* human fingertips are typically 16x20 mm = 45x57 pixels
    source: http://touchlab.mit.edu/publications/2003_009.pdf
  */
  width: 56px;
  height: 56px;
  margin: 6px;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 0 0 5px #369;
          box-shadow: inset 0 0 0 5px #369;
}

.ol-overlaycontainer .ol-touch-cursor:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background: radial-gradient(circle at 100% 100%, transparent, transparent 70%, #369 70%, #369)
}

.ol-overlaycontainer .ol-touch-cursor .ol-button {
  position: absolute;
  color: #369;
  height: 55%;
  width: 55%;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 0 0 3px currentColor;
          box-shadow: inset 0 0 0 3px currentColor;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: all .5s, opacity 0s, background 0s;
  transition: all .5s, opacity 0s, background 0s;
  overflow: hidden;
}
.ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button {
  opacity: .8;
  background: rgba(51, 102, 153, .2);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-0 {
  top: -18%;
  left: 118%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-1 {
  top: 50%;
  left: 140%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-2 {
  top: 120%;
  left: 120%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-3 {
  top: 140%;
  left: 50%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-4 {
  top: 118%;
  left: -18%;
}
/* extra buttons */
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-5 {
  top: 50%;
  left: -40%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-6 {
  top: -18%;
  left: -18%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-7 {
  top: -40%;
  left: 50%;
}

.ol-overlaycontainer .ol-touch-cursor .ol-button:before {
  content: "";
  width: 1.5em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1em;
  text-align: center;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before,
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before {
  content: "−";
  line-height: .95em;
  font-size: 1.375em;
  font-weight: bold;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before {
  content: "+";
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before {
  content: "\00D7";
  font-size: 1.2em;
  font-weight: bold;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before {
  content: "\2725";
  font-size: 1.2em;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before {
  content: "\2713";
  font-weight: bold;
}

.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-x,
.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-remove,
.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-check {
  opacity: .8;
  background: rgba(51, 102, 153, .2);
}

.ol-overlaycontainer .ol-touch-cursor .ol-button > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ol-overlaycontainer .ol-touch-cursor .ol-button-type:before {
  content: "\21CE";
  font-weight: bold;
}



/* remove outline on focus */
.mapboxgl-canvas:focus {
  outline: none;
}
.ol-perspective-map {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  height: 200%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-perspective-map .ol-layer {
  z-index: -1!important; /* bug using Chrome ? */
}
.ol-perspective-map .ol-layers {
  -webkit-transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
          transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
}

.ol-perspective-map .ol-overlaycontainer,
.ol-perspective-map .ol-overlaycontainer-stopevent {
  width: 50%!important;
  height: 50%!important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ol-overlay-container .ol-magnify 
{	background: rgba(0,0,0, 0.5);
	border:3px solid #369;
	border-radius: 50%;
	height: 150px;
	width: 150px;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	position:relative;
	z-index:0;
}

.ol-overlay-container .ol-magnify:before 
{	border-radius: 50%;
	-webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
	        box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.ol-overlay-container .ol-magnify:after 
{
	border-radius: 50%;
	-webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
	        box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
	content: "";
	display: block;
	height: 0;
	left: 23%;
	position: absolute;
	top: 20%;
	width: 20%;
	z-index: 1;
	transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
}
/** popup animation using visible class
*/
.ol-popup.anim {
  visibility: hidden;
}

.ol-popup.anim.visible {
  visibility: visible;
}
/** No transform when visible 
*/
.ol-popup.anim.visible > div {
  visibility: visible;
  -webkit-transform: none;
          transform: none;
  -webkit-animation: ol-popup_bounce 0.4s ease 1;
          animation: ol-popup_bounce 0.4s ease 1;
}

@-webkit-keyframes ol-popup_bounce {
  from { -webkit-transform: scale(0); transform: scale(0); }
  50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
  80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
  to   { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes ol-popup_bounce {
  from { -webkit-transform: scale(0); transform: scale(0); }
  50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
  80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
  to   { -webkit-transform: scale(1); transform: scale(1); }
}

/** Transform Origin */
.ol-popup.anim.ol-popup-bottom.ol-popup-left > div  {
  -webkit-transform-origin:0 100%;
          transform-origin:0 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-right > div {
  -webkit-transform-origin:100% 100%;
          transform-origin:100% 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-center > div {
  -webkit-transform-origin:50% 100%;
          transform-origin:50% 100%;
}
.ol-popup.anim.ol-popup-top.ol-popup-left > div {
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-right > div {
  -webkit-transform-origin:100% 0;
          transform-origin:100% 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-center > div {
  -webkit-transform-origin:50% 0;
          transform-origin:50% 0;
}
.ol-popup.anim.ol-popup-middle.ol-popup-left > div {
  -webkit-transform-origin:0 50%;
          transform-origin:0 50%;
}
.ol-popup.anim.ol-popup-middle.ol-popup-right > div {
  -webkit-transform-origin:100% 50%;
          transform-origin:100% 50%;
}

.ol-overlaycontainer-stopevent {
  /* BOUG ol6.1 to enable DragOverlay interaction 
  position: initial!important;
  */
}

/** ol.popup */
.ol-popup {
  font-size:0.9em;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
.ol-popup .ol-popup-content {
  overflow:hidden;
  cursor: default;
  padding: 0.25em 0.5em;
}
.ol-popup.hasclosebox .ol-popup-content {
  margin-right: 1.7em;
}
.ol-popup .ol-popup-content:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
}

/** Anchor position */
.ol-popup .anchor {
  display: block;
  width: 0px;
  height: 0px;
  background:red;
  position: absolute;
  margin: -11px 22px;
  pointer-events: none;
}
.ol-popup .anchor:after,
.ol-popup .anchor:before {
  position:absolute;
}
.ol-popup-right .anchor:after,
.ol-popup-right .anchor:before {
  right:0;
}
.ol-popup-top .anchor { top:0; }
.ol-popup-bottom .anchor { bottom:0; }
.ol-popup-right .anchor { right:0; }
.ol-popup-left .anchor { left:0; }
.ol-popup-center .anchor { 
  left:50%; 
  margin-left: 0!important;
}
.ol-popup-middle .anchor { 
  top:50%; 
  margin-top: 0!important;
}
.ol-popup-center.ol-popup-middle .anchor { 
  display:none; 
}

/** Fixed popup */
.ol-popup.ol-fixed {
  margin: 0!important;
  top: .5em!important;
  right: .5em!important;
  left: auto!important;
  bottom: auto!important;
  -webkit-transform: none!important;
          transform: none!important;
}
.ol-popup.ol-fixed .anchor {
  display: none;
}
.ol-popup.ol-fixed.anim > div {
  -webkit-animation: none;
          animation: none;
}

.ol-popup .ol-fix {
  width: 1em;
  height: .9em;
  background: #fff;
  position: relative;
  float: right;
  margin: .2em;
  cursor: pointer;
}
.ol-popup .ol-fix:before {
  content: "";
  width: .8em;
  height: .7em;
  display: block;
  border: .1em solid #666;
      border-right-width: 0.1em;
  border-right-width: .3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: .1em;
}

/** Add a shadow to the popup */
.ol-popup.shadow {
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
          box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
}

/** Close box */
.ol-popup .closeBox {
  background-color: rgba(0, 60, 136, 0.5);
  color: #fff;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  float: right;
  font-size: 0.9em;
  font-weight: 700;
  width: 1.4em;
  height: 1.4em;
  margin: 5px 5px 0 0;
  padding: 0;
  position: relative;
  display:none;
}
.ol-popup.hasclosebox .closeBox {
  display:block;
}

.ol-popup .closeBox:hover {
  background-color: rgba(0, 60, 136, 0.7);
}
/* the X */
.ol-popup .closeBox:after {
  content: "\00d7";
  font-size:1.5em;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  line-height: 1em;
  margin: -0.5em 0;
  position: absolute;
}

/** Modify touch poup */
.ol-popup.modifytouch {
  background-color: #eee;
}
.ol-popup.modifytouch .ol-popup-content {	
  padding: 0 0.25em;
  font-size: 0.85em;
  white-space: nowrap;
}
.ol-popup.modifytouch .ol-popup-content a {
  text-decoration: none;
}

/** Tool tips popup*/
.ol-popup.tooltips {
  background-color: #ffa;
}
.ol-popup.tooltips .ol-popup-content{
  padding: 0 0.25em;
  font-size: 0.85em;
  white-space: nowrap;
}

/** Default popup */
.ol-popup.default > div {
  background-color: #fff;
  border:1px solid #69f;
  border-radius: 5px;
}
.ol-popup.default {
  margin: -11px 0;
  -webkit-transform: translate(0, -22px);
          transform: translate(0, -22px);
}
.ol-popup-top.ol-popup.default {
  margin: 11px 0;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.default {
  margin: -11px -22px;
  -webkit-transform: translate(0, -22px);
          transform: translate(0, -22px);
}
.ol-popup-top.ol-popup-left.default {
  margin: 11px -22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.default {
  margin: -11px 22px;
  -webkit-transform: translate(44px, -22px);
          transform: translate(44px, -22px);
}
.ol-popup-top.ol-popup-right.default {
  margin: 11px 22px;
  -webkit-transform: translate(44px, 0);
          transform: translate(44px, 0);
}
.ol-popup-middle.default {
  margin:0 10px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-middle.ol-popup-right.default {
  margin:0 -10px;
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
}

.ol-popup.default .anchor {
  color: #69f;
}
.ol-popup.default .anchor:after,
.ol-popup.default .anchor:before {
  content:"";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 11px;
  margin: 0 -11px;
}
.ol-popup.default .anchor:after {
  border-color: #fff transparent;
  border-width: 11px;
  margin: 2px -11px;
}

.ol-popup-top.default .anchor:before,
.ol-popup-top.default .anchor:after {
  border-top:0;
  top:0;
}

.ol-popup-bottom.default .anchor:before,
.ol-popup-bottom.default .anchor:after {
  border-bottom:0;
  bottom:0;
}

.ol-popup-middle.default .anchor:before {
  margin: -11px -33px;
  border-color: transparent currentColor;
}
.ol-popup-middle.default .anchor:after {
  margin: -11px -31px;
  border-color: transparent #fff;
}
.ol-popup-middle.ol-popup-left.default .anchor:before,
.ol-popup-middle.ol-popup-left.default .anchor:after {
  border-left:0;
}
.ol-popup-middle.ol-popup-right.default .anchor:before,
.ol-popup-middle.ol-popup-right.default .anchor:after {
  border-right:0;
}

/** Placemark popup */
.ol-popup.placemark {
  color: #c00;
  margin: -.65em 0;
  -webkit-transform: translate(0, -1.3em);
          transform: translate(0, -1.3em);
}
.ol-popup.placemark > div {
  position: relative;
  font-size: 15px;	
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 0.45em;
          box-shadow: inset 0 0 0 0.45em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  min-width: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-popup.placemark .ol-popup-content {
  overflow: hidden;
  cursor: default;
  text-align: center;
  padding: .25em 0;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1em;
}
.ol-popup.placemark .anchor {
  margin: 0;
}

.ol-popup.placemark .anchor:before {
  content: "";
  margin: -.5em -.5em;
  background: transparent;
  width: 1em;
  height: .5em;
  border-radius: 50%;
  -webkit-box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
          box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
}
.ol-popup.placemark .anchor:after {
  content: "";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 1em .7em 0;
  margin: -.75em -.7em;
  bottom:0;
}

/** Placemark Shield */
.ol-popup.placemark.shield > div {
  border-radius: .2em;
}

.ol-popup.placemark.shield .anchor:after {
    border-width: .8em 1em 0;
    margin: -.7em -1em;
}

/** Placemark Blazon */
.ol-popup.placemark.blazon > div {
  border-radius: .2em;
}

/** Placemark Needle/Pushpin */
.ol-popup.placemark.pushpin {	
  margin: -2.2em 0;
  -webkit-transform: translate(0, -4em);
          transform: translate(0, -4em);
}
.ol-popup.placemark.pushpin > div {	
  border-radius: 0;
  background: transparent!important;
  -webkit-box-shadow: inset 2em 0 currentColor;
          box-shadow: inset 2em 0 currentColor;
  width: 1.1em;
}
.ol-popup.placemark.pushpin > div:before {
  content: "";
  width: 1.3em;
  height: 1.5em;
  border-style: solid;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  border-color: currentColor transparent;
  border-width: .3em .5em .5em;
  pointer-events: none;
}

.ol-popup.placemark.needle {	
  margin: -2em 0;
  -webkit-transform: translate(0, -4em);
          transform: translate(0, -4em);
}
.ol-popup.placemark.pushpin .anchor,
.ol-popup.placemark.needle .anchor {
  margin: -1.2em;
}
.ol-popup.placemark.pushpin .anchor:after,
.ol-popup.placemark.needle .anchor:after {
  border-style: solid;
    border-width: 2em .15em 0;
    margin: -.55em -0.2em;
    width: .1em;
}
.ol-popup.placemark.pushpin .anchor:before,
.ol-popup.placemark.needle .anchor:before {
    margin: -.75em -.5em;
}

/** Placemark Flag */
.ol-popup.placemark.flagv {
  margin: -2em 1em;
  -webkit-transform: translate(0, -4em);
          transform: translate(0, -4em);
}
.ol-popup.placemark.flagv > div {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.ol-popup.placemark.flagv > div:before {
  content: "";
  border: 1em solid transparent;
  position: absolute;
  border-left: 2em solid currentColor;
  pointer-events: none;
}
.ol-popup.placemark.flagv .anchor {
  margin: -1.4em;
}

.ol-popup.placemark.flag {	
  margin: -2em 1em;
  -webkit-transform: translate(0, -4em);
          transform: translate(0, -4em);
}
.ol-popup.placemark.flag > div {	
  border-radius: 0;
  -webkit-transform-origin: 0% 150%!important;
          transform-origin: 0% 150%!important;
}
.ol-popup.placemark.flag .anchor {
  margin: -1.4em;
}
.ol-popup.placemark.flagv .anchor:after, 
.ol-popup.placemark.flag .anchor:after {
  border-style: solid;
  border-width: 2em .15em 0;
  margin: -.55em -1em;
  width: .1em;
}
.ol-popup.placemark.flagv .anchor:before,
.ol-popup.placemark.flag .anchor:before {
  margin: -.75em -1.25em;
}

.ol-popup.placemark.flag.finish {
  margin: -2em 1em;
}
.ol-popup.placemark.flag.finish > div {
  background-image: 
    linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), 
    linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
  background-size: 1em 1em;
  background-position: .5em 0, 0 .5em;
  -webkit-box-shadow: inset 0 0 0 .25em;
          box-shadow: inset 0 0 0 .25em;
}

/** Black popup */
.ol-popup.black .closeBox {
  background-color: rgba(0,0,0, 0.5);
  border-radius: 5px;
  color: #f80;
}
.ol-popup.black .closeBox:hover {
  background-color: rgba(0,0,0, 0.7);
  color:#da2;
}

.ol-popup.black {
  margin: -20px 0;
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}
.ol-popup.black > div{
  background-color: rgba(0,0,0,0.6);
  border-radius: 5px;
  color:#fff;
}
.ol-popup-top.ol-popup.black {
  margin: 20px 0;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.black {
  margin: -20px -22px;
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}
.ol-popup-top.ol-popup-left.black {
  margin: 20px -22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.black {
  margin: -20px 22px;
  -webkit-transform: translate(44px, -40px);
          transform: translate(44px, -40px);
}
.ol-popup-top.ol-popup-right.black {
  margin: 20px 22px;
  -webkit-transform: translate(44px, 0);
          transform: translate(44px, 0);
}
.ol-popup-middle.black {
  margin: 0 11px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.ol-popup-middle.black {
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.ol-popup-middle.black {
  margin:0 -11px;
  -webkit-transform: translate(-22px, 0);
          transform: translate(-22px, 0);
}

.ol-popup.black .anchor {
  margin: -20px 11px;
  color: rgba(0,0,0,0.6);
} 
.ol-popup.black .anchor:before {
  content:"";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 20px 11px;
}

.ol-popup-top.black .anchor:before {
  border-top:0;
  top:0;
}

.ol-popup-bottom.black .anchor:before {
  border-bottom:0;
  bottom:0;
}

.ol-popup-middle.black .anchor:before {
  margin: -20px -22px;
  border-color: transparent currentColor;
}
.ol-popup-middle.ol-popup-left.black .anchor:before {
  border-left:0;
}
.ol-popup-middle.ol-popup-right.black .anchor:before {
  border-right:0;
}

.ol-popup-center.black .anchor:before {
  margin: 0 -10px;
}


/** Green tips popup */
.ol-popup.tips .closeBox {
  background-color: #f00;
  border-radius: 50%;
  color: #fff;
  width:1.2em;
  height:1.2em;
}
.ol-popup.tips .closeBox:hover {
  background-color: #f40;
}

.ol-popup.tips {
  margin: -20px 0;
  -webkit-transform: translate(0,-40px);
          transform: translate(0,-40px);
}
.ol-popup.tips > div {
  background-color: #cea;
  border: 5px solid #ad7;
  border-radius: 5px;
  color:#333;
}
.ol-popup-top.ol-popup.tips {
  margin: 20px 0;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.tips {
  margin: -20px -22px;
  -webkit-transform: translate(0,-40px);
          transform: translate(0,-40px);
}
.ol-popup-top.ol-popup-left.tips {
  margin: 20px -22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.tips {
  margin: -20px 22px;
  -webkit-transform: translate(44px,-40px);
          transform: translate(44px,-40px);
}
.ol-popup-top.ol-popup-right.tips {
  margin: 20px 22px;
  -webkit-transform: translate(44px,0);
          transform: translate(44px,0);
}
.ol-popup-middle.tips {
  margin:0;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.ol-popup-middle.tips {
  margin: 0 22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.ol-popup-middle.tips {
  margin: 0 -22px;
  -webkit-transform: translate(-44px,0);
          transform: translate(-44px,0);
}

.ol-popup.tips .anchor {
  margin: -18px 22px;
  color: #ad7;
} 
.ol-popup.tips .anchor:before {
  content:"";
  border-color: currentColor transparent;
  border-style: solid;
  border-width: 20px 11px;
}

.ol-popup-top.tips .anchor:before {
  border-top:0;
  top:0;
}
.ol-popup-bottom.tips .anchor:before {
  border-bottom:0;
  bottom:0;
}
.ol-popup-center.tips .anchor:before {
  border-width: 20px 6px;
  margin: 0 -6px;
}
.ol-popup-left.tips .anchor:before {
  border-left:0;
  margin-left:0;
}
.ol-popup-right.tips .anchor:before {
  border-right:0;
  margin-right:0;
}

.ol-popup-middle.tips .anchor:before {
  margin: -6px -41px;
  border-color: transparent currentColor;
  border-width:6px 20px;
}
.ol-popup-middle.ol-popup-left.tips .anchor:before {
  border-left:0;
}
.ol-popup-middle.ol-popup-right.tips .anchor:before {
  border-right:0;
}

/** Warning popup */
.ol-popup.warning .closeBox {
  background-color: #f00;
  border-radius: 50%;
  color: #fff;
  font-size: 0.83em;
}
.ol-popup.warning .closeBox:hover {
  background-color: #f40;
}

.ol-popup.warning {
  background-color: #fd0;
  border-radius: 3px;
  border:4px dashed #f00;
  margin:20px 0;
  color:#900;
  margin: -28px 10px;
  -webkit-transform: translate(0, -56px);
          transform: translate(0, -56px);
}
.ol-popup-top.ol-popup.warning {
  margin: 28px 10px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.warning {
  margin: -28px -22px;
  -webkit-transform: translate(0, -56px);
          transform: translate(0, -56px);
}
.ol-popup-top.ol-popup-left.warning {
  margin: 28px -22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.warning {
  margin: -28px 22px;
  -webkit-transform: translate(44px, -56px);
          transform: translate(44px, -56px);
}
.ol-popup-top.ol-popup-right.warning {
  margin: 28px 22px;
  -webkit-transform: translate(44px, 0);
          transform: translate(44px, 0);
}
.ol-popup-middle.warning {
  margin:0;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-left.ol-popup-middle.warning {
  margin:0 22px;
  -webkit-transform: none;
          transform: none;
}
.ol-popup-right.ol-popup-middle.warning {
  margin:0 -22px;
  -webkit-transform: translate(-44px, 0);
          transform: translate(-44px, 0);
}

.ol-popup.warning .anchor {
  margin: -33px 7px;
} 
.ol-popup.warning .anchor:before {
  content:"";
  border-color: #f00 transparent;
  border-style: solid;
  border-width: 30px 11px;
}

.ol-popup-top.warning .anchor:before {
  border-top:0;
  top:0;
}
.ol-popup-bottom.warning .anchor:before {
  border-bottom:0;
  bottom:0;
}

.ol-popup-center.warning .anchor:before {
  margin: 0 -21px;
}
.ol-popup-middle.warning .anchor:before {
  margin: -10px -33px;
  border-color: transparent #f00;
  border-width:10px 22px;
}
.ol-popup-middle.ol-popup-left.warning .anchor:before {
  border-left:0;
}
.ol-popup-middle.ol-popup-right.warning .anchor:before {
  border-right:0;
}

.ol-popup .ol-popupfeature table {
  width: 100%;
}
.ol-popup .ol-popupfeature table td {
  max-width: 25em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-popup .ol-popupfeature table td img {
  max-width: 100px;
  max-height: 100px;
}
.ol-popup .ol-popupfeature tr:nth-child(2n+1) {
  background-color: #eee;
}
.ol-popup .ol-popupfeature .ol-zoombt {
  border: 0;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: rgba(0,60,136,.5);
  position: relative;
  background: transparent;
  outline: none;
}
.ol-popup .ol-popupfeature .ol-zoombt:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: .17em solid currentColor;
  border-radius: 100%;
  top: .3em;
  left: .3em;
}
.ol-popup .ol-popupfeature .ol-zoombt:after {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 1.35em;
  left: 1.15em;
  border-width: .1em .3em;
  border-style: solid;
  border-radius: .03em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: -0.2em 0 0 -0.04em;
          box-shadow: -0.2em 0 0 -0.04em;
}

.ol-popup .ol-popupfeature .ol-count{
  float: right;
  margin: .25em 0;
}
.ol-popup .ol-popupfeature .ol-prev,
.ol-popup .ol-popupfeature .ol-next {
  border-style: solid;
  border-color: transparent rgba(0,60,136,.5);
  border-width: .5em 0 .5em .5em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 .5em;
  cursor: pointer;
}
.ol-popup .ol-popupfeature .ol-prev{
  border-width: .5em .5em .5em 0;
}

.ol-popup.tooltips.black {
  background-color: transparent;
}
.ol-popup.tooltips.black > div {
  -webkit-transform: scaleY(1.3);
          transform: scaleY(1.3);
  padding: .2em .5em;
  background-color: rgba(0,0,0, 0.5);
}
.ol-popup-middle.tooltips.black .anchor:before {
  border-width: 5px 10px;
  margin: -5px -21px;
}

.ol-popup-center.ol-popup-middle { 
  margin: 0;
}

.ol-popup-top.ol-popup-left.ol-fixPopup,
.ol-popup-top.ol-popup-right.ol-fixPopup,
.ol-popup.ol-fixPopup {
  margin: 0;
}

.ol-miniscroll {
  position: relative;
}
.ol-miniscroll:hover .ol-scroll {
  opacity: .5;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.ol-miniscroll .ol-scroll {
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  right: 0px;
  width: 9px;
  height: auto;
  max-height: 100%;
  opacity: 0;
  border-radius: 9px;
  -webkit-transition: opacity 1s .5s;
  transition: opacity 1s .5s;
  overflow: hidden;
  z-index: 1;
}
.ol-miniscroll .ol-scroll > div {
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  top: 0;
  right: 0px;
  width: 9px;
  height: 9px;
  -webkit-box-shadow: inset 10px 0 currentColor;
          box-shadow: inset 10px 0 currentColor;
  border-radius: 9px / 12px;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.ol-miniscroll .ol-scroll.ol-100pc {
  opacity: 0;
}

.ol-viewport canvas.ol-fixedoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Toggle Switch */
.ol-ext-toggle-switch {
  cursor: pointer;
  position: relative;
}
.ol-ext-toggle-switch input[type="radio"],
.ol-ext-toggle-switch input[type="checkbox"] {
  display: none;
}
.ol-ext-toggle-switch span {
  color: rgba(0,60,136,.5);
  position: relative;
  cursor: pointer;
  background-color: #ccc;
  -webkit-transition: .4s, background-color 0s, border-color 0s;
  transition: .4s, background-color 0s, border-color 0s;
  width: 1.6em;
  height: 1em;
  display: inline-block;
  border-radius: 1em;
  font-size: 1.3em;
  vertical-align: middle;
  margin: -.15em .2em .15em;
}
.ol-ext-toggle-switch span:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  left: 0;
  top: 50%;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 1em;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 2px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-ext-toggle-switch:hover span {
  background-color: #999;
}
.ol-ext-toggle-switch:hover span:before {
  border-color: #999;
}

.ol-ext-toggle-switch input:checked + span {
  background-color: currentColor;
}
.ol-ext-toggle-switch input:checked + span:before {
  -webkit-transform: translate(.6em,-50%);
          transform: translate(.6em,-50%);
  border-color: currentColor;
}

/* Check/radio buttons */
.ol-ext-check {
  position: relative;
  display: inline-block;
}
.ol-ext-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ol-ext-check span {
  color: rgba(0,60,136,.5);
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: -.1em .5em .1em;
  background-color: #ccc;
  vertical-align: middle;
}
.ol-ext-check:hover span {
  background-color: #999;
}
.ol-ext-checkbox input:checked ~ span {
  background-color: currentColor;
}
.ol-ext-checkbox input:checked ~ span:before {
  content: "";
  position: absolute;
  width: .5em;
  height: .8em;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
          transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
  -webkit-box-shadow: inset -0.2em -0.2em #fff;
          box-shadow: inset -0.2em -0.2em #fff;
}

.ol-ext-radio span {
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
}
.ol-ext-radio:hover input:checked ~ span {
  background-color: #ccc;
}
.ol-ext-radio input:checked ~ span:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentColor;
}

.ol-collection-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ol-collection-list li {
  position: relative;
  padding: 0 2em 0 1em;
}
.ol-collection-list li:hover {
  background-color: rgba(0,60,136,.2);
}
.ol-collection-list li.ol-select {
  background-color: rgba(0,60,136,.5);
  color: #fff;
}

.ol-collection-list li .ol-order {
  position: absolute;
  -ms-touch-action: none;
      touch-action: none;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2em;
  height: 100%;
  cursor: n-resize;
}
.ol-collection-list li .ol-order:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  background-color: currentColor;
  -webkit-box-shadow: 0 5px, 0 -5px;
          box-shadow: 0 5px, 0 -5px;
  border-radius: 2px;
}

.ol-ext-colorpicker.ol-popup {
  width: 2em;
  height: 1.5em;
  background-color: transparent;
  background-image: 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
  background-size: 10px 10px;
  background-position: 0 -1px, 5px 4px;
}

.ol-ext-colorpicker .ol-tabbar {
  background-color: #eee;
  border-bottom: 1px solid #999;
  display: none;
}
.ol-ext-colorpicker.ol-tab .ol-tabbar {
  display: block;
}

.ol-ext-colorpicker .ol-tabbar > div {
  display: inline-block;
  background-color: #fff;
  padding: 0 .5em;
  border: 1px solid #999;
  border-radius: 2px 2px 0 0;
  position: relative;
  top: 1px;
  cursor: pointer;
}
.ol-ext-colorpicker .ol-tabbar > div:nth-child(1) {
  border-bottom-color: #fff;
}
.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(1) {
  border-bottom-color: #999;
}
.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(2) {
  border-bottom-color: #fff;
}

.ol-ext-colorpicker.ol-popup.ol-tab .ol-popup {
  width: 180px;
}
.ol-ext-colorpicker.ol-tab .ol-palette {
  margin: 0 10px;
}
.ol-ext-colorpicker.ol-tab .ol-container {
  display: none;
}
.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-container {
  display: block;
}
.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-palette {
  display: none;
}

.ol-ext-colorpicker.ol-popup .ol-popup {
  width: 340px;
}

.ol-ext-colorpicker.ol-popup .ol-vignet {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  background-color: currentColor;
  pointer-events: none;
}

.ol-ext-colorpicker .ol-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ol-ext-colorpicker .ol-cursor {
  pointer-events: none;
}

.ol-ext-colorpicker .ol-picker {
  position: relative;
  cursor: crosshair;
  width: 150px;
  height: 150px;
  border: 5px solid #fff;
  background-color: currentColor;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(transparent)),
    -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background-image: linear-gradient(0, #000, transparent),
    linear-gradient(90deg, #fff, transparent);
}
.ol-ext-colorpicker .ol-picker .ol-cursor {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(0,0,0,.7);
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.7);
          box-shadow: 0 0 0 1px rgba(255,255,255,.7);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.ol-ext-colorpicker .ol-slider {
  position: relative;
  cursor: crosshair;
  background-color: #fff;
  height: 10px;
  width: 150px;
  margin: 5px 0 10px;
  border: 5px solid #fff;
  border-width: 0 5px;
  background-image: 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
  background-size: 10px 10px;
  background-position: 0 -1px, 5px 4px;
}
.ol-ext-colorpicker .ol-slider > div {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, transparent, #fff);
  pointer-events: none;
}
.ol-ext-colorpicker .ol-slider .ol-cursor {
  position: absolute;
  width: 4px;
  height: 12px;
  border: 1px solid #000;
  top: 50%;
  left: 0;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-ext-colorpicker .ol-tint {
  position: absolute;
  cursor: crosshair;
  width: 10px;
  height: 150px;
  border: 5px solid #fff;
  border-width: 5px 0;
  -webkit-box-sizing: border;
          box-sizing: border;
  top: 0;
  right: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#f00), color-stop(#f0f), color-stop(#00f), color-stop(#0ff), color-stop(#0f0), color-stop(#ff0), to(#f00));
  background-image: linear-gradient(0, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00)
}
.ol-ext-colorpicker .ol-tint .ol-cursor {
  position: absolute;
  top: 0;
  left: 50%;
  border: 1px solid #000;
  height: 4px;
  width: 12px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ol-ext-colorpicker .ol-clear {
  position: absolute;
  border: 2px solid #999;
  right: 4px;
  top: 163px;
  width: 10px;
  height: 10px;
}
.ol-ext-colorpicker .ol-clear:before,
.ol-ext-colorpicker .ol-clear:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-colorpicker .ol-clear:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-ext-colorpicker.ol-nopacity .ol-slider,
.ol-ext-colorpicker.ol-nopacity .ol-clear {
  display: none;
}
.ol-ext-colorpicker.ol-nopacity .ol-alpha {
  display: none;
}

.ol-ext-colorpicker .ol-rgb {
  position: relative;
  padding: 5px;
  width: 170px;
  display: none;
}
.ol-ext-colorpicker .ol-rgb input {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 2px;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 13px;
}
.ol-ext-colorpicker .ol-rgb input:nth-child(1) {
	background-color: rgba(255,0,0,.1);
}
.ol-ext-colorpicker .ol-rgb input:nth-child(2) {
	background-color: rgba(0,255,0,.1);
}
.ol-ext-colorpicker .ol-rgb input:nth-child(3) {
	background-color: rgba(0,0,255,.12);
}

.ol-ext-colorpicker button,
.ol-ext-colorpicker .ol-txt-color {
  font-size: 13px;
  margin: 0 5px 5px;
  text-align: center;
  width: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  border: 1px solid #999;
  border-radius: 2px;
  display: block;
}
.ol-ext-colorpicker button {
  background-color: #eee;
}
.ol-ext-colorpicker button:hover {
  background-color: #e9e9e9;
}

.ol-ext-colorpicker .ol-txt-color.ol-error {
  background-color: rgba(255,0,0,.2);
}

.ol-ext-colorpicker .ol-palette {
  padding: 2px;
  display: inline-block;
  width: 152px;
}
.ol-ext-colorpicker .ol-palette > div {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-image: 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  margin: 2px;
  -webkit-box-shadow: 0 0 2px 0px #666;
          box-shadow: 0 0 2px 0px #666;
  border-radius: 1px;
  cursor: pointer;
  position: relative;
}
.ol-ext-colorpicker .ol-palette > div:before {
  content: "";
  position: absolute;
  background-color: currentColor;
  width: 100%;
  height: 100%;
}
.ol-ext-colorpicker .ol-palette > div.ol-select:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  -webkit-box-shadow: 1px 1px #fff, 2px 2px #000;
          box-shadow: 1px 1px #fff, 2px 2px #000;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-colorpicker .ol-palette > div:hover {
  -webkit-box-shadow: 0 0 2px 1px #d90;
          box-shadow: 0 0 2px 1px #d90;
}
.ol-ext-colorpicker .ol-palette hr {
  margin: 0;
}

.ol-input-popup {
  display: inline-block;
  position: relative;
}
.ol-input-popup .ol-popup {
  position: absolute;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
          box-shadow: 1px 1px 3px 1px #999;
  background-color: #fff;
  z-index: 1;
  display: none;
  left: -5px;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.ol-input-popup.ol-hover:hover .ol-popup,
.ol-input-popup.ol-focus .ol-popup {
  display: block;
}
.ol-input-popup.ol-right .ol-popup {
  left: auto;
  right: -5px;
}
.ol-input-popup.ol-middle .ol-popup {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}


.ol-input-popup .ol-popup li {
  position: relative;
  padding: 10px 5px;
}

.ol-input-popup li:hover {
  background-color: #ccc;
}
.ol-input-popup li.ol-selected {
  background-color: #ccc;
}

.ol-input-popup.ol-fixed:hover .ol-popup,
.ol-input-popup.ol-fixed .ol-popup {
  position: relative;
  left: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.ol-input-popup.ol-fixed.ol-left .ol-popup {
  float: left;
}

.ol-input-popup > div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid #999;
  padding: 3px 20px 3px 10px
}
.ol-input-popup > div:before {
  position: absolute;
  content: "";
  right: 5px;
  top: 50%;
  border: 5px solid transparent;
  border-top: 5px solid #999;
}

.ol-ext-popup-input {
  display: inline-block;
  vertical-align: top;
}
.ol-ext-popup-input.ol-popup {
  position: relative;
  width: 2em;
  height: 1.5em;
  display: inline-block;
  border: 3px solid #fff;
  border-right-width: 1em;
  -webkit-box-shadow: 0 0 2px 1px #666;
          box-shadow: 0 0 2px 1px #666;
  border-radius: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.ol-ext-popup-input.ol-popup:after {
  content: "";
  position: absolute;
  border: .5em solid #aaa;
  border-width: .5em .3em 0;
  border-color: #999 transparent;
  right: -.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.ol-ext-popup-input * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.ol-ext-popup-input.ol-popup .ol-popup {
  position: absolute;
  top: 100%;
  min-width: 3em;
  min-height: 3em;
  left: 0;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
          box-shadow: 1px 1px 3px 1px #999;
  display: block;
  background-color: #fff;
  display: none;
  z-index: 1;
}
.ol-ext-popup-input.ol-popup .ol-popup.ol-visible {
  display: block;
}

.ol-ext-popup-input.ol-popup-fixed .ol-popup {
  position: fixed;
  top: auto;
  left: auto;
}

.ol-input-popup.ol-size li {
  display: table-cell;
  height: 100%;
  padding: 5px;
  vertical-align: middle;
}

.ol-input-popup.ol-size li > * {
  background-color: #369;
  border-radius: 50%;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

.ol-input-popup.ol-size li > .ol-option-0 {
  position: relative;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  color: #aaa;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ol-input-popup.ol-size li > *:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ol-input-popup.ol-size li > .ol-option-0:before {
  content: "";
  width: 1em;
  height: 2px;
  background-color: #aaa;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.ol-input-slider {
  display: inline-block;
  position: relative;
}
.ol-input-slider .ol-popup {
  position: absolute;
  -webkit-box-shadow: 1px 1px 3px 1px #999;
          box-shadow: 1px 1px 3px 1px #999;
  background-color: #fff;
  z-index: 1;
  display: none;
  left: -5px;
}
.ol-input-slider.ol-right .ol-popup {
  left: auto;
  right: -5px;
}
.ol-input-slider.ol-hover:hover .ol-popup,
.ol-input-slider.ol-focus .ol-popup {
  display: block;
  white-space: nowrap;
}
.ol-input-slider.ol-hover:hover .ol-popup > *,
.ol-input-slider.ol-focus .ol-popup > * {
  display: inline-block;
  vertical-align: middle;
}
.ol-input-slider.ol-hover:hover .ol-popup > .ol-before,
.ol-input-slider.ol-focus .ol-popup > .ol-before {
  margin-left: 10px;
}
.ol-input-slider.ol-hover:hover .ol-popup > .ol-after,
.ol-input-slider.ol-focus .ol-popup > .ol-after {
  margin-right: 10px;
}
.ol-input-slider .ol-slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100px;
  height: 3px;
  border: 0 solid transparent;
  border-width: 10px 15px;
  -webkit-box-shadow: inset 0 0 0 1px #999;
          box-shadow: inset 0 0 0 1px #999;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}

.ol-input-slider .ol-slider > .ol-cursor {
  position: absolute;
  width: 5px;
  height: 10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #999;
  pointer-events: none;
}
.ol-input-range .ol-slider {
  cursor: default;
  width: 150px;
}
.ol-input-range .ol-slider > .ol-cursor {
  pointer-events: all;
  cursor: pointer;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(0,60,136);
}
.ol-input-range.ol-moving .ol-slider > .ol-cursor {
  pointer-events: none;
}
.ol-input-range .ol-slider > .ol-back {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30%;
  right: 20%;
  height: 100%;
  background-color: rgb(0,60,136);
  pointer-events: none;
}

.ol-input-slider.ol-fixed:hover .ol-popup,
.ol-input-slider.ol-fixed .ol-popup {
  position: relative;
  left: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.ol-input-slider.ol-fixed.ol-left .ol-popup {
  float: left;
}

/* Grow */
.ol-input-slider.ol-size .ol-slider {
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ol-input-slider.ol-size .ol-slider .ol-back {
  width: 0;
  color: #aaa;
  border: 0 solid transparent;
  border-width: 0 0 20px 100px;
  border-color: currentColor transparent;
  pointer-events: none;
}

.ol-input-slider.ol-size .ol-slider > .ol-cursor {
  width: 2px;
  height: calc(100% + 4px);
  border-width: 5px 3px;
  border-style: solid;
  border-color: #f00 transparent;
  -o-border-image: initial;
     border-image: initial;
  background-color: transparent;
  -webkit-box-shadow: inset 3px 0px #f00;
          box-shadow: inset 3px 0px #f00;
}

.ol-input-popup.ol-width li {
  padding: 5px;
}


.ol-input-popup.ol-width li > * {
  background-color: #369;
  width: 100px;
  height: 1em;
}

.ol-input-popup.ol-width li > .ol-option-0 {
  position: relative;
  height: 1px;
  background-image: linear-gradient(90deg,#aaa 2px, transparent 2px);
  background-color: transparent;
  background-size: 4px;
}

.layerSwitcherImagePreview {
    display: inline-flex;
    align-items: center;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    border: 1px #ccc solid;
    margin-right: 5px;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}
.layerSwitcherImagePreviewNoBorder {
    border-radius: 0;
    border:0px;
    /*margin-bottom: 3px;*/
}
.layerSwitcherImagePreview[class*="fazi2-"],
.layerSwitcherImagePreview[class^="fazi2-"] {
    font-size: 24px; 
}

/*button position for map layers*/
.ol-control.ol-layerswitcher {
    top: 20px;
    z-index: 12;
}

/* fix to reduced white space gaps between layers */
.ol-layer-vector .li-content {
    height: 24px;
    padding-right: 0.5em;
}

/*button position for base layers*/
.ol-control.ol-layerswitcher-image {
    top: 58px !important;
}

.ol-layerswitcher .panel li label {
    max-width: 16em !important;
}
.ol-layerswitcher-buttons {
    float: none !important;
    
}

.ol-layerswitcher-buttons .collapse-layers, .ol-layerswitcher-buttons .expand-layers, .ol-layerswitcher-buttons .expend-layers {
    margin-right: 0.5em;
}

.ol-layerswitcher-buttons:has(.expend-layers),
.ol-layerswitcher-buttons:has(.collapse-layers) {
    margin-right: 5px;
}

.ol-threeDSwitcher {
    position: absolute;
    right: 0.5em;
    text-align: left;
    top: 8em;
    max-height: calc(100% - 6em);
    box-sizing: border-box;
    overflow: hidden;
}

/* styles are directly copied from azi-heading class*/
.ol-popupfeature h1 {
    font-weight: bold !important;
    text-align: center;
    width: 100%;
    background: #6d6e79;
    color: white !important;
    border-radius: 4px 4px 0 0;
    margin-bottom: 5px;
    padding: 0px 10px 2px 10px;
    line-height: 1.3 !important;
}

/* allow scrolling on larger results sets n ol ext popup*/
.ol-popup .content {
    overflow: auto;
}

.ol-popup.hasclosebox .ol-popup-content {
    margin-right: 0;
}

.ol-popup .closeBox {
    position: fixed;
    top: 4px;
    right: 4px;
    background-color: #6d6e79;
}

    .ol-popup .closeBox:hover {
        background-color: #6d6e90;
    }

.ol-popup .closeBox:after {
    margin: -0.55em 0;
}

.ol-popup .ol-popupfeature .ol-zoombt {
    padding-top: 10px;
}

/* spacing between title and value columns*/
.ol-popup .ol-popupfeature table td {
    padding-right: 1em;
}

.ol-popup .ol-popupfeature,
.ol-popup .ol-popupfeature h1,
.ol-popup .ol-popupfeature table,
.ol-popup .ol-popupfeature table td {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ol-popup .ol-popupfeature table tr td:first-child {
    font-weight: bold;
    text-transform: capitalize;
}

.ol-popupfeature h1 {
    /*color: #777 !important;*/
    /*font-weight: normal !important;*/
    margin: 0.25em 0 0.5em 0 !important;
    font-size: 1em !important;
}

/* center align arrows in popup page count */
.ol-popupfeature .ol-count {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ol-popup .ol-popupfeature button,
.ol-popup .ol-popupfeature .ol-fix,
.ol-popup .ol-popupfeature .ol-prev,
.ol-popup .ol-popupfeature .ol-next {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ol-touch .ol-revert2d {
    top: 80px ;
}
/*fix for baselayers behind 2d button*/
/*.ol-layerswitcher panel {
    z-index:12;
}*/

.ol-layerswitcher-image{
    z-index: 11;
}
.ol-layerswitcher.ol-forceopen .panel {
    z-index: 12;
}
.ol-control button {
    background-color: #dcdcdc;
    color: #1e4964;
}
.ol-control.ol-bar .ol-toggle.ol-active > button {
    background-color: #1e4964;
    color: #dcdcdc;
}
.ol-control.ol-bar .ol-toggle.ol-active > button:hover {
    background-color: #1e4964;
}
.ol-control button:hover {
    background-color: #ababab;
}
.ol-layerswitcher > button {
    /*background-color: #dcdcdc;
    background-image: url(../images/ThinkGeo/Large/Layers.png);*/
}
    .ol-layerswitcher #layer-menu-btn {
        width:24px;
        height:24px;
    }

    .ol-layerswitcher > button:hover {
        background-color: #ababab;
    }

.ol-layerswitcher-image button {
    /*background-color: #dcdcdc;
    background-image: url(../images/ThinkGeo/Large/BaseLayer.png);*/
}
.ol-layerswitcher-image button:hover {
    background-color: #ababab;
}

.ol-revert2d button {
    background-color: #dcdcdc;
    background-image: url(../images/ThinkGeo/Large/2D.png);
}
.ol-revert2d button:hover {
    background-color: #ababab;
}

.ol-control button:hover {
    /*background-color: #ababab;*/
}

.fa-1-5 {
	font-size: 1.5em;
}

.layerSelectedOn {
	color: #1e4963;
}

.layerSelectedOff {
	color: #ccc;
}

.flex {
	display: flex;
}

.ol-layerswitcher > button:after, .ol-layerswitcher > button:before {
    content: initial;
}

.ol-control, .ol-control:hover {
    background-color: initial;
}

.ol-control button {
    background-color: #fff;
}

.ol-control.ol-bar.ol-top.ol-middle.ol-cornerVertical,
.ol-control.ol-bar.ol-left.ol-middle.ol-cornerVertical,
.ol-control.ol-bar.ol-top.ol-middle.ol-cornerHorizontal,
.ol-control.ol-bar.ol-left.ol-middle.ol-cornerHorizontal {
    left: 5px;
    top: 20px;
    transform: initial;
    -webkit-transform: initial;
}

.ol-cornerVertical .ol-extendedtoolbars {
    top: calc(100% - 2px) !important;
    left: -2px !important;
}

.ol-cornerHorizontal .ol-extendedtoolbars {
    top: 0px !important;
    left: 100% !important;
}

.ol-cornerVertical .ol-extendedtoolbars > .ol-control {
    display: block !important;
}

.ol-extendedtoolbars.ol-option-bar:before {
    content: initial !important;
}

.ol-extendedtoolbars .ol-control .ol-control.ol-bar.ol-option-bar:before {
    border-color: transparent rgba(0, 60, 136, 0.5) transparent transparent !important;
    bottom: auto !important;
    right: 100% !important;
    left: auto !important;
    top: 0.3em !important;
}

.ol-cornerVertical .ol-extendedtoolbars .toolbar-extended-sub-menu {
    top: -5px !important;
    left: calc(100% - -5px) !important;
}

.ol-layerswitcher .panel li.selected {
    background-color: #c5c5c5;
}

.ol-layerswitcher .panel li label {
    max-width: 16em !important;
    display: inline;
}

.ol-layerswitcher .state.p-info-o {
    top: 5px;
    position: relative;
}

.ol-layerswitcher > button {
    background-repeat: no-repeat;
    background-size: contain;
    height: 38px;
    width: 38px;
}

.ol-layerswitcher-image button {
    background-repeat: no-repeat;
    background-size: contain;
}

.ol-rotate {
    top: auto;
    bottom: 5.5em;
    left: 0.5em;
}

.ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control {
    display: none !important;
}

.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-canvasScaleLine {
    display: block !important;
}

.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-canvasAttribution,
.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-extentDisplay {
    display: block !important;
}

.olext-print-canvasScaleLine {
    display: none !important;
}

.ol-print-title input[type=text] {
    width: 100%;
    margin-left: 0;
}

.ol-print button[title="Print"] {
    visibility: hidden;
}

.ol-ext-print-dialog .ol-saveas select, .ol-ext-print-dialog .ol-savelegend select {
    background-color: #5bc0de;
    color: #fff;
    padding: 0.5em;
    margin: 1em 0 0;
    font-size: 1em;
    border: 0;
    font-weight: bold;
    max-width: 12em;
    border-radius: 4px;
}

.ol-ext-print-dialog .ol-ext-toggle-switch span {
    color: #5bc0ded1;
}

.layer-group-title {
    font-weight: bold;
}

.ol-layerswitcher .panel li.ol-layer-group > .li-content .pretty > .layer-group-title {
    display: inline-block;
    max-width: calc(100% - 0.5rem);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.ol-layerswitcher .panel li.ol-layer-group .show-hover-drag-group,
.ol-layerswitcher .panel li.ol-layer-group .layer-group-suggest-name {
    cursor: pointer;
    display: inline-block;
    margin-left: 0.35rem;
    text-align: center;
    width: 1rem;
}

.ol-layerswitcher .panel li.ol-layer-group .layer-group-title .layer-group-title-text {
    display: inline;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
}

.ol-control.ol-legend {
	background-color: rgba(255,255,255,.6);
	bottom: 6em;
	left:2.5em;
	max-height: 80%;
    max-width: 100%;
}


/*.ol-control.ol-legend.ol-collapsed {
	top:0.5em
}*/

.ol-legend canvas.ol-legendImg {
	margin-top: -25px;
}

.ol-control.ol-legend button.ol-closebox {
	display: flex;
    justify-content: end;
    position: sticky;
	width: 100%;
    padding: 7.5px;
}

.ol-control button:hover, .ol-control button:focus {
    outline: none;
}

/* slect2 styling grey background fix for ol-scale implementation*/
.ol-scale .select2 {
    /*width: 150px !important;*/
    height: auto !important;
}

.ol-control.ol-layerswitcher .panel-container {

    padding: 0.3em 0.3em 0;
}

.ol-legend.ol-control {
    padding: 0.3em !important;
    background-color: rgba(255,255,255,0.9) !important;
    border: 1px solid rgb(109 110 121 / 60%);
}

    .ol-legend.ol-control.ol-collapsed {
        padding: 0 !important;
        background-color: rgba(255,255,255,0) !important;
        border: none;
    }

.ol-popup.default > div {
    border: 1px solid rgb(109 110 121 / 60%);
}

.ol-popup.default .anchor {
    color: rgb(109 110 121 / 60%);
}

.ol-layerswitcher-image li.ol-header {
    display: block;
    height: auto;
    width: auto;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 10;
}

.ol-layerswitcher.ol-forceopen > button::after {
    content: initial;
    background-color: white !important;
    margin-bottom: 3px;
}

/* Layerswitcher group icons as FA carets  */
.ol-layerswitcher .expend-layers:before,
.ol-layerswitcher .collapse-layers:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    font-weight: 900;
    color: #6d6e79;
    background: unset;
    height: unset;
    font-size: large;
    width: auto;
}

.ol-layerswitcher .collapse-layers:before {
    content: "\f0d7";
}

.ol-layerswitcher .collapse-layers:after,
.ol-layerswitcher .expend-layers:after {
    content: unset;
}
/*End layerswitcher group icons*/
/*class to limit height to 250px*/
.ol-popup-content-azimap {
    max-height:250px;
    overflow: auto;
}

.ol-popup-images-azimap img {
    max-width:100px;
    max-height:100px;
}
/* allow inline html images to be bigger*/
.ol-popup .ol-popupfeature table td img {
    max-width: unset;
    max-height: unset;
}
/* IntervalTimeline control */
.ol-intervaltimeline {
    position: absolute;
    left: 90px;
    right: 56px;
    bottom: 48px;
    min-height: 74px;
    padding: 10px 44px 12px 44px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
    color: #1f2933;
    pointer-events: auto;
}

.ol-intervaltimeline button {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    background: #2f4858;
    color: #fff;
}

.ol-intervaltimeline button:hover,
.ol-intervaltimeline button:focus {
    background: #1c3644;
}

.ol-intervaltimeline-collapse,
.ol-intervaltimeline-play {
    position: absolute;
    top: 10px;
}

.ol-intervaltimeline-collapse {
    right: 10px;
}

.ol-intervaltimeline-play {
    left: 10px;
}

.ol-intervaltimeline-body {
    position: relative;
}

.ol-intervaltimeline-label {
    min-height: 22px;
    margin-bottom: 8px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.ol-intervaltimeline-rail {
    position: relative;
    height: 34px;
    cursor: ew-resize;
    outline: none;
}

.ol-intervaltimeline-rail::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    height: 6px;
    border-radius: 3px;
    background: #d4dde4;
}

.ol-intervaltimeline-track {
    position: absolute;
    left: 0;
    top: 12px;
    height: 6px;
    border-radius: 3px;
    background: #2b7a78;
}

.ol-intervaltimeline-thumb {
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #17252a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}

.ol-intervaltimeline-pointer {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(23, 37, 42, 0.35);
    pointer-events: none;
}

.ol-intervaltimeline-ticks {
    position: absolute;
    left: 0;
    right: 0;
    top: 23px;
}

.ol-intervaltimeline-tick {
    position: absolute;
    width: 1px;
    height: 8px;
    background: #8a9aa6;
}

.ol-intervaltimeline-tick span {
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 11px;
    color: #4b5963;
}

.ol-intervaltimeline-collapsed {
    left: auto;
    right: 16px;
    bottom: 48px;
    width: 44px;
    min-height: 44px;
    padding: 7px;
}

.ol-intervaltimeline-collapsed .ol-intervaltimeline-body,
.ol-intervaltimeline-collapsed .ol-intervaltimeline-play {
    display: none;
}

.ol-intervaltimeline-collapsed .ol-intervaltimeline-collapse {
    position: static;
}

.intervalTimelineConfigContainer .form-group label,
.interval-timeline-editor label {
    font-size: 12px;
}

.interval-timeline-editor .gap-2 {
    gap: .5rem;
}

.interval-timeline-editor .gap-3 {
    gap: 1rem;
}

@media (max-width: 640px) {
    .ol-intervaltimeline {
        left: 8px;
        right: 8px;
        bottom: 48px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .ol-intervaltimeline-tick span {
        display: none;
    }
}

.pretty * {
    box-sizing: border-box
}

.pretty input:not([type=checkbox]):not([type=radio]) {
    display: none
}

.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1
}

    .pretty input {
        position: absolute;
        left: 0;
        top: 0;
        min-width: 1em;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        margin: 0;
        padding: 0;
        cursor: pointer
    }

    .pretty .state label {
        position: initial;
        display: inline-block;
        font-weight: 400;
        margin: 0;
        text-indent: 1.5em;
        min-width: calc(1em + 2px)
    }

        .pretty .state label:after, .pretty .state label:before {
            content: '';
            width: calc(1em + 2px);
            height: calc(1em + 2px);
            display: block;
            box-sizing: border-box;
            border-radius: 0;
            border: 1px solid transparent;
            z-index: 0;
            position: absolute;
            left: 0;
            top: calc((0% - (100% - 1em)) - 8%);
            background-color: transparent
        }

        .pretty .state label:before {
            border-color: #bdc3c7
        }

    .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
        display: none
    }

@-webkit-keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }

    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }

    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tada {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: scale(7);
        transform: scale(7)
    }

    38% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    55% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    72% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }

    89% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    95% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    50% {
        -webkit-transform: scale3d(.85,1.15,1);
        transform: scale3d(.85,1.15,1)
    }

    65% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    75% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes jelly {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    50% {
        -webkit-transform: scale3d(.85,1.15,1);
        transform: scale3d(.85,1.15,1)
    }

    65% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    75% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@keyframes rotate {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px) rotate(-45deg);
        transform: translateZ(-200px) rotate(-45deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }

    100% {
        box-shadow: 0 0 0 1.5em rgba(189,195,199,0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #bdc3c7
    }

    100% {
        box-shadow: 0 0 0 1.5em rgba(189,195,199,0)
    }
}

.pretty.p-default.p-fill .state label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.pretty.p-default .state label:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.pretty.p-default input:checked ~ .state label:after {
    background-color: #bdc3c7 !important
}

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
    border-width: calc(1em / 7)
}

.pretty.p-default.p-thick .state label:after {
    -webkit-transform: scale(.4) !important;
    -ms-transform: scale(.4) !important;
    transform: scale(.4) !important
}

.pretty.p-icon .state .icon {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

    .pretty.p-icon .state .icon:before {
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1
    }

.pretty.p-icon input:checked ~ .state .icon {
    opacity: 1
}

.pretty.p-icon input:checked ~ .state label:before {
    border-color: #5a656b
}

.pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    opacity: 0
}

.pretty.p-svg .state svg {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.pretty.p-svg input:checked ~ .state .svg {
    opacity: 1
}

.pretty.p-image .state img {
    opacity: 0;
    position: absolute;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    top: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    left: 0;
    z-index: 0;
    text-align: center;
    line-height: normal;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.pretty.p-image input:checked ~ .state img {
    opacity: 1
}

.pretty.p-switch input {
    min-width: 2em
}

.pretty.p-switch .state {
    position: relative
}

    .pretty.p-switch .state:before {
        content: '';
        border: 1px solid #bdc3c7;
        border-radius: 60px;
        width: 2em;
        box-sizing: unset;
        height: calc(1em + 2px);
        position: absolute;
        top: 0;
        top: calc((0% - (100% - 1em)) - 16%);
        z-index: 0;
        transition: all .5s ease
    }

    .pretty.p-switch .state label {
        text-indent: 2.5em
    }

        .pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
            transition: all .5s ease;
            border-radius: 100%;
            left: 0;
            border-color: transparent;
            -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
            transform: scale(.8)
        }

        .pretty.p-switch .state label:after {
            background-color: #bdc3c7 !important
        }

.pretty.p-switch input:checked ~ .state:before {
    border-color: #5a656b
}

.pretty.p-switch input:checked ~ .state label:before {
    opacity: 0
}

.pretty.p-switch input:checked ~ .state label:after {
    background-color: #5a656b !important;
    left: 1em
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
    opacity: 0
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
    background-color: #fff !important;
    left: 1em
}

.pretty.p-switch.p-slim .state:before {
    height: .1em;
    background: #bdc3c7 !important;
    top: calc(50% - .1em)
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
    border-color: #5a656b;
    background-color: #5a656b !important
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
    display: none
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
    display: block
}

    .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
        display: block
    }

.pretty.p-has-focus input:focus ~ .state label:before {
    box-shadow: 0 0 3px 0 #bdc3c7
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
    display: none
}

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
    display: block
}

    .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
        display: block;
        opacity: 1
    }

.pretty.p-toggle .state.p-on {
    opacity: 0;
    display: none
}

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
    opacity: 1;
    display: inherit
}

    .pretty.p-toggle .state.p-off .icon {
        color: #bdc3c7
    }

.pretty.p-toggle input:checked ~ .state.p-on {
    opacity: 1;
    display: inherit
}

.pretty.p-toggle input:checked ~ .state.p-off {
    opacity: 0;
    display: none
}

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
    content: none
}

.pretty.p-plain.p-plain .icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
    border-radius: 100%
}

.pretty.p-round.p-icon .state .icon {
    border-radius: 100%;
    overflow: hidden
}

    .pretty.p-round.p-icon .state .icon:before {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
    border-radius: 20%
}

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
    transition: all .5s ease
}

.pretty.p-smooth input:checked + .state label:after {
    transition: all .3s ease
}

.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-default input:checked + .state label:after {
    -webkit-animation: zoom .2s ease;
    animation: zoom .2s ease
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
    content: '';
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
    -webkit-animation: tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    animation: tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
    -webkit-animation: jelly .7s cubic-bezier(.25,.46,.45,.94);
    animation: jelly .7s cubic-bezier(.25,.46,.45,.94);
    opacity: 1
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
    border-color: transparent
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
    -webkit-animation: rotate .7s cubic-bezier(.25,.46,.45,.94);
    animation: rotate .7s cubic-bezier(.25,.46,.45,.94);
    opacity: 1
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
    border-color: transparent
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

.pretty input[disabled] {
    cursor: not-allowed;
    display: none
}

    .pretty input[disabled] ~ * {
        opacity: .5
    }

.pretty.p-locked input {
    display: none;
    cursor: not-allowed
}

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
    background-color: #428bca !important
}

.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
    border-color: #428bca
}

.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
    color: #428bca;
    stroke: #428bca
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
    background-color: #428bca !important
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
    border-color: #428bca
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
    background-color: #428bca !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
    border-color: #245682;
    background-color: #245682 !important
}

.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
    background-color: #5bc0de !important
}

.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
    border-color: #5bc0de
}

.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
    color: #5bc0de;
    stroke: #5bc0de
}

.pretty .state label:before {
    border-color: #000000;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
    background-color: #5bc0de !important
}

.pretty.p-switch input:checked ~ .state.p-info:before {
    border-color: #5bc0de
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
    background-color: #5bc0de !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
    border-color: #2390b0;
    background-color: #2390b0 !important
}

.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #5cb85c !important
}

.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
    border-color: #5cb85c
}

.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
    color: #5cb85c;
    stroke: #5cb85c
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
    background-color: #5cb85c !important
}

.pretty.p-switch input:checked ~ .state.p-success:before {
    border-color: #5cb85c
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
    background-color: #5cb85c !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
    border-color: #357935;
    background-color: #357935 !important
}

.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
    background-color: #f0ad4e !important
}

.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
    border-color: #f0ad4e
}

.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
    color: #f0ad4e;
    stroke: #f0ad4e
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
    background-color: #f0ad4e !important
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
    border-color: #f0ad4e
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
    background-color: #f0ad4e !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
    border-color: #c77c11;
    background-color: #c77c11 !important
}

.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
    background-color: #d9534f !important
}

.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
    border-color: #d9534f
}

.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
    background-color: transparent
}

.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
    color: #d9534f;
    stroke: #d9534f
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
    background-color: #d9534f !important
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
    border-color: #d9534f
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
    background-color: #d9534f !important
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
    border-color: #a02622;
    background-color: #a02622 !important
}

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
    font-size: 1.2em !important;
    top: calc((0% - (100% - 1em)) - 35%) !important
}

.pretty.p-bigger label {
    text-indent: 1.7em
}

@media print {
    .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.eot);src:url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.woff2) format("woff2"),url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.woff) format("woff"),url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.ttf) format("truetype"),url(/Styles/font-awesome-5.13/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.eot);src:url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.woff2) format("woff2"),url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.woff) format("woff"),url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.ttf) format("truetype"),url(/Styles/font-awesome-5.13/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\f95b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\f952"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\f905"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\f95c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\f95d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\f95e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\f95f"}.fa-handshake-slash:before{content:"\f960"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\f961"}.fa-head-side-cough-slash:before{content:"\f962"}.fa-head-side-mask:before{content:"\f963"}.fa-head-side-virus:before{content:"\f964"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\f965"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\f955"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\f966"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\f967"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\f956"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\f968"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\f969"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\f96a"}.fa-pump-soap:before{content:"\f96b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\f96c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\f957"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\f96e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\f96f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\f970"}.fa-store-slash:before{content:"\f971"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\f972"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\f974"}.fa-virus-slash:before{content:"\f975"}.fa-viruses:before{content:"\f976"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
@font-face {
    font-family: 'Azimap';
    src: url('/Styles/font-azimap/fonts/Azimap.eot');
    src: url('/Styles/font-azimap/fonts/Azimap.eot?#iefix') format('embedded-opentype'),
         url('/Styles/font-azimap/fonts/Azimap.woff') format('woff'),
         url('/Styles/font-azimap/fonts/Azimap.ttf') format('truetype'),
         url('/Styles/font-azimap/fonts/Azimap.svg#Azimap') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class*='fazi-']:before{
	display: inline-block;
   font-family: 'Azimap';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.fazi
{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fazi-azi-col {
	color: #1e4964 !important;
}

.fazi-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fazi-xs {
  font-size: .75em !important; }

.fazi-sm {
  font-size: .875em !important; }

.fazi-1x {
  font-size: 1em !important; }

.fazi-2x {
  font-size: 2em !important; }

.fazi-3x {
  font-size: 3em !important; }

.fazi-4x {
  font-size: 4em !important; }

.fazi-5x {
  font-size: 5em !important; }

.fazi-6x {
  font-size: 6em !important; }

.fazi-7x {
  font-size: 7em !important; }

.fazi-8x {
  font-size: 8em !important; }

.fazi-9x {
  font-size: 9em !important; }

.fazi-10x {
  font-size: 10em !important; }

.fazi-fw {
  text-align: center;
  width: 1.25em; }

.fazi-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fazi-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fazi-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fazi-pull-left {
  float: left; }

.fazi-pull-right {
  float: right; }

.fazi.fazi-pull-left {
  margin-right: .3em; }

.fazi.fazi-pull-right {
  margin-left: .3em; }

.fazi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fazi-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fazi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fazi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fazi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fazi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fazi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fazi-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fazi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fazi-flip-both, .fazi-flip-horizontal.fazi-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fazi-rotate-90,
:root .fazi-rotate-180,
:root .fazi-rotate-270,
:root .fazi-flip-horizontal,
:root .fazi-flip-vertical,
:root .fazi-flip-both {
  -webkit-filter: none;
          filter: none; }

.fazi-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fazi-stack-1x,
.fazi-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fazi-stack-1x {
  line-height: inherit; }

.fazi-stack-2x {
  font-size: 2em; }

.fazi-inverse {
  color: #fff; }

.fazi-resize-feature:before{content:'\0041';}
.fazi-copy:before{content:'\0042';}
.fazi-paste:before{content:'\0043';}
.fazi-delete:before{content:'\0044';}
.fazi-measure:before{content:'\0045';}
.fazi-measure-area:before{content:'\0046';}
.fazi-zoom-to-last-feature:before{content:'\0047';}
.fazi-zoom-to-location:before{content:'\0048';}
.fazi-full-extent:before{content:'\0049';}
.fazi-push-pin-1a:before{content:'\004a';}
.fazi-edit-mode:before{content:'\004b';}
.fazi-search:before{content:'\004c';}
.fazi-streetview:before{content:'\004d';}
.fazi-upload-image:before{content:'\004e';}
.fazi-place-radius:before{content:'\004f';}
.fazi-save:before{content:'\0050';}
.fazi-legend-logo:before{content:'\0051';}
.fazi-data-view:before{content:'\0052';}
.fazi-geocoding-view:before{content:'\0053';}
.fazi-share:before{content:'\0054';}
.fazi-draw-square:before{content:'\0055';}
.fazi-draw-rectangle:before{content:'\0056';}
.fazi-draw-circle:before{content:'\0057';}
.fazi-draw-elipse:before{content:'\0058';}
.fazi-box-select:before{content:'\0059';}
.fazi-circle-select:before{content:'\005a';}
.fazi-fill2:before{content:'\0061';}
.fazi-split:before{content:'\0062';}
.fazi-merge:before{content:'\0063';}
.fazi-donut:before{content:'\0064';}
.fazi-edit-polygon:before{content:'\0065';}
.fazi-what3words:before{content:'\0066';}
.fazi-place-point-at-my-loc:before{content:'\0067';}
.fazi-free-draw:before{content:'\0068';}
.fazi-routing:before{content:'\0069';}
.fazi-swipe:before{content:'\006a';}
.fazi-routing-cont-line:before{content:'\006b';}
.fazi-drivetime:before{content:'\006c';}
.fazi-snap4poly:before{content:'\006d';}
.fazi-2d:before{content:'\006e';}
.fazi-3d:before{content:'\006f';}
.fazi-measure-line-new:before{content:'\0070';}
.fazi-edit-feature-tools-group:before{content:'\0071';}
.fazi-copy-paste-group:before{content:'\0072';}
.fazi-search-group:before{content:'\0073';}
.fazi-spatial-analysis:before{content:'\0074';}
.fazi-attribute-search:before{content:'\0075';}
.fazi-column-search:before{content:'\0076';}
.fazi-join-data:before{content:'\0077';}
.fazi-analysis-group:before{content:'\0078';}
.fazi-walktime:before{content:'\0079';}
.fazi-print:before{content:'\007a';}
.fazi-groups-dropdown:before{content:'\0030';}
.fazi-add-group:before{content:'\0031';}
.fazi-remove-group:before{content:'\0032';}
.fazi-layerpanel-dropdown:before{content:'\0033';}
.fazi-zoom-to-layer:before{content:'\0034';}
.fazi-create-with-page:before{content:'\0035';}
.fazi-add-existing:before{content:'\0036';}
.fazi-config:before{content:'\0037';}
.fazi-edit-layer:before{content:'\0038';}
.fazi-delete-layer:before{content:'\0039';}
.fazi-speech-bubble:before{content:'\0021';}
.fazi-report-information:before{content:'\0022';}
.fazi-style:before{content:'\0023';}
.fazi-map:before{content:'\0024';}
.fazi-layer:before{content:'\0025';}
.fazi-pointer:before{content:'\0026';}
.fazi-draw-points:before{content:'\0027';}
.fazi-draw-line:before{content:'\0028';}
.fazi-draw-polygon:before{content:'\0029';}
.fazi-identify-feature:before{content:'\002a';}
.fazi-move-individual-points:before{content:'\002b';}
.fazi-move-feature:before{content:'\002c';}
@font-face {
    font-family: 'Azimap2';
    src: url('/Styles/font-azimap2/fonts/Azimap2.eot');
    src: url('/Styles/font-azimap2/fonts/Azimap2.eot?#iefix') format('embedded-opentype'), url('/Styles/font-azimap2/fonts/Azimap2.woff') format('woff'), url('/Styles/font-azimap2/fonts/Azimap2.ttf') format('truetype'), url('/Styles/font-azimap2/fonts/Azimap2.svg#Azimap2') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class*='fazi2-']:before {
    display: inline-block;
    font-family: 'Azimap2';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fazi2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fazi2-azi-col {
    color: #1e4964 !important;
}

.fazi2-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.fazi2-xs {
    font-size: .75em !important;
}

.fazi2-sm {
    font-size: .875em !important;
}

.fazi2-1x {
    font-size: 1em !important;
}

.fazi2-2x {
    font-size: 2em !important;
}

.fazi2-3x {
    font-size: 3em !important;
}

.fazi2-4x {
    font-size: 4em !important;
}

.fazi2-5x {
    font-size: 5em !important;
}

.fazi2-6x {
    font-size: 6em !important;
}

.fazi2-7x {
    font-size: 7em !important;
}

.fazi2-8x {
    font-size: 8em !important;
}

.fazi2-9x {
    font-size: 9em !important;
}

.fazi2-10x {
    font-size: 10em !important;
}

.fazi2-fw {
    text-align: center;
    width: 1.25em;
}

.fazi2-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

    .fazi2-ul > li {
        position: relative;
    }

.fazi2-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fazi2-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fazi2-pull-left {
    float: left;
}

.fazi2-pull-right {
    float: right;
}

.fazi2.fazi2-pull-left {
    margin-right: .3em;
}

.fazi2.fazi2-pull-right {
    margin-left: .3em;
}

.fazi2-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fazi2-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fazi2-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fazi2-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.fazi2-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fazi2-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fazi2-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fazi2-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fazi2-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fazi2-flip-both, .fazi2-flip-horizontal.fazi2-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

:root .fazi2-rotate-90,
:root .fazi2-rotate-180,
:root .fazi2-rotate-270,
:root .fazi2-flip-horizontal,
:root .fazi2-flip-vertical,
:root .fazi2-flip-both {
    -webkit-filter: none;
    filter: none;
}

.fazi2-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fazi2-stack-1x,
.fazi2-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fazi2-stack-1x {
    line-height: inherit;
}

.fazi2-stack-2x {
    font-size: 2em;
}

.fazi2-inverse {
    color: #fff;
}

.fazi2-3d-legend:before {
    content: "\32";
}

.fazi2-3dextrusion:before {
    content: "\e900";
}

.fazi2-3dglobe-layer:before {
    content: "\e901";
}

.fazi2-Azimap_zoom:before {
    content: "\e902";
}

.fazi2-add:before {
    content: "\4a";
}

.fazi2-add-annotation:before {
    content: "\e903";
}

.fazi2-add-feature:before {
    content: "\61";
}

.fazi2-add-feature-without-overlaps:before {
    content: "\5a";
}

.fazi2-add-group:before {
    content: "\33";
}

.fazi2-add-layer:before {
    content: "\34";
}

.fazi2-advanced-analysis:before {
    content: "\75";
}

.fazi2-analysis:before {
    content: "\41";
}

.fazi2-area:before {
    content: "\26";
}

.fazi2-base-layer-panel:before {
    content: "\35";
}

.fazi2-bookmark:before {
    content: "\42";
}

.fazi2-box-select:before {
    content: "\58";
}

.fazi2-buffer:before {
    content: "\2c";
}

.fazi2-chart-analysis:before {
    content: "\76";
}

.fazi2-check-speed-limits:before {
    content: "\7a";
}

.fazi2-city-layer:before {
    content: "\e904";
}

.fazi2-citysurface:before {
    content: "\e905";
}

.fazi2-close:before {
    content: "\4b";
}

.fazi2-contains:before {
    content: "\2d";
}

.fazi2-copy-feature:before {
    content: "\62";
}

.fazi2-copy-item:before {
    content: "\4c";
}

.fazi2-custom-x-and-y:before {
    content: "\23";
}

.fazi2-data-grid-icon:before {
    content: "\4d";
}

.fazi2-datasets:before {
    content: "\4e";
}

.fazi2-delete-feature:before {
    content: "\63";
}

.fazi2-delete-item:before {
    content: "\4f";
}

.fazi2-delete-layer:before {
    content: "\36";
}

.fazi2-drag:before {
    content: "\e906";
}

.fazi2-draw-freehand:before {
    content: "\e907";
}

.fazi2-draw-line:before {
    content: "\e908";
}

.fazi2-draw-point:before {
    content: "\e909";
}

.fazi2-draw-polygon:before {
    content: "\e90a";
}

.fazi2-draw-rectangle:before {
    content: "\e90b";
}

.fazi2-draw-square:before {
    content: "\e90c";
}

.fazi2-edit-3d-layer-config:before {
    content: "\37";
}

.fazi2-edit-annotation:before {
    content: "\e90d";
}

.fazi2-edit-data:before {
    content: "\43";
}

.fazi2-edit-feature:before {
    content: "\64";
}

.fazi2-edit-item:before {
    content: "\50";
}

.fazi2-edit-layer:before {
    content: "\39";
}

.fazi2-edit-layer-attributes:before {
    content: "\38";
}

.fazi2-edit-privacy:before {
    content: "\51";
}

.fazi2-enable-3d-mode:before {
    content: "\21";
}

.fazi2-erase-all:before {
    content: "\e90e";
}

.fazi2-erase-feature:before {
    content: "\e90f";
}

.fazi2-export:before {
    content: "\e910";
}

.fazi2-feature:before {
    content: "\27";
}

.fazi2-folder:before {
    content: "\e911";
}

.fazi2-folder-edit:before {
    content: "\e912";
}

.fazi2-folder-minus:before {
    content: "\e913";
}

.fazi2-folder-plus:before {
    content: "\e914";
}

.fazi2-freehand-intersect:before {
    content: "\29";
}

.fazi2-freehand-select:before {
    content: "\59";
}

.fazi2-geometry-analysis:before {
    content: "\77";
}

.fazi2-grid-view:before {
    content: "\52";
}

.fazi2-help:before {
    content: "\53";
}

.fazi2-image:before {
    content: "\e915";
}

.fazi2-import:before {
    content: "\e916";
}

.fazi2-import-geojson:before {
    content: "\e917";
}

.fazi2-import-geotiff:before {
    content: "\e918";
}

.fazi2-import-shp:before {
    content: "\e919";
}

.fazi2-intersects:before {
    content: "\2e";
}

.fazi2-layer:before {
    content: "\28";
}

.fazi2-layer-switcher:before {
    content: "\22";
}

.fazi2-lineofsight:before {
    content: "\e91a";
}

.fazi2-load-data:before {
    content: "\e91b";
}

.fazi2-maps:before {
    content: "\54";
}

.fazi2-measure-line:before {
    content: "\6a";
}

.fazi2-measure-polygon:before {
    content: "\6b";
}

.fazi2-measurements:before {
    content: "\44";
}

.fazi2-merge-feature:before {
    content: "\65";
}

.fazi2-minimise-side-panel:before {
    content: "\55";
}

.fazi2-move-feature:before {
    content: "\66";
}

.fazi2-my-location:before {
    content: "\6c";
}

.fazi2-network-analysis-car:before {
    content: "\30";
}

.fazi2-network-analysis-foot:before {
    content: "\31";
}

.fazi2-networking-and-routing:before {
    content: "\45";
}

.fazi2-overlaps:before {
    content: "\2f";
}

.fazi2-partial-feature-selection-for-edit:before {
    content: "\67";
}

.fazi2-paste-feature:before {
    content: "\68";
}

.fazi2-pointcloud-layer:before {
    content: "\e91c";
}

.fazi2-print:before {
    content: "\46";
}

.fazi2-proximity-search:before {
    content: "\2a";
}

.fazi2-quick-analysis:before {
    content: "\78";
}

.fazi2-row-count:before {
    content: "\24";
}

.fazi2-search:before {
    content: "\56";
}

.fazi2-select:before {
    content: "\47";
}

.fazi2-selected-feature-intersects:before {
    content: "\2b";
}

.fazi2-settings:before {
    content: "\e91d";
}

.fazi2-sketch:before {
    content: "\e91e";
}

.fazi2-slope:before {
    content: "\e91f";
}

.fazi2-spatial-analysis:before {
    content: "\79";
}

.fazi2-split-feature:before {
    content: "\69";
}

.fazi2-street-view:before {
    content: "\73";
}

.fazi2-sunlight:before {
    content: "\e920";
}

.fazi2-swipe:before {
    content: "\74";
}

.fazi2-table-view:before {
    content: "\57";
}

.fazi2-terrain-layer:before {
    content: "\e921";
}

.fazi2-terrainprofile:before {
    content: "\e922";
}

.fazi2-time-series:before {
    content: "\25";
}

.fazi2-toggle-visibility:before {
    content: "\e923";
}

.fazi2-touches:before {
    content: "\5b";
}

.fazi2-viewshed:before {
    content: "\e924";
}

.fazi2-visualisation:before {
    content: "\48";
}

.fazi2-volumemeasure:before {
    content: "\e925";
}

.fazi2-what-3-words:before {
    content: "\6d";
}

.fazi2-within:before {
    content: "\5c";
}

.fazi2-zoom-to-extent:before {
    content: "\6e";
}

.fazi2-zoom-to-last-feature:before {
    content: "\6f";
}

.fazi2-zoom-to-layer:before {
    content: "\70";
}

.fazi2-zoom-to-location:before {
    content: "\71";
}

.fazi2-zoom-to-next-feature:before {
    content: "\72";
}

.fazi2-volume-measure:before {
    content: "\f101";
}

.fazi2-terrain-profile:before {
    content: "\f102";
}

.fazi2-point-cloud-layer:before {
    content: "\f103";
}

.fazi2-line-of-sight:before {
    content: "\f104";
}

.fazi2-city-surface:before {
    content: "\f105";
}

.fazi2-3d-globe-layer:before {
    content: "\f106";
}

.fazi2-3d-extrusion:before {
    content: "\f107";
}

.azimap-confirm {
    --az-confirm-accent: #2068df;
    --az-confirm-accent-soft: rgba(32, 104, 223, 0.14);
    --az-confirm-border: rgba(32, 104, 223, 0.2);
    --az-confirm-title: #1f2940;
    --az-confirm-text: #516073;
    --az-confirm-button-text: #ffffff;
    --az-confirm-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 253, 0.99) 100%);
    width: min(100%, 34rem);
    border: 1px solid var(--az-confirm-border);
    border-radius: 22px;
    background: var(--az-confirm-surface);
    box-shadow: 0 24px 60px rgba(19, 52, 77, 0.18);
    color: var(--az-confirm-title);
    overflow: hidden;
}

    .azimap-confirm *,
    .azimap-confirm *::before,
    .azimap-confirm *::after {
        box-sizing: border-box;
    }

.azimap-confirm--danger {
    --az-confirm-accent: #c34a43;
    --az-confirm-accent-soft: rgba(195, 74, 67, 0.16);
    --az-confirm-border: rgba(195, 74, 67, 0.22);
}

.azimap-confirm--warning {
    --az-confirm-accent: #c98a1e;
    --az-confirm-accent-soft: rgba(201, 138, 30, 0.16);
    --az-confirm-border: rgba(201, 138, 30, 0.22);
}

.azimap-confirm--success {
    --az-confirm-accent: #1e8e5a;
    --az-confirm-accent-soft: rgba(30, 142, 90, 0.16);
    --az-confirm-border: rgba(30, 142, 90, 0.22);
}

.azimap-confirm--inline {
    pointer-events: auto;
}

.azimap-confirm--modal {
    width: min(100%, 42rem);
}

.azimap-confirm__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem 0.95rem;
}

.azimap-confirm__heading {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.azimap-confirm__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.azimap-confirm__accent {
    width: 0.8rem;
    height: 0.8rem;
    flex: 0 0 0.8rem;
    border-radius: 999px;
    background: var(--az-confirm-accent);
    box-shadow: 0 0 0 0.35rem var(--az-confirm-accent-soft);
}

.azimap-confirm__title {
    margin: 0;
    color: var(--az-confirm-title);
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.15;
}

.azimap-confirm__message {
    margin: 0;
    color: var(--az-confirm-text);
    font-size: 1rem;
    line-height: 1.55;
}

.azimap-confirm__body {
    padding: 0 1.35rem 1.15rem;
}

.azimap-confirm__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 1rem 1.35rem 1.25rem;
    border-top: 1px solid rgba(219, 227, 234, 0.85);
}

.azimap-confirm__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    min-width: 8rem;
    padding: 0.7rem 1.35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

    .azimap-confirm__button:hover,
    .azimap-confirm__button:focus,
    .azimap-confirm__button:focus-visible {
        text-decoration: none;
        outline: none;
    }

.azimap-confirm__button--secondary {
    border-color: #d5dee8;
    background: rgba(255, 255, 255, 0.96);
    color: #44556a;
}

    .azimap-confirm__button--secondary:hover,
    .azimap-confirm__button--secondary:focus,
    .azimap-confirm__button--secondary:focus-visible {
        border-color: #c5d2e2;
        background: #f7fafd;
        color: #324459;
        box-shadow: 0 0 0 0.2rem rgba(148, 163, 184, 0.12);
    }

.azimap-confirm__button--primary,
.azimap-confirm__button--danger {
    border-color: var(--az-confirm-accent);
    background: var(--az-confirm-accent);
    color: var(--az-confirm-button-text);
    box-shadow: 0 10px 20px var(--az-confirm-accent-soft);
}

    .azimap-confirm__button--primary:hover,
    .azimap-confirm__button--primary:focus,
    .azimap-confirm__button--primary:focus-visible,
    .azimap-confirm__button--danger:hover,
    .azimap-confirm__button--danger:focus,
    .azimap-confirm__button--danger:focus-visible {
        border-color: var(--az-confirm-accent);
        background: var(--az-confirm-accent);
        color: var(--az-confirm-button-text);
        box-shadow: 0 0 0 0.2rem var(--az-confirm-accent-soft), 0 12px 22px var(--az-confirm-accent-soft);
        filter: brightness(0.96);
    }

.azimap-confirm__close {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #5f6f82;
    cursor: pointer;
    opacity: 1;
}

    .azimap-confirm__close::before,
    .azimap-confirm__close::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transform-origin: center;
    }

    .azimap-confirm__close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .azimap-confirm__close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .azimap-confirm__close:hover,
    .azimap-confirm__close:focus,
    .azimap-confirm__close:focus-visible {
        background: rgba(219, 227, 234, 0.45);
        color: #334357;
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(148, 163, 184, 0.15);
    }

.azimap-confirm-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    padding: 4rem 1.5rem 1.5rem;
    background: rgba(17, 32, 46, 0.45);
}

.azimap-confirm-modal-dialog {
    width: min(100%, 42rem);
}

.toasts-container .azimap-confirm {
    margin: 0.35rem;
}

.azimap-swal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    min-width: 7.75rem;
    margin: 0.25rem;
    padding: 0.65rem 1.35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background-image: none;
    box-shadow: none;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

    .azimap-swal-button:hover,
    .azimap-swal-button:focus,
    .azimap-swal-button:focus-visible {
        text-decoration: none;
        outline: none;
    }

div:where(.swal2-icon).swal2-success.azimap-swal-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    margin: 2.25rem auto 0.65rem;
    border: 0;
    border-radius: 50%;
    background: #dff5e8;
    color: #16784b;
    line-height: 1;
}

    div:where(.swal2-icon).swal2-success.azimap-swal-success-icon .swal2-icon-content {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 2.15rem;
        line-height: 1;
    }

.azimap-swal-button--primary {
    border-color: #2068df;
    background: #2068df;
    color: #ffffff;
}

    .azimap-swal-button--primary:hover,
    .azimap-swal-button--primary:focus,
    .azimap-swal-button--primary:focus-visible {
        border-color: #1f64d5;
        background: #1f64d5;
        color: #ffffff;
        box-shadow: 0 0 0 0.2rem rgba(32, 104, 223, 0.14);
    }

.azimap-swal-button--secondary {
    border-color: #d5dee8;
    background: #ffffff;
    color: #44556a;
}

    .azimap-swal-button--secondary:hover,
    .azimap-swal-button--secondary:focus,
    .azimap-swal-button--secondary:focus-visible {
        border-color: #c5d2e2;
        background: #f7fafd;
        color: #324459;
        box-shadow: 0 0 0 0.2rem rgba(148, 163, 184, 0.12);
    }

.azimap-swal-button--danger {
    border-color: #c34a43;
    background: #c34a43;
    color: #ffffff;
}

    .azimap-swal-button--danger:hover,
    .azimap-swal-button--danger:focus,
    .azimap-swal-button--danger:focus-visible {
        border-color: #b8443e;
        background: #b8443e;
        color: #ffffff;
        box-shadow: 0 0 0 0.2rem rgba(195, 74, 67, 0.16);
    }

@media (max-width: 767px) {
    .azimap-confirm-modal-backdrop {
        padding: 1rem 0.8rem 0.8rem;
    }

    .azimap-confirm__header,
    .azimap-confirm__actions {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .azimap-confirm__body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .azimap-confirm__actions {
        justify-content: stretch;
    }

    .azimap-confirm__button {
        width: 100%;
    }
}

:root {
    --azi-grid-css-loaded: 1;
}

.azi-grid--map {
    height: 100%;
    width: 100%;
}

.azi-grid--map.report-dashboard-widget {
    background: #ffffff;
    border: 1px solid #d9e0e7;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.azi-grid--map .report-dashboard-widget-header {
    align-items: center;
    background: #f9fafb;
    border-bottom: 1px solid #e3e8ee;
    display: flex;
    gap: 8px;
    min-height: 36px;
    padding: 4px 8px;
}

.azi-grid--map .report-dashboard-widget-title {
    background: transparent;
    border: 0;
    color: #26323f;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
}

.azi-grid--map .azi-grid__title-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.azi-grid--map .report-dashboard-widget-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.azi-grid--map .report-dashboard-grid-tools {
    background: #ffffff;
    border-bottom: 1px solid #e3e8ee;
    display: grid;
    gap: 6px;
    padding: 4px 4px 3px;
    position: sticky;
    top: 0;
    z-index: 30;
}

.azi-grid--map .azi-grid__toolbar {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.azi-grid--map .azi-grid__desktop-action-bar {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.azi-grid--map .azi-grid__desktop-page-size {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
}

.azi-grid--map .azi-grid__desktop-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
}

.azi-grid--map .azi-grid__desktop-search {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
    min-width: 0;
}

.azi-grid--map .azi-grid__mobile-toolbar {
    display: none;
}

.azi-grid--map .azi-grid__paging,
.azi-grid--map .azi-grid__pager-row,
.azi-grid--map .azi-grid__quick-row,
.azi-grid--map .azi-grid__more-panel,
.azi-grid--map .azi-grid__actions {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.azi-grid--map .azi-grid__paging,
.azi-grid--map .azi-grid__pager-row {
    color: #657386;
    flex: 1 1 auto;
    font-size: 12px;
}

.azi-grid--map .azi-grid__quick-row {
    flex: 0 1 auto;
    justify-content: flex-end;
}

.azi-grid--map .azi-grid__actions,
.azi-grid--map .azi-grid__more-panel {
    flex: 0 1 auto;
    justify-content: flex-end;
}

.azi-grid--map .azi-grid__map-filter-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
}

.azi-grid--map .azi-grid__map-filter-apply {
    align-items: center;
    background: #ffffff;
    border: 2px dashed #86c8ad;
    border-radius: 999px;
    color: #198754;
    display: inline-flex;
    font-weight: 600;
    gap: 5px;
    line-height: 1.2;
    padding: 5px 12px;
}

.azi-grid--map .azi-grid__map-filter-apply:hover,
.azi-grid--map .azi-grid__map-filter-apply:focus {
    background: #edf8f2;
    border-color: #60b48e;
    color: #157347;
    text-decoration: none;
}

.azi-grid--map .azi-grid__map-filter-apply.is-applied {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
    text-decoration: none;
}

.azi-grid--map .azi-grid__map-filter-apply.is-applied:hover,
.azi-grid--map .azi-grid__map-filter-apply.is-applied:focus {
    background: #157347;
    border-color: #157347;
    color: #ffffff;
}

.azi-grid--map .azi-grid__map-filter-apply:disabled {
    background: #ffffff;
    border-color: #d4dde5;
    color: #8794a3;
    opacity: 0.75;
}

.azi-grid--map .azi-grid__map-filter-clear {
    align-items: center;
    background: #f0c24b;
    border: 1px solid #f0c24b;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.azi-grid--map .azi-grid__map-filter-clear:hover,
.azi-grid--map .azi-grid__map-filter-clear:focus {
    background: #d8a924;
    border-color: #d8a924;
    color: #ffffff;
    text-decoration: none;
}

.azi-grid--map .azi-grid__footer {
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #e3e8ee;
    bottom: 0;
    color: #657386;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    gap: 8px;
    min-height: 38px;
    padding: 4px;
    position: sticky;
    z-index: 5;
}

.azi-grid--map .azi-grid__more-toggle {
    border-radius: 18px;
    min-height: 32px;
    padding: 4px 12px;
    display: none;
}

.azi-grid--map .report-dashboard-grid-page-input {
    max-width: 48px;
    text-align: center;
}

.azi-grid--map .report-dashboard-grid-page-size {
    max-width: 82px;
}

.azi-grid--map .report-dashboard-grid-search {
    max-width: 280px;
    width: 280px;
}

.azi-grid--map .report-dashboard-grid-search-wrap {
    display: inline-flex;
    position: relative;
}

.azi-grid--map .report-dashboard-grid-search-wrap .report-dashboard-grid-search {
    padding-right: 0.75rem;
}

.azi-grid--map .report-dashboard-grid-search-clear {
    align-items: center;
    background: transparent;
    border: 0;
    color: #657386;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 0;
    width: 18px;
}

.azi-grid--map .report-dashboard-grid-search-clear:hover,
.azi-grid--map .report-dashboard-grid-search-clear:focus {
    color: #245f9f;
}

.azi-grid--map .azi-grid__table {
    background: #ffffff;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0 2px 2px;
    position: relative;
}

.azi-grid--map .azi-grid__table.is-loading {
    cursor: progress;
}

.azi-grid--map .report-dashboard-grid-loading-overlay {
    align-items: center;
    background: rgba(255, 255, 255, 0.72);
    bottom: 2px;
    color: #33465a;
    display: flex;
    font-size: 12px;
    justify-content: center;
    left: 2px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 28px;
    z-index: 7;
}

.azi-grid--map .azi-grid__table-element {
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    margin-bottom: 0;
    white-space: nowrap;
}

.azi-grid--map .azi-grid__table-element th,
.azi-grid--map .azi-grid__table-element td {
    border-right: 1px solid #d9e1ea;
}

.azi-grid--map .azi-grid__table-element th:first-child,
.azi-grid--map .azi-grid__table-element td:first-child {
    border-left: 1px solid #d9e1ea;
}

.azi-grid--map .azi-grid__table-element thead {
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 6;
}

.azi-grid--map .azi-grid__table-element thead th {
    background: #ffffff;
}

.azi-grid--map .report-dashboard-grid-heading {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.azi-grid--map .report-dashboard-grid-heading-label {
    font-weight: 700;
}

.azi-grid--map .report-dashboard-grid-heading-button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #526171;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px;
}

.azi-grid--map .report-dashboard-grid-heading-button:hover,
.azi-grid--map .report-dashboard-grid-heading-button:focus {
    color: #245f9f;
}

.azi-grid--map .report-dashboard-grid-table tr.is-map-selected > td {
    background: #e7f1ff;
}

.azi-grid--map .report-dashboard-grid-action-heading,
.azi-grid--map .report-dashboard-grid-action-cell {
    text-align: center;
    width: 34px;
}

.azi-grid--map .report-dashboard-grid-feature {
    align-items: center;
    color: #245f9f;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 0;
}

.azi-grid--map .report-dashboard-grid-feature:hover,
.azi-grid--map .report-dashboard-grid-feature:focus {
    color: #17446f;
    text-decoration: none;
}

.azi-grid--map .btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.azi-grid--map .azi-grid__row--selected > td {
    background: #e7f1ff;
}

.azi-grid--map .azi-grid__cell--selector {
    cursor: pointer;
}

.azi-grid--map .azi-grid__mapped-toggle {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    margin: 0;
}

.azi-grid--map .azi-grid__mapped-toggle.pretty {
    margin-right: 0;
}

.azi-grid--map .azi-grid__mapped-toggle-icon {
    display: none;
    margin-right: 4px;
}

.azi-grid--map .azi-grid__action-menu {
    align-items: center;
    display: inline-flex;
    position: relative;
}

.azi-grid--map [data-azi-grid-action-menu-toggle] {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #0069d9;
    line-height: 1.2;
    min-height: 0;
    padding: 0 2px;
}

.azi-grid--map [data-azi-grid-action-menu-toggle]:hover,
.azi-grid--map [data-azi-grid-action-menu-toggle]:focus {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #0056b3;
    outline: 0;
    text-decoration: underline;
}

.azi-grid--map [data-azi-grid-action-menu-toggle]:disabled {
    color: #8a96a6;
    cursor: default;
    opacity: 1;
    text-decoration: underline;
}

.azi-grid--map .azi-grid__action-menu-list {
    background: #fff;
    border: 1px solid #d9e0e7;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(31, 45, 61, 0.16);
    min-width: 150px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 31;
}

.azi-grid--map .azi-grid__action-menu-item {
    background: transparent;
    border: 0;
    color: #33465a;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px 8px;
    text-align: left;
    width: 100%;
}

.azi-grid--map .azi-grid__action-menu-item:hover,
.azi-grid--map .azi-grid__action-menu-item:focus {
    background: #eef5fc;
    outline: 0;
}

.azi-grid--map .azi-grid__action-menu-item i {
    flex: 0 0 14px;
    text-align: center;
}

.azi-grid--map .azi-grid__action-menu-item:disabled {
    cursor: default;
    opacity: 0.45;
}

@media (max-width: 767.98px) {
    .azi-grid--map .azi-grid__title-actions {
        display: none;
    }

    .azi-grid--map .report-dashboard-grid-tools {
        padding: 4px;
    }

    .azi-grid--map .azi-grid__toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 6px;
        overflow: hidden;
    }

    .azi-grid--map .azi-grid__desktop-action-bar {
        display: none;
    }

    .azi-grid--map .azi-grid__mobile-toolbar {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 6px;
        overflow: hidden;
        width: 100%;
    }

    .azi-grid--map .azi-grid__footer {
        display: none;
    }

    .azi-grid--map .azi-grid__pager-row,
    .azi-grid--map .azi-grid__quick-row {
        flex: 0 0 auto;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 2px;
        scrollbar-width: thin;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .azi-grid--map .azi-grid__pager-row {
        justify-content: flex-start;
    }

    .azi-grid--map .azi-grid__quick-row {
        justify-content: flex-start;
    }

    .azi-grid--map .azi-grid__more-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .azi-grid--map .azi-grid__more-panel {
        align-items: center;
        border-top: 1px solid #eef2f6;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: flex-start;
        padding-top: 6px;
    }

    .azi-grid--map .azi-grid__more-panel.is-collapsed {
        display: none;
    }

    .azi-grid--map .report-dashboard-grid-search-wrap {
        flex: 1 1 160px;
        max-width: 280px;
        min-width: 120px;
    }

    .azi-grid--map .report-dashboard-grid-search {
        max-width: 280px;
        min-width: 120px;
        width: 100%;
    }

    .azi-grid--map .azi-grid__mapped-toggle {
        background: #ffffff;
        border: 1px solid #c8d2dc;
        border-radius: 6px;
        color: #245f9f;
        flex: 0 0 auto;
        height: 32px;
        justify-content: center;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 32px;
    }

    .azi-grid--map .azi-grid__mapped-toggle input {
        cursor: pointer;
        height: 100%;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .azi-grid--map .azi-grid__mapped-toggle .state {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        margin: 0;
        width: 100%;
    }

    .azi-grid--map .azi-grid__mapped-toggle .state label {
        align-items: center;
        display: flex;
        font-size: 0;
        height: 100%;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .azi-grid--map .azi-grid__mapped-toggle .state label:before,
    .azi-grid--map .azi-grid__mapped-toggle .state label:after {
        display: none !important;
    }

    .azi-grid--map .azi-grid__mapped-toggle input:checked ~ .state {
        background: #e7f1ff;
        color: #1f64d5;
    }

    .azi-grid--map .azi-grid__mapped-toggle-icon {
        display: inline-block;
        font-size: 14px;
        margin-right: 0;
    }

    .azi-grid--map .azi-grid__mapped-toggle-text {
        display: none;
    }
}

#mainContent {
    background: white;
    margin-top: 120px;
}

#mainContent.map-page {
    margin-top: 60px;
}

.full-content {
    overflow-x: auto;
    overflow-y: hidden;
}

#data-grid-btn {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline;
    float: left;
}

.azimap-bottom-graph-panel {
    background: #fff;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.azimap-bottom-graph-panel .azimap-bottom-graph-content {
    height: calc(100% - 32px);
    min-height: 0;
    width: 100%;
}

.azimap-bottom-graph-panel .azimap-bottom-graph-plot {
    height: 100%;
    width: 100%;
}

#message-prompt {
    top: -45px;
    position: absolute;
    display: none;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    background-color: lightgreen;
    padding: 10px;
}

#edit-feature-save {
   /* margin-right: 10px;*/
}

#delete-feature-toast {
    top: -45px;
    position: absolute;
    display: none;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    background-color: lightgreen;
    padding: 10px;
}

#delete-feature-save {
    margin-right: 10px;
}

.hide {
    display: none !important;
}

.ol-tooltip {
    background: #ffffffbf;
    border-radius: 4px;
    padding: 5px;
}

.container-fluid{
    padding-top: 10px;
}

.ol-overlaycontainer-stopevent{
    /*z-index: 1000 !important;*/
}

#routePopupContainer,
#driveTimePopupContainer,
#speedPopupContainer,
#configurePointCloudContainer,
#configureTerrain3dContainer,
#configureModels3dContainer,
#configureLineOfSightContainer,
#configureTerrainVolumeMeasurer,
#configureViewshedContainer,
#StreetviewPanoramaContainer,
#bookmarks-panel,
#StylerContainer {
    /*background-color: #f3f3f3;*/
    z-index: 1000;
}

#StreetviewPanoramaContainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#StreetviewPanoramaContainer .streetview-panorama-header {
    flex: 0 0 auto;
}

#StreetviewPanoramaContainer .streetview-panorama-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#StreetviewPanoramaContainer .streetview-panorama-content > span {
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
}

#StylerContainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
}

#StylerContainer .styler-header {
    align-items: flex-start;
    flex: 0 0 auto;
}

#configureModels3dContainer .content {
    padding: 20px;
}

#models3d-rotation-controls {
    padding-top: 20px;
}

#models3d-rotation-controls .scale-label,
#models3d-rotation-controls .rotation-label {
    padding-top: 20px;
}

#models3d-rotation-controls .rotation,
#models3d-rotation-controls .scale,
#models3d-rotation-controls .adjust-height {
    padding-left: 20px;
}

#models3d-msg {
    margin-top: 20px;
}

.palette-color-picker-button {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f5c86c" d="M2 2h8v8H2z"/><path fill="#f56c6c" d="M12 2h8v8h-8z"/><path fill="#f46ac6" d="M22 2h8v8h-8z"/><path fill="#c3f167" d="M2 12h8v8H2z"/><path fill="#f3f3f3" d="M12 12h8v8h-8z"/><path fill="#c76cf5" d="M22 12h8v8h-8z"/><path fill="#69e369" d="M2 22h8v8H2z"/><path fill="#6bc6f4" d="M12 22h8v8h-8z"/><path fill="#6b6bf5" d="M22 22h8v8h-8z"/><path d="M9 3v6H3V3h6m1-1H2v8h8V2zm9 1v6h-6V3h6m1-1h-8v8h8V2zm9 1v6h-6V3h6m1-1h-8v8h8V2zM9 13v6H3v-6h6m1-1H2v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zM9 23v6H3v-6h6m1-1H2v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8zm9 1v6h-6v-6h6m1-1h-8v8h8v-8z" opacity=".25"/></svg>') center center no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: 0 0 0 1px #bbb;
    border: 2px solid #fff
}.palette-color-picker-bubble{display:none;margin:12px 0;position:absolute;bottom:100%;width:220px;padding:10px 8px 8px 8px;border:1px solid #bbb;border-radius:3px;background-color:#fff; z-index:1}.palette-color-picker-bubble:after,.palette-color-picker-bubble:before{top:100%;left:14px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.palette-color-picker-bubble:after{border-color:transparent;border-top-color:#fff;border-width:8px;margin-left:-8px}.palette-color-picker-bubble:before{border-color:transparent;border-top-color:#bbb;border-width:9px;margin-left:-9px}.palette-color-picker-bubble.downside{bottom:auto;top:100%}.palette-color-picker-bubble.downside:after,.palette-color-picker-bubble.downside:before{top:auto;bottom:100%}.palette-color-picker-bubble.downside:after{border-top-color:transparent;border-bottom-color:#fff}.palette-color-picker-bubble.downside:before{border-top-color:transparent;border-bottom-color:#bbb}.palette-color-picker-bubble .swatch{position:relative;display:inline-block;font:0/0 a;width:12.66%;padding-top:11.00%;margin:1% 2%;outline:1px solid #bbb;border:2px solid #fff;border-radius:3px;cursor:pointer;overflow:hidden}.palette-color-picker-bubble .swatch.active{outline-color:#000;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75)}.palette-color-picker-bubble .swatch.clear{background-color:#fff}.palette-color-picker-bubble .swatch.clear:before{position:absolute;content:'';display:block;top:-1px;left:0;width:100px;height:2px;background-color:#e00;transform-origin:0 0;transform:rotate(45deg)}.palette-color-picker-bubble.double .swatch{width:29.30%;padding-top:11.00%;margin:1% 2%}.palette-color-picker-bubble.double .swatch.clear:before{transform:rotate(22.5deg)}.palette-color-picker-bubble.wide .swatch{width:96.2%;padding-top:11.00%;margin:1% 2%}.palette-color-picker-bubble.wide .swatch.clear{width:12.66%}.palette-color-picker-bubble.force-left{left:-178px}.palette-color-picker-bubble.force-left:after,.palette-color-picker-bubble.force-left:before{left:188px}

#routePopup {
    padding-top: 5px;
}

#streetview-pano {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: auto;
}

.ol-layerswitcher .layer-menu {
    text-align: right;
}

.ol-layerswitcher .layer-menu button {
    /*width: 24px;
    height: 24px;*/
}

.layer-menu-panel {
    /*width: 100px;*/
    position: absolute;
/*    border-radius: 3px;
    background: white;
    padding: 11px;*/
    top: 100px;
    right: 17px;
    z-index: 1000;
    text-align: right;
    /*pointer-events: none;*/
 /*   border-radius:4px;
    border: solid 1px #ccc;*/
}

.layer-menu-3d-configuration, .layer-menu-group-configuration {
    /* width: 24px;
    height: 24px;
    background-color: #dcdcdc;
    background-image: url(/images/ThinkGeo/Large/Layers.png);
    background-repeat: no-repeat;
    background-size: contain;*/
    pointer-events: auto;
}

/*
.layer-menu-group-configuration {
    width: 24px;
    height: 24px;
    background-color: #dcdcdc;
    background-image: url(/images/ThinkGeo/Large/Layers.png);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: auto;
}*/

#terrain-volume-measure-toolbar {
    width: 70px;
    height: 112px;
    padding: 5px;
}

#terrain-volume-measure-toolbar .cesiumMeasureToolbarButton .cesiumMeasureToolbarButton img {
    background-color: black;
    cursor: pointer;
}

.generic-ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}

.generic-ol-popup:after, .generic-ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.generic-ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.generic-ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.generic-ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: -7px;
    right: 5px;
}

    .generic-ol-popup-closer:after {
        content: "\00d7";
        font-size: 1.5em;
        font-weight: bold;
        color: #6d6e79;
    }

.generic-ol-popup .closeBox {
    background-color: rgba(0, 60, 136, 0.5);
    color: #fff;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    font-size: 0.9em;
    font-weight: 700;
    width: 1.4em;
    height: 1.4em;
    margin: 5px 5px 0 0;
    padding: 0;
    position: relative;
    display: none;
}



#styler-style-content {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
    border: solid;
   /* margin: 15px;*/
    border-width: thin;
    border-radius: 4px;
    border-color: #ccc;
}

#styler-main-div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.75rem;
    height: auto;
    min-height: 0;
    overflow: hidden;
}

#styler-main-div .styler-selected-style-row {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

#styler-main-div .styler-selected-style-control {
    flex: 1 1 auto;
    min-width: 0;
}

#styler-main-div .styler-selected-style-row > button.styler-icon-action {
    align-items: center;
    display: inline-flex;
    flex: 0 0 2.75rem;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

#styler-main-div .styler-preview-status {
    background: #f4f8ff;
    border-left: 3px solid #0d6efd;
    color: #263238;
    font-size: 0.9rem;
    margin: 0.5rem 0 0;
    padding: 0.45rem 0.6rem;
}

#styler-main-div .styler-preview-status.is-error {
    background: #fff5f5;
    border-left-color: #dc3545;
    color: #842029;
}

#styler-main-div .styler-selection-region {
    flex: 0 0 auto;
}

#styler-main-div .styler-rules-region {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#styler-feature-style-menu.bottom {
    bottom: 29px;
}

#styler-action-buttons,
#styler-action-buttons .d-flex,
#styler-action-buttons .styler-feature-style-menu-container {
    overflow: visible;
}

#styler-action-buttons .styler-action-row,
#styler-action-buttons .styler-action-group {
    flex-wrap: nowrap;
    gap: 0.25rem;
}

#styler-action-buttons .styler-action-group > * ,
#styler-action-buttons .styler-action-row > * {
    flex: 0 0 auto;
}

#styler-action-buttons .styler-action-group {
    min-width: 0;
}

#styler-action-buttons .styler-feature-style-menu-container {
    position: relative;
}

#styler-action-buttons .dropdown-menu {
    bottom: calc(100% + 0.5rem);
    left: 0;
    margin-bottom: 0.5rem;
    top: auto;
}

#styler-existing-styles-selection .azimap-menu {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}

#styler-new-style-error-msg {
    color: red;
}

#styler-new-point-advanced-content,
#styler-new-point-basic-content {
    margin: 5px;
}

#styler-style-content .preview-rule {
    object-fit: contain;
    width: 72px;
    height: 48px;
    display: inline;
}

#styler-style-content .sld-rule-item {
    border-left: 3px solid transparent;
    padding: 0.25rem 0.4rem;
}

#styler-style-content .sld-rule-item-editable {
    cursor: move;
}

#styler-style-content .sld-rule-dragging {
    opacity: 0.55;
}

#styler-style-content .sld-rule-drop-target {
    border-left-color: #0d6efd;
    background: #f4f8ff;
}

#styler-style-content label {
    position: relative;
    top: -22px;
}

#styler-style-content {
    overflow-y: auto;
}

.styler-symbolizer-stack {
    border: 1px solid #d7dde5;
    border-radius: 6px;
    padding: 0.5rem;
}

.styler-symbolizer-stack-header {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.styler-symbolizer-stack-title {
    font-weight: 600;
    margin-bottom: 0;
}

.styler-symbolizer-stack-add {
    max-width: 9rem;
}

.styler-symbolizer-stack-list {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.styler-symbolizer-stack-row {
    align-items: center;
    border: 1px solid #d7dde5;
    border-radius: 5px;
    display: flex;
    gap: 0.35rem;
    justify-content: space-between;
    min-height: 2.25rem;
    padding: 0.2rem 0.35rem;
}

.styler-symbolizer-stack-row.active {
    background: #eef5ff;
    border-color: #7aa7e8;
}

.styler-symbolizer-stack-select {
    align-items: center;
    background: transparent;
    border: 0;
    color: #2b3035;
    display: flex;
    flex: 1 1 auto;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.1rem 0;
    text-align: left;
}

.styler-symbolizer-stack-index {
    color: #6c757d;
    flex: 0 0 auto;
    font-size: 0.85rem;
}

.styler-symbolizer-stack-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.styler-symbolizer-stack-row-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 0.15rem;
}

.styler-symbolizer-stack-row-actions .btn {
    line-height: 1;
    padding: 0.15rem 0.25rem;
}

#styler-action-buttons {
    position: sticky;
    bottom: 0;
    z-index: 1;
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 0.75rem;
    padding-bottom: calc(0.25rem + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 1rem);
}

.styler-rule-div {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: none;
    min-height: 0;
    padding-bottom: 20px;
}

.styler-advanced-panel {
    padding-top: 0.9rem;
}

.styler-scale-section {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.styler-scale-master,
.styler-scale-option-header {
    align-items: center;
    display: flex;
    gap: 0.45rem;
}

.styler-scale-master-label {
    color: #23272d;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.2;
    margin: 0;
}

.styler-scale-options {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-left: 1.55rem;
}

.styler-scale-option {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.styler-scale-option-label {
    color: #2f3338;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.styler-scale-input-row {
    align-items: center;
    display: grid;
    gap: 0.4rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.styler-scale-input-row label {
    color: #4f5865;
    font-weight: 500;
    margin: 0;
}

.styler-scale-input-row .rule-scale-value {
    width: 100%;
}

.styler-scale-input-row .rule-scale-value:disabled {
    background-color: #edf1f5;
    border-color: #d6dde5;
    color: #7a8491;
    opacity: 1;
}

.styler-current-scale-hint {
    color: #6b7280;
    font-size: 0.86rem;
    line-height: 1.35;
    margin-top: 0.1rem;
}

.styler-advanced-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.7rem;
}

.styler-filter-button {
    align-items: center;
    display: inline-flex;
}

#styler-rule-point-style-div,
#styler-rule-line-style-div,
#styler-rule-polygon-style-div,
#styler-rule-text-style-div,
#styler-rule-heatmap-style-div,
#styler-rule-point-thematic-style-div,
#styler-rule-line-thematic-style-div,
#styler-rule-polygon-thematic-style-div,
#styler-rule-thematic-theme-chooser-div,
#styler-rule-thematic-editor-div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#styler-rule-point-thematic-style-div > form,
#styler-rule-line-thematic-style-div > form,
#styler-rule-polygon-thematic-style-div > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

#styler-rule-point-tabs-content,
#styler-rule-line-tabs-content,
#styler-rule-polygon-tabs-content,
#styler-rule-text-tabs-content {
    flex: 1 1 auto;
    min-height: 0;
}

#styler-rule-point-style-div > div:last-child,
#styler-rule-line-style-div > div:last-child,
#styler-rule-polygon-style-div > div:last-child,
#styler-rule-text-style-div > div:last-child {
    position: sticky;
    bottom: 0;
    z-index: 1;
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 0.75rem;
    padding-bottom: calc(0.25rem + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 1rem);
}

#styler-rule-heatmap-style-div > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#styler-rule-point-thematic-fill-opacity{
    cursor: pointer;
}

#styler-rule-point-tabs {
    padding-bottom: 20px;
}

#styler-rule-point-tabs {
    padding-bottom: 20px;
}

#styler-rule-edit-filter .card {
    padding: 10px;
}

#styler-rule-edit-filter .control {
    display: inline;
    width: auto;
}

#styler-rule-edit-filter input.control {
    width: 108px;
}

#styler-rule-edit-filter div.dropdown.dropstart ul.dropdown-menu {
    top: -100%;
    left: 85%;
}

#styler-rule-edit-filter .filter-group-type-card ul.dropdown-menu > .dropdown-submenu ul.dropdown-menu {
    top: 0%;
    left: 100%;
    display: inline;
}

#styler-rule-edit-filter {
    min-width: 200px;
    min-height: 150px;
}

#styler-rule-edit-filter .styler-filter-node {
    margin-bottom: 0.75rem;
}

#styler-rule-edit-filter .styler-filter-comparison {
    border-radius: 8px;
}

#styler-rule-edit-filter .styler-filter-fields {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(90px, 0.6fr) minmax(0, 1fr);
    gap: 0.75rem;
}

#styler-rule-edit-filter .styler-filter-actions,
#styler-rule-edit-filter .styler-filter-group-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

#styler-rule-edit-filter .styler-filter-actions {
    margin-top: 0.75rem;
}

#styler-rule-edit-filter .styler-filter-group {
    border-left: 3px solid #d7e6ff;
    padding-left: 0.75rem;
}

#styler-rule-edit-filter .styler-filter-group-header {
    background: #f8fafc;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    padding: 0.5rem;
}

#styler-rule-edit-filter .styler-filter-group-operator {
    flex: 0 0 95px;
}

#styler-rule-edit-filter .styler-filter-children {
    margin-left: 0.5rem;
}

#styler-rule-edit-filter .filter-group-type-card > button {
    display: inline !important;
}

#styler-rule-edit-modal .modal-body {
    overflow: auto;
    max-height: 400px;
}

.modal-backdrop {
    background-color: #0000003b;
}

@media (max-width: 575.98px) {
    #styler-rule-edit-filter .styler-filter-fields {
        grid-template-columns: 1fr;
    }
}


.modal-header .btn-close {
    padding: 0.5em 0.5em;
    margin: -0.5em -0.5em -0.5em auto;
}

.modal-wrapper .modal-header {
    pointer-events: auto;
}

.modal-wrapper .modal-footer {
    pointer-events: auto;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25em;
    opacity: .5;
}

.modal-title {
    display: inline;
}

.rule-scale-value {
    display: inline-block;
    width: calc(100% - 32px);
}

.margin-left-25 {
    margin-left: 25px;
}

@media (max-width: 575.98px) {
    .styler-scale-options {
        margin-left: 0;
    }

    .styler-advanced-actions {
        justify-content: stretch;
    }

    .styler-filter-button {
        justify-content: center;
        width: 100%;
    }
}

.tableFixHead {
    overflow: auto;
    height: 100px;
}

.styler-thematic-preview-shell {
    max-height: min(42vh, 28rem);
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 0.75rem;
    border: 1px solid #e5ebf3;
    border-radius: 0.75rem;
    background-color: #fff;
}

.styler-thematic-preview-shell .tableFixHead {
    height: auto;
    overflow: visible;
    margin-bottom: 0;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}


.ol-layer-vector .li-content > img {
    cursor: pointer;
}

.gradient-blue-to-green {
    background: linear-gradient(to right, rgb(0, 0, 255), rgb(0, 255, 0));
    cursor: pointer;
}

.gradient-green-to-red {
    background: linear-gradient(to right, rgb(0, 255, 0), rgb(255, 0, 0));
    cursor: pointer;
}

.gradient-white-to-blue {
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 255));
    cursor: pointer;
}

.gradient-blue-to-green {
    background: linear-gradient(to right, rgb(0, 0, 255), rgb(0, 255, 0));
    cursor: pointer;
}

.gradient-green-to-purple {
    background: linear-gradient(to right, rgb(0, 255, 0), rgb(128, 0, 128));
    cursor: pointer;
}

.gradient-purple-to-red {
    background: linear-gradient(to right, rgb(128, 0, 128), rgb(255, 0, 0));
    cursor: pointer;
}

.gradient-yellow-to-red {
    background: linear-gradient(to right, rgb(255, 255, 0), rgb(255, 0, 0));
    cursor: pointer;
}

.gradient-yellow-to-green {
    background: linear-gradient(to right, rgb(255, 255, 0), rgb(0, 255, 0));
    cursor: pointer;
}

.styler-gradient-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
}

.styler-gradient-table {
    margin-bottom: 0;
}

.styler-gradient-table th {
    border-top: 0;
    color: #202a3b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0 0 0.55rem;
    text-transform: uppercase;
}

.styler-gradient-table td {
    border-color: #e5ebf3;
    padding: 0.7rem 0;
    vertical-align: middle;
}

.styler-gradient-table td:first-child label {
    color: #384354;
    font-size: 0.95rem;
    margin-bottom: 0;
}

.styler-gradient-swatch {
    border: 1px solid #d6e0ec;
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(17, 39, 75, 0.08);
    min-height: 0.9rem;
    padding: 0;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.styler-gradient-swatch:hover {
    border-color: rgba(32, 104, 223, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 24px rgba(32, 104, 223, 0.14);
    transform: translateY(-1px);
}

.styler-gradient-actions {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 0.5rem;
}

.styler-gradient-action-btn {
    border-width: 1px;
    font-size: 0.9rem;
    font-weight: 600;
    min-width: 7.5rem;
    padding: 0.45rem 1rem;
}

.ui-selectmenu-menu {
    z-index: 1000000 !important;
}

.background-size-cover {
    background-size: cover;
}

.custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

/* Dropdown Button */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content div:hover {
    background-color: #ddd
}

/*Allow ol popups text to be selectable*/
.ol-selectable {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/*Pannel Button for side bar menu populated from json files*/
.panel-button {
    border-radius: 4px;
    border: 1px solid #E9F0FC;
    background-color: #E9F0FC;
    margin-bottom: 10px;
}

/*Hover effect for buttons on side bar menu*/
.panel-button:hover {
    background-color: #2068DF;
    color: white;
}

/*Back button on sub menus of sidebar menu*/
.sidebar-menu-back-button {
    width: fit-content;
}

.sideBarMenuImageHolder {
    width: 64px;
    height: 64px;
    overflow: hidden;
    /*margin-right: 2em;*/
   transform: scale(0.6);
}

.sideBarHelpMenuImageHolder {
    width: 64px;
    height: 64px;
    overflow: hidden;
    margin-right: 2em;
}

.sideBarBackgroundImageLocation {
    background-image: url(/images/SpriteSheetMapWizard.png);
    background-position: -643px 0;
}

.sideBarText {
    vertical-align: text-bottom;
}

.JSONItemHolder {
    background-color: #E9F0FB;
    border-radius: 10px;
}

.modalCloseButton {
    border-radius: 15px;
}
.m-1em {
    margin: 1em;
}

.layerTabButton {
    border: outset;
    background: none;
}

.layersTabListHolder {
    position: absolute;
    top: -40px;
    /*background: white;*/
    z-index: 9999;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
}

.btn-link-black {
    color: black;
    text-decoration: none;
}

.btn-wide-6 {
    width: 6em;
}


.form-select.rounded-select option {
    background-color: #fff;
    color: #000;
    width: 75%; /* set the width of the option elements */
}

.h-75vh {
    height: 100%;
    min-height: 0;
}

.max-h-72vh {
    max-height: 100%;
    min-height: 0;
}

.max-h-50vh {
    max-height: 50vh;
}

.h5-5 {
    font-size: 1.125em !important;
    margin: 0;
}



.transform-scale-0-5 {
    transform: scale(0.5);
}

.transform-scale-0-75 {
    transform: scale(0.75);
}

.transform-scale-1-25 {
    transform: scale(1.25);
}

.transform-scale-1-5 {
    transform: scale(1.5);
}

.transform-origin-l {
    transform-origin: left;
}

.transform-origin-r {
    transform-origin: right;
}

.transform-origin-t {
    transform-origin: top;
}

.transform-origin-b {
    transform-origin: bottom;
}

.label-azimap {
    text-transform: uppercase !important;
    font-size: 11px;
    font-weight: 600;
    font-family: sans-serif;
    display: block;
}

.box-shadow-l-t-b {
    box-shadow: -8px 0px 5px -5px rgba(0,0,0,0.3), 0px -6px 5px -5px rgba(0,0,0,0.3), 0px 6px 5px -5px rgba(0,0,0,0.3);
}

.box-shadow-l {
    box-shadow: -5px 0px 5px RGB(0,0,0,0.3);
}

.box-shadow-r {
    box-shadow: 5px 0px 5px RGB(0,0,0,0.3);
}

.box-shadow-t {
    box-shadow: 0px -5px 5px RGB(0,0,0,0.3);
}

.box-shadow-b {
    box-shadow: 0px 5px 5px RGB(0,0,0,0.3);
}


.visual-query {
    padding: 1em;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.condition {
    display: flex;
    align-items: center;
    padding: 0.5em;
}

.table-field,
.operator,
.value,
.logic {
    margin-right: 0.5em;
}

.table-field {
    font-weight: bold;
}

.operator,
.value {
    font-style: italic;
}

.logic {
    text-transform: uppercase;
}

.sql-keyword {
    color: #0000ff;
    font-weight: bold;
}

.sql-operator {
    color: #ff0000;
    font-weight: bold;
}

.sql-table {
    color: #008000;
    font-weight: bold;
}

#data-grid-div .nav-item {
    background-color: white;
}

#data-grid-div .nav .active {
    background-color: #2068DF;
}

#data-grid-div .nav-item  {
    border-radius: 4px 4px 0 0;
}

#data-grid-div .nav .active .nav-link {
    color: white;
}

.layer-menu-panel1 {
    position: fixed;
    z-index: 1001
}

.w-32 {
    width: 32px !important;
}

[contenteditable=true]:focus {
    outline: 1px solid black;
    padding: 1px 5px 1px 5px;
    border-radius: 4px;
}

.ol-switchertopdiv, .ol-switcherbottomdiv {
    z-index: 13 !important;
}



.ol-layerswitcher .panel .ol-header, .ol-layerswitcher .panel .layerswitcher-opacity-parent {
    position: sticky;
    top: 0;
    background: white; /* or your preferred background color */
}

.ol-layerswitcher .panel .ol-header {
    z-index: 14;
}

.ol-layerswitcher .panel .layerswitcher-opacity-parent {
    bottom: 0px;
    top: auto;
    z-index: 13;
    overflow: auto;
    padding: 0.5em;
}

.ol-layerswitcher .panel {
    max-height: 75vh;
    overflow: auto;
}
.center-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.success-message {
    position: fixed;
    left: 50%;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    opacity: 0.8;
    transform: translate(-50%);
}

.btn-grid-sm {
    line-height: 1.24em;
    padding-top: 0;
    padding-bottom: 0;
}

.hoverPopup-overlay  {
    width: auto;
    max-width: 35em;
    display:inline-block;
}
#hover-popup, #utfgrid-popup {
    display: none;
    /*position: absolute;*/
    background-color: #fff;
    border: 1px solid rgb(109 110 121 / 60%);
    border-radius: 5px;
    padding: 0.5em;
    font-size: 0.9em;
    min-width: 0;
}

    #hover-popup h1, #utfgrid-popup h1 {
        color: #ccc !important;
        margin: 0 0 0.5em 0 !important;
        font-size: 1em !important;
    }

/* styles are directly copied from azi-heading class*/
    #hover-popup h1, #utfgrid-popup h1 {
        font-weight: bold;
        text-align: center;
        width: 100%;
        background: #6d6e79;
        color: white !important;
        border-radius: 4px 4px 0 0;
        margin-bottom: 5px;
        padding: 0px 10px 2px 10px;
        line-height: 1.3 !important;
    }

    #hover-popup table, #utfgrid-popup table {
        width: auto; /* size to content */
        table-layout: auto;
    }

    #hover-popup tr:nth-child(2n+1), #utfgrid-popup tr:nth-child(2n+1) {
        background-color: #eee;
    }

    #hover-popup table tr td:first-child, #utfgrid-popup table tr td:first-child {
        font-weight: bold;
    }

    #hover-popup table td {
        padding-right: 1em;
        word-wrap: break-word;
    }

#hover-popup table td {
    max-width: 25em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azi-heading {
    font-weight: bold;
    text-align: center;
    width: 100%;
    background: #6d6e79;
    color: white;
    border-radius: 5px 5px 0 0;
    margin-bottom: 5px;
    padding: 0px 10px 2px 10px;
}

.ol-popup .ol-popupfeature .azi-popup-btn {
    border: 0;
    width: 2em;
    height: 2em;
    display: inline-block;
    position: relative;
    background: transparent;
    outline: none;
    margin-left: 0.125em;
}

.ol-popup .ol-popupfeature .azi-custom-popup-btn {
    width: auto;
    height: auto;
    margin-left: 1em;
}

.ol-popup .ol-popupfeature .azi-editdata {
    /*color: rgba(0,60,136,.5);*/
}

.ol-popup .ol-popupfeature .azi-savedata {
    color: #34b233;
}

.ol-popup .ol-popupfeature .azi-canceldata {
    color: #ff0033;
}

.ol-popupfeature td[contenteditable] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
    border-radius: 4px;
    padding: 2px 3px;
    cursor: auto;
    width: -webkit-fill-available;
    /*width: 398px;*/
}

.ol-popupfeature table tbody {
    display: block;
    max-height: 250px;
}

.ol-popupfeature table tr .azi-editrow {
    visibility: hidden;
    cursor: pointer;
    color: rgba(0,60,136,.5);
}

.ol-popupfeature table tr .azi-saverow {
    cursor: pointer;
    color: #34b233;
    margin-right: 0.25em;
}

.ol-popupfeature table tr .azi-cancelrow {
    cursor: pointer;
    color: #ff0033;
}

/* Show the icon on row hover */
.ol-popupfeature table tr:hover .azi-editrow {
    visibility: visible;
}

.ol-viewport {
    container-type: size;
}

#geocoderTb {
    border-radius: 60px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    border: none;
}

#GeocoderCont {
    top: 0.5em !important;
    left: 0.5em !important;
}

.azimap-pill-autocomplete.azimap-autocomplete-open > input.form-control,
.azimap-pill-autocomplete.azimap-autocomplete-open .easy-autocomplete > input.form-control {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.azimap-pill-autocomplete .easy-autocomplete-container {
    border-radius: 0 0 24px 24px;
}

.azimap-pill-autocomplete .easy-autocomplete-container ul {
    background: #fff;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0 0 24px 24px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
    margin-top: 0;
    overflow: hidden;
    top: 0;
}

.azimap-pill-autocomplete .easy-autocomplete-container ul li,
.azimap-pill-autocomplete .easy-autocomplete-container ul .eac-category {
    border-color: rgba(0, 0, 0, 0.08);
    border-width: 0;
    padding: 8px 16px;
}

.azimap-pill-autocomplete .easy-autocomplete-container ul li + li,
.azimap-pill-autocomplete .easy-autocomplete-container ul .eac-category + li {
    border-top-width: 1px;
}

.azimap-pill-autocomplete .easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 24px 24px;
}

.azimap-pill-select2 .select2-selection {
    border-radius: 24px;
}

.azimap-pill-select2.select2-container--open .select2-selection {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.azimap-pill-select2-dropdown {
    background: #fff;
    border-radius: 0 0 24px 24px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

/* utility toolbar */
.azi-toolbar-utility .ol-control button {
    background-color: #333;
    color: white;
}

.azi-toolbar-utility .ol-control.ol-legend {
    max-height: 50vh;
    background-color: rgba(255,255,255,.9);
    z-index: auto;
}

.azi-toolbar-utility .ol-control.ol-legend:hover {
    background-color: rgba(255,255,255,1);
}

.azi-toolbar-utility .ol-control.ol-legend.ol-collapsed button:first-child {
    margin-top: 0;
}

/* main horizontal toolbar */
.azi-toolbar-black.ol-unselectable.ol-control.ol-bar.ol-top {
    pointer-events: auto;
    position: absolute;
    padding: 5px 10px;
    background: #333;
    border: 2px solid white;
    display: flex;
    justify-items: center;
    align-items: center;
    border-radius: 1000px;
    top: 0.2em;
    left: 50%;
    transform: translateX(-50%) scale(0.75);
    transform-origin: top;
}



/* all ol-button inner buttons */
.azi-toolbar-black.ol-bar .ol-button button {
    background-color: transparent !important;
    color: white;
    filter: brightness(10);
    height: 50px;
    width: 50px;
    font-size: 30px;
}

/* all ol-button hover */
.azi-toolbar-black.ol-control .ol-button:hover {
    background-color: white;
    border-radius: 50px;
}

/* all ol-button inner button when ol-button is hovered */
.azi-toolbar-black.ol-control .ol-button:hover button {
    color: black;
}

/* azi-toolbar-icon when ol-button is hovered */
.azi-toolbar-black.ol-control .ol-button:hover .azi-toolbar-icon {
    filter: brightness(0);
}

/* ol-button in sub menu */
.azi-toolbar-black.ol-control .ol-option-bar .ol-button:hover {
    background-color: black;
    border-radius: 50px;
}

/* sub menu button hover inner button */
.azi-toolbar-black.ol-control .ol-option-bar .ol-button:hover button {
    color: white !important;
}

/* sub menu button hover azimap icon */
.azi-toolbar-black.ol-control .ol-option-bar .ol-button:hover .azi-toolbar-icon {
    filter: brightness(10) !important;
}

/* first small dashed line below toggle buttons */
.azi-toolbar-black.ol-bar .ol-button.ol-toggle:after {
    content: "";
    display: block;
    height: 1px;
    width: 10px;
    background-color: white;
    margin: auto;
    bottom: 5px;
    position: relative;
}

/* hide first small dashed line below toggle buttons in sub menu */
.azi-toolbar-black.ol-bar .ol-option-bar .ol-button.ol-toggle:after {
    content: none;
}

/* make first small dashed line black when button hovered */
.azi-toolbar-black.ol-control .ol-button:hover.ol-toggle:after {
    background-color: black;
}

/* second smaller dashed line below toggle buttons */
.azi-toolbar-black.ol-bar .ol-button.ol-toggle:before {
    content: "";
    display: block;
    height: 1px;
    width: 4px;
    background-color: white;
    margin: auto;
    bottom: 0;
    top: 100%;
    top: 49px;
    margin: auto;
    position: relative;
    z-index: 1;
}

/* hide second smaller dashed line below toggle buttons in sub menu */
.azi-toolbar-black.ol-bar .ol-option-bar .ol-button.ol-toggle:before {
    content: none;
}

/* make second smaller dashed line black when button hovered */
.azi-toolbar-black.ol-control .ol-button:hover.ol-toggle:before {
    background-color: black;
}

/* specific override for toolbarZoomToNextFeature */
.azi-toolbar-black .azi-toolbar-icon.toolbarZoomToNextFeature {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -363px 0px !important;
    transform: scale(1.6) scaleX(-1);
}

/* specific override for layerPanelModifyConfig */
.azi-toolbar-black .azi-toolbar-icon.layerPanelModifyConfig {
    background-image: url(/images/switchersprite.png) !important;
    background-position: 0px -105px !important;
}

/* specific override for toolbarSwipe */
.azi-toolbar-black .azi-toolbar-icon.toolbarSwipe {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -966px 0px !important;
}

/* specific override for toolbarNetworkAndRouting */
.azi-toolbar-black .azi-toolbar-icon.toolbarNetworkAndRouting {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -1008px 0px !important;
}

/* specific override for toolbarMoveFeature */
.azi-toolbar-black .azi-toolbar-icon.toolbarMoveFeature {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -189px 0px !important;
}

/* specific override for toolbar-bookmark */
.azi-toolbar-black .azi-toolbar-icon.toolbar-bookmark {
    background-image: url(/Images/HeaderSpriteSheet.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px -457px !important;
}

/* specific override for toolbar-visualisation */
.azi-toolbar-black .azi-toolbar-icon.toolbar-visualisation {
    background-image: url(/Images/HeaderSpriteSheet.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px -130px !important;
}

.azi-toolbar-black.ol-control.ol-bar .ol-control button {
    margin: 0;
}

.azi-toolbar-black.ol-control.ol-bar.ol-bar .ol-active.ol-button.ol-toggle:after,
.azi-toolbar-black.ol-control.ol-bar.ol-bar .ol-active.ol-button.ol-toggle:before {
    background-color: black;
}

.azi-toolbar-black .azi-toolbar-icon {
    transform: scale(1.6);
    margin: auto;
}

.azi-toolbar-black .fazi2-measure-line {
    font-size: 0.8em;
}

.azi-toolbar-black .ol-active .azi-toolbar-icon {
    filter: brightness(0) !important;
}

/* sub menu bar */
.azi-toolbar-black .ol-group.ol-option-bar {
    background-color: #fff !important;
    transform: translate(calc(-50% + 25px), -10px) !important;
    border-radius: 60px !important;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1) !important;
    padding: 5px !important;
}

/* sub menu extended tools bar */
.azi-toolbar-black .ol-group.ol-option-bar.ol-extendedtoolbars {
    transform: translateY(100%);
}

/* sub menu extended tools bar when active */
.azi-toolbar-black .ol-active .ol-group.ol-option-bar.ol-extendedtoolbars {
    display: flex !important;
    flex-direction: column;
}

/* all buttons */
.azi-toolbar-black .ol-button {
    -webkit-transition: background-color 150ms ease, color 150ms ease;
    -ms-transition: background-color 150ms ease, color 150ms ease;
    transition: background-color 150ms ease, color 150ms ease;
    border-radius: 50px;
}

.azi-toolbar-black .ol-group.ol-option-bar .ol-control button {
    color: black;
}

/* active button */
.azi-toolbar-black .ol-active {
    background: white !important;
}

/* active button inner button */
.azi-toolbar-black .ol-active button {
    color: black !important;
}

/* left inverted curve above sub menu */
.azi-toolbar-black.ol-control.ol-bar .ol-option-bar:before {
    content: "";
    position: absolute;
    bottom: calc(100% - 0px);
    background-color: transparent;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: calc(50% - 25px - 25px);
    box-shadow: 12px 12px 0px 2px #fff;
    pointer-events: none;
    border: none;
}

/* right inverted curve above sub menu */
.azi-toolbar-black.ol-control.ol-bar .ol-option-bar:after {
    content: "";
    position: absolute;
    bottom: calc(100% - 0px);
    background-color: transparent;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: calc(50% + 25px);
    box-shadow: -12px 12px 0px 2px #fff;
    z-index: -1;
    pointer-events: none;
    border: none;
}


.azi-toolbar-black .azi-toolbar-single:before {
    display: none !important;
}

.azi-toolbar-black .azi-toolbar-single:after {
    display: none !important;
}

.azi-toolbar-black .toolbar-extended-sub-menu .ol-active,
.azi-toolbar-black .showToolTipButton.ol-toggle.ol-button.ol-unselectable.ol-control.ol-active {
    /*background-color: black !important;*/
    border: 2px black dashed;
}



.azi-toolbar-black .toolbar-extended-sub-menu .ol-active .azi-toolbar-icon {
    filter: none;
}

.geocoderCont-overlay, .hover-coordinate-overlay {
    display: block !important;
}

@media (max-width: 1050px) {
    .azi-toolbar-black.ol-unselectable.ol-control.ol-bar.ol-top {
        left: 2em;
        transform: scale(0.75);
        transform-origin: top left;
    }

    #GeocoderCont {
        top: 4.5em !important;
        left: 2.5em !important;
    }

    .azi-toolbar-black {
        z-index: 1;
    }

    .azi-toolbar-black .toolbar-extended-sub-menu-edit.ol-group.ol-option-bar {
        transform: translate(calc(-17% + 25px), -10px) !important;
    }
    /* left inverted curve above sub menu */
    .azi-toolbar-black .toolbar-extended-sub-menu-edit:before {
        left: calc(17% - 25px - 25px) !important;
    }
    /* right inverted curve above sub menu  */
    .azi-toolbar-black .toolbar-extended-sub-menu-edit:after {
        left: calc(17% + 25px) !important;
    }

    .azi-toolbar-black .toolbar-extended-sub-menu-long.ol-group.ol-option-bar {
        transform: translate(calc(-35% + 25px), -10px) !important;
    }

    .toolbar-extended-sub-menu-select:before {
        content: "";
        position: absolute;
        bottom: calc(100% - 11px) !important;
        box-shadow: 18px 6px 0px 2px #fff !important;
    }

    .azi-toolbar-black .toolbar-extended-sub-menu-select.ol-group.ol-option-bar {
        transform: translate(calc(-22% + 25px), -10px) !important;
    }
    /* left inverted curve above sub menu */
    .azi-toolbar-black .toolbar-extended-sub-menu-select:before {
        left: calc(11% - 13px - 16px) !important;
    }
    /* right inverted curve above sub menu */
    .azi-toolbar-black .toolbar-extended-sub-menu-select:after {
        left: calc(22% + 25px) !important;
    }
}

@media only screen and (hover: none) and (pointer: coarse) {
    .azi-toolbar-black.ol-unselectable.ol-control.ol-bar.ol-top
    {
        /*transform: unset;
        transform-origin: unset;*/
    }

    #GeocoderCont {
        top: 5em !important;
    }
}

.azi-baselayer-switcher {
    background: white;
    border-radius: 5px 0 5px 5px;
    border: 1px solid rgba(109,110,121,0.6) !important;
    margin-right: 1px !important;
}

.bor-rad-15 {
    border-radius: 15px;
}

.azi-baselayer-switcher-group {
    /*background: #eee;*/
    border-top: #ccc 1px dashed;
    padding: 0.5em 0.5em;
}
.azi-baselayer-switcher-group-top {
    border-top:none;
    padding: 0.5em 0.5em;
}

.azi-baselayer-switcher-group:empty {
    display: none;
}

.azi-baselayer-switcher-group li {
    border-radius: 15px;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    padding: 0;
}

.azi-baselayer-switcher-group li:hover {
    filter: brightness(0.8);
}

.azi-baselayer-switcher-group li img {
    position: static;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    display: block;
}

.azi-baselayer-switcher-group li.azimap-basemap-preview:not(.ol-visible):not(.select) {
    border-color: transparent;
}

.azi-baselayer-switcher-group li.azimap-basemap-preview.ol-visible,
.azi-baselayer-switcher-group li.azimap-basemap-preview.select {
    border-color: red;
}

.azi-baselayer-switcher-group p {
    display: none !important;
}
/*
    ol-layerswitcher copied classes
*/

/*
    end of
*/
.azi-layer-switcher .panel-container {
    border: 1px solid rgba(109,110,121,0.6);
    margin-right: 1px;
}

.ol-layerswitcher > button {
    height: 50px;
    width: 50px;
/*    background-position: center;
    background-size: 36px 36px;*/
    border-radius: 50px 50px 0 0;
    background-color: #333;
/*    background-image: url(../images/ThinkGeo/Large/LayersWhite.png);*/
    border: 2px solid white;
    border-bottom: none;
}

.ol-layerswitcher-image > button {
    height: 50px;
    width: 50px;
/*    background-position: center;
    background-size: 36px 36px;*/
    border-radius: 0 0 50px 50px;
    background-color: #333;
/*    background-image: url(../images/ThinkGeo/Large/BaseLayerWhite.png);*/
    top: 12px !important;
    border: 2px solid white;
    border-top: none;
}

    .ol-layerswitcher-image > button:hover::before,
    .ol-layerswitcher-image.ol-forceopen > button::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
/*        background-image: url(../images/ThinkGeo/Large/BaseLayerWhite.png);
        background-position: center;
        background-repeat: no-repeat;*/
        filter: brightness(0); 
      
    }
.ol-layerswitcher-image.ol-forceopen > button {
    border-radius: 0;
}

.ol-layerswitcher > button:after, .ol-layerswitcher > button:before {
    transform: scaleY(.8) rotate(360deg) !important;
}

.ol-layerswitcher-image > button:after, .ol-layerswitcher > button:after {
    background: none !important;
    background-image: none !important;
   
}

.ol-layerswitcher-image > button:before, .ol-layerswitcher > button:before {
    position: fixed;
    transform: scaleY(.8) rotate(360deg) !important;
}
.ol-layerswitcher-image > button:hover,
.ol-layerswitcher-image.ol-forceopen > button {
    color: white;
    height: 50px;
    width: 50px;
/*    background-position: center;
    background-size: 36px 36px;
    background-color: white !important;
    background-image: url(../images/ThinkGeo/Large/BaseLayerWhite.png);*/

    margin-bottom: 0px;
}


.ol-layerswitcher > button:hover::before,
.ol-layerswitcher.ol-forceopen > button::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    background-image: url(../images/ThinkGeo/Large/LayersWhite.png);
    background-position: center; 
    background-repeat: no-repeat; */
    filter: brightness(0); 
}

.ol-layerswitcher-image > button:before, .ol-layerswitcher > button:before {
    background: fixed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ol-layerswitcher-image > button:hover,
.ol-layerswitcher-image.ol-forceopen > button {
    border-top: 1px solid rgba(109,110,121,0.6);
    border-left: 1px solid rgba(109,110,121,0.6);
    border-right: 1px solid rgba(109,110,121,0.6);
    border-bottom: none;
}

.ol-layerswitcher > button:hover,
.ol-layerswitcher.ol-forceopen > button {
    color: white;
    height: 50px;
    width: 50px;
/*    background-position: center;
    background-size: 36px 36px;
    background-color: white !important;
    background-image: url(../images/ThinkGeo/Large/LayersWhite.png);*/
    /*border: 2px solid black;*/
    margin-bottom: -1px;
    border-top: 1px solid rgba(109,110,121,0.6);
    border-left: 1px solid rgba(109,110,121,0.6);
    border-right: 1px solid rgba(109,110,121,0.6);
    border-bottom: none;
}

.ol-layerswitcher .panel-container {
    border-radius: 5px 0 5px 5px !important;
}

.ol-layerswitcher-image.ol-forceopen > button:after {
    background-color: white !important;
    width: 49px !important;
    height: 15px !important;
    left: -1px !important;
    top: 35px !important;
    transform: none;
}
.ol-layerswitcher > button:hover,
.ol-layerswitcher.ol-forceopen > button,
.ol-layerswitcher-image > button:hover,
.ol-layerswitcher-image.ol-forceopen > button {
    background-color: white !important;

}
/* Icon font styling inside the buttons */
.ol-layerswitcher > button i {
    font-size: 36px; /* Adjust to mimic original icon sizing */
    color: white;
    /* Optional transform effect if desired */
    transform: scaleY(0.8) rotate(360deg);
}
/* Icon font styling inside the buttons */
.ol-layerswitcher-image > button i {
    font-size: 30px; /* Adjust to mimic original icon sizing */
    color: white;
    /* Optional transform effect if desired */
    transform: scaleY(0.8) rotate(360deg);
}
/* Change icon color on hover for contrast */
.ol-layerswitcher > button:hover i,
.ol-layerswitcher.ol-forceopen > button i,
.ol-layerswitcher-image > button:hover i,
.ol-layerswitcher-image.ol-forceopen > button i {
    color: #333;
}

.data-grid-btn {
    border-radius: 25px 25px 0 0;
    color: white;
    background-color: #333;
    z-index: 1;
}

.ol-closebox-p10 {
    padding-top: 10px !important;
}



.ol-closebox-white::before {
    color: white !important;
}

.ol-closebox-black::before {
    color: black !important;
}

.ol-control.ol-legend {
    padding: 0.5em;
    border-radius: 5px;
}

.ol-control.ol-legend.ol-collapsed {
    padding: 0;
    border-radius: 0;
}

/* allows the middle pagination div of the data grid (Previous and Next buttons) to be centered correctly */
    div .dataTables_wrapper div.dataTables_info {
    flex: 1;
}
div.baseContainer div.dt-buttons {
    flex: 1;
}

.legendPopUpLayerSwitcher {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    z-index: 1000;
    position: absolute;
    padding: 0.5em;
    max-height: 200px;
    overflow: hidden;
}


.legendPopInner {
    padding: 0.5em;
    display: block;
    width: 100%;
    max-height: calc(200px - 1em);
    overflow-x: hidden;
    overflow-y: auto;
}

.legendPopSubtitle {
    color: #4f4f56;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0.6em;
    text-align: center;
}

.legendPopUpImg {
    max-width: 100%; 
    height: auto; 
    display: block; 
}

#dataTableContainer,
#dataTableContainer > tbody,
#dataTableContainer > tbody > tr,
#dataTableContainer > tbody > tr > td {
    display: block;
}

div.dataTables_paginate li.next a:after {
    top: 7px !important;
}

div.dataTables_paginate li.previous a:before {
    top: 7px !important;
}

table.dataTable td {
    padding: 2px 6px 2px 6px !important;
}

/* override zoom button beside ids in data grid */
.showOnHoverEd .zoom-text {
    padding: 0 10px;
}


.layer-switcher-internal-ul {
    margin-left: 0px;
    padding-left: 0px !important;
}

.ol-layer-3d {
    height: auto;
    transition: height 0.3s ease-out;
}

.ol-layer-3d.collapsed {
    height: 0;
    overflow: hidden;
}

/* Hide all hover icons by default */
.show-hover-drag,
.show-hover-drag-group,
.show-hover-suggest-group {
    visibility: hidden;
}

/* Make hover icons visible on mobile devices */
@media (max-width: 768px) {
    .show-hover-drag,
    .show-hover-drag-group,
    .show-hover-suggest-group {
        visibility: visible;
    }
}

.azimap-popup-carousel-viewport {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
}

.azimap-popup-carousel-track {
    display: flex;
    width: 100%;
    transition: transform 0.6s ease;
}

.azimap-popup-carousel-page {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    min-width: 100%;
    text-align: center;
    font-size: 14px;
    background: #fff;
    align-items: start;
}

.azimap-popup-carousel-page-single {
    grid-template-columns: minmax(0, 1fr);
}

.azimap-popup-carousel-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
}

.azimap-popup-carousel-pagination {
    width: 100%;
    text-align: center;
    margin-top: 6px;
}

.azimap-popup-carousel-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;
    display: inline-block;
    border: none;
    border-radius: 50%;
    background-color: #ccc;
    opacity: .4;
    cursor: pointer;
}

.azimap-popup-carousel-bullet-active {
    opacity: 1;
    background-color: #333;
}

.ol-popup-images-azimap .img-thumbnail {
    height: 150px;
}

.ol-popup-images-azimap .ol-popup-images-ellipsis {
    max-width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.azimap-image-edit-buttons {
    position: absolute;
    right: 20px;
    bottom: 0;
}


/* Lightbox Styles */
.azimap-hidden {
    display: none;
}

.azimap-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

.azimap-lightbox-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    padding: 10px;
}

.azimap-lightbox-close {
    position: absolute;
    top: -10px;
    right: 0;
    background: none;
    border: none;
    color: black;
    font-size: 24px;
    cursor: pointer;
}

.azimap-lightbox-image {
    width: 100%;
    height: auto;
    display: block;
}

.azimap-lightbox-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.azimap-lightbox-left {
    left: 10px;
}

.azimap-lightbox-right {
    right: 10px;
}

.azimap-lightbox-title {
    font-size: larger;
    font-weight: bolder;
    text-align: center;
}

.azimap-lightbox-description {
    text-align: center;
}

























.width-100-29 {
    width: calc(100% - 29px);
}

.no-wrap {
    white-space: nowrap;
}

.ol-hover-coordinate {
    position: absolute;
    display: block;
    bottom: 8px;
    right: 0.5em;
    background: var(--ol-partial-background-color);
    border-radius: 4px;
    font-family: sans-serif;
    padding: 1px 5px 0 5px;
    font-size: 13px;
}

/* Main floating window styles */
.floating-window {
    width: 500px;
    height: 400px;
    position: fixed;
    bottom: 100px; /* Initial position */
    right: 100px;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 1000; /* Keeps the window on top */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    resize: both; /* Enables resizing */
    overflow: hidden;
    border-radius: 8px; /* Adds rounded corners */
}

/* Window header styling */
.window-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    /*background-color: #f4f4f4;*/
    border-bottom: 1px solid #ddd;
    cursor: move; /* Indicates draggable */
    font-weight: bold;
    touch-action: none;
}

/* Title text within the header */
.window-title {
    font-size: 1rem;
    color: white;
}

/* Control button styles (close and minimize) */
.window-controls {
    display: flex;
    gap: 5px;
    color: white;
}

.window-controls .btn-floating-close,
.window-controls .btn-floating-minimize {
    background: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    padding: 2px 5px;
    opacity: 1;
}

.window-controls .btn-floating-close:hover,
.window-controls .btn-floating-minimize:hover {
    /*color: #666;*/
    opacity: 0.6;
}

/* Window content area for dynamic content like charts */
.window-content {
    padding: 15px;
    overflow: auto; /* Allows scrolling if content overflows */
    height: calc(100% - 40px); /* Adjust height to fit with header */
}

/* Minimized window style */
.minimized {
    width: 200px; /* Compact width */
    height: 50px; /* Compact height */
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

/* Style for minimized deck dropdown */
.deck-dropdown {
    position: absolute;
    bottom: 60px; /* Position above minimized windows */
    right: 0;
    background-color: #6d6e79;
    color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    display: none; /* Hidden by default */
    z-index: 1001;
}

.deck-dropdown div {
    padding: 5px;
    cursor: pointer;
}

.deck-dropdown div:hover {
    background-color: #4d4d57;
    border-radius: 5px;
}

.white-col {
    color: white !important;
}

.panel-fill-host {
    height: 100%;
    min-height: 0;
}

.panel-fill-column {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.panel-scroll-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.side-menu-panel-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.chartConfigContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.chartConfigPanel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.chartConfigPanelHeader,
.chartConfigPanelFooter {
    flex-shrink: 0;
}

.chartConfigPanelBody {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.chartConfigPanelFooter {
    margin-top: auto;
}

/*styler additions*/
.btn-low {
    height: 1.5em;
    line-height: 0.5em;
}

.multiSelectSelector .dotvvm-bp-primitive_input,
.multiSelectSelector .dotvvm-bp-primitive_popup {
    width: 100%;
}

.map-height-width-azimap {
    height: calc(100vh - 60px);
    width: 100%;
}

.map-height-width-azimap-embed {
    height: 100vh;
    width: 100%;
}
/*Code for ol arribution overrides*/
.ol-attribution button {
    background-color: #333;
    color: white !important;
}
.ol-attribution button:hover {
    background-color: white;
    color: black !important;
}

.azimap-map-header-overflow-source {
    display: flex;
}

.azimap-mobile-header-overflow-toggle {
    display: none !important;
}

@media (max-width: 768px) {
    .tooltip {
        display: none !important;
    }

    html,
    body {
        height: 100%;
        overflow: hidden;
    }

    body > .d-flex,
    #FullContent {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    #FullContent {
        display: flex;
        flex-direction: column;
    }

    #OuterDiv,
    #mainContentMap,
    #Fullcontent {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        height: auto !important;
        min-height: 0;
        overflow: hidden;
    }

    #main-map-header-azimap.azimap-map-header {
        flex: 0 0 auto;
        height: auto !important;
        min-height: 56px;
        gap: 0.5rem;
        overflow: visible;
        padding: calc(0.45rem + env(safe-area-inset-top, 0px)) 0.65rem 0.45rem 0.65rem !important;
        z-index: 140 !important;
    }

    #main-map-header-azimap.azimap-map-header > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    #main-map-header-azimap .azimap-map-title {
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        line-height: 1.15;
    }

    #main-map-header-azimap .azimap-map-header-actions {
        align-items: center;
        display: grid !important;
        flex: 0 0 90px;
        gap: 0.35rem;
        grid-template-columns: 42px 42px;
        justify-content: flex-end;
        max-width: none;
        overflow: visible;
        position: relative;
    }

    #main-map-header-azimap .azimap-map-header-actions .btn {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        margin-right: 0 !important;
        padding: 0;
        align-items: center;
        display: inline-flex;
        justify-content: center;
    }

    #main-map-header-azimap .azimap-map-header-actions .fa-stack {
        width: 1.6em;
        height: 1.6em;
        line-height: 1.6em;
    }

    #main-map-header-azimap .azimap-map-header-overflow-source {
        align-items: center;
        background: #fff;
        border: 1px solid rgba(109, 110, 121, 0.35);
        border-radius: 10px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
        display: none !important;
        gap: 0.45rem;
        overflow: visible;
        padding: 0.5rem;
        position: absolute;
        right: 0;
        top: calc(100% + 0.35rem);
        z-index: 220;
    }

    #main-map-header-azimap .azimap-map-header-overflow-source .btn {
        align-items: center !important;
        display: inline-flex !important;
        flex: 0 0 42px !important;
        height: 42px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        width: 42px !important;
    }

    #main-map-header-azimap .azimap-map-header-overflow-source .fa-stack {
        display: inline-block;
        font-size: 13px;
        height: 2em;
        line-height: 2em;
        width: 2em;
    }

    #main-map-header-azimap .azimap-map-header-overflow-source .fa-stack-1x,
    #main-map-header-azimap .azimap-map-header-overflow-source .fa-stack-2x {
        left: 0;
        line-height: inherit;
        text-align: center;
        width: 100%;
    }

    #main-map-header-azimap .azimap-map-header-overflow-source .fa-stack-1x {
        font-size: 0.85em;
        transform: translateY(-0.02em);
    }

    #main-map-header-azimap.azimap-mobile-header-overflow-open .azimap-map-header-overflow-source {
        display: flex !important;
    }

    #main-map-header-azimap .azimap-mobile-header-overflow-toggle {
        display: inline-flex !important;
        grid-column: 1;
        grid-row: 1;
    }

    #main-map-header-azimap .azimap-map-progress-action {
        grid-column: 2;
        grid-row: 1;
    }

    .map-height-width-azimap {
        flex: 1 1 auto;
        height: var(--azimap-mobile-map-height, calc(100vh - var(--azimap-map-header-height, 60px) - var(--azimap-mobile-search-height, 0px)));
        height: var(--azimap-mobile-map-height, calc(100dvh - var(--azimap-map-header-height, 60px) - var(--azimap-mobile-search-height, 0px)));
        min-height: 0;
        overflow: hidden;
    }

    .azimap-map-shell .azimap-map-host {
        height: calc(var(--azimap-mobile-map-height, calc(100vh - var(--azimap-map-header-height, 60px) - var(--azimap-mobile-search-height, 0px) - var(--azimap-mobile-app-nav-height, 0px))) + var(--azimap-mobile-bottom-panel-height, 0px)) !important;
        height: calc(var(--azimap-mobile-map-height, calc(100dvh - var(--azimap-map-header-height, 60px) - var(--azimap-mobile-search-height, 0px) - var(--azimap-mobile-app-nav-height, 0px))) + var(--azimap-mobile-bottom-panel-height, 0px)) !important;
        min-height: 120px;
    }
}

#map-div.azimap-mobile-map {
    --azimap-mobile-edge-gap: max(8px, env(safe-area-inset-left, 0px));
    position: relative;
    overflow: hidden;
}

.azimap-mobile-search-row {
    background: #fff;
    border-bottom: 1px solid rgba(109, 110, 121, 0.24);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding: 7px max(8px, env(safe-area-inset-right, 0px)) 7px max(8px, env(safe-area-inset-left, 0px));
    position: relative;
    z-index: 40;
}

.azimap-mobile-search-row.is-hidden {
    display: none;
}

.azimap-mobile-search-row #GeocoderCont {
    display: block !important;
    left: auto !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
    width: calc(100% - 24px) !important;
}

.azimap-mobile-search-row #GeocoderCont,
.azimap-mobile-search-row #GeocoderCont .easy-autocomplete,
.azimap-mobile-search-row #GeocoderCont #geocoderTb {
    box-sizing: border-box;
    width: 100% !important;
}

.azimap-mobile-search-row #GeocoderCont .easy-autocomplete {
    display: block !important;
    position: relative;
}

.azimap-mobile-search-row #geocoderTb {
    border-radius: 60px;
    min-height: 38px;
}

.azimap-mobile-search-row .easy-autocomplete-container {
    box-sizing: border-box;
    left: 0 !important;
    max-height: min(42vh, 340px);
    overflow-y: auto;
    right: auto !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch;
}

.azimap-mobile-search-row .easy-autocomplete-container ul {
    box-sizing: border-box;
    width: 100% !important;
}

#map-div.azimap-mobile-map .azimap-mobile-toolbar.azi-toolbar-black.ol-unselectable.ol-control.ol-bar.ol-top {
    background: #333;
    border: 2px solid #fff;
    border-radius: 24px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    display: flex !important;
    gap: 5px;
    left: 50%;
    max-width: calc(100% - 16px);
    overflow: hidden;
    padding: 8px 10px;
    top: 6px;
    transform: translateX(-50%);
    transform-origin: top center;
    z-index: 82;
}

.azimap-mobile-toolbar-button {
    align-items: center;
    appearance: none;
    background: #333 !important;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    flex: 1 1 60px;
    flex-direction: column;
    font-size: 20px;
    gap: 0;
    height: 50px;
    justify-content: center;
    margin-bottom: 5px;
    max-width: 72px;
    min-width: 56px;
    padding: 4px 6px 3px;
    text-align: center;
    touch-action: manipulation;
}

.azimap-mobile-toolbar-button i {
    color: #fff !important;
    display: block;
    font-size: 20px;
    line-height: 1;
}

.azimap-mobile-toolbar-button span {
    color: #fff !important;
    display: block;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.azimap-mobile-toolbar-button .fazi,
.azimap-mobile-toolbar-button .fazi2 {
    color: #fff !important;
    filter: brightness(10) !important;
}

.azimap-mobile-toolbar-button.is-active,
.azimap-mobile-toolbar-button:hover {
    background: #fff !important;
    color: #333 !important;
    outline: none;
}

.azimap-mobile-toolbar-button.is-active .fazi,
.azimap-mobile-toolbar-button.is-active .fazi2,
.azimap-mobile-toolbar-button:hover .fazi,
.azimap-mobile-toolbar-button:hover .fazi2 {
    color: #333 !important;
    filter: brightness(0) !important;
}

.azimap-mobile-toolbar-button.is-active i,
.azimap-mobile-toolbar-button.is-active span,
.azimap-mobile-toolbar-button:hover i,
.azimap-mobile-toolbar-button:hover span {
    color: #333 !important;
}

.azimap-mobile-toolbar-button:focus {
    outline: none;
}

.azimap-mobile-toolbar-button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}

.azimap-mobile-toolbar-button:disabled {
    color: rgba(255, 255, 255, 0.35) !important;
}

.azimap-mobile-toolbar-button:disabled .fazi,
.azimap-mobile-toolbar-button:disabled .fazi2 {
    filter: brightness(6);
    opacity: 0.35;
}

.azimap-mobile-popout {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(109, 110, 121, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
    left: max(8px, env(safe-area-inset-left, 0px));
    max-height: min(62vh, calc(100% - var(--azimap-mobile-toolbar-height, 60px) - 26px));
    overflow: auto;
    padding: 9px;
    pointer-events: auto;
    position: absolute;
    right: max(8px, env(safe-area-inset-right, 0px));
    top: calc(var(--azimap-mobile-toolbar-height, 56px) + 14px);
    z-index: 81;
    -webkit-overflow-scrolling: touch;
}

.azimap-mobile-popout[hidden],
.azimap-mobile-popout-panel[hidden],
.azimap-mobile-layer-tab-panel[hidden] {
    display: none !important;
}

.azimap-mobile-popout-title {
    border-bottom: 1px solid rgba(109, 110, 121, 0.2);
    color: #333;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0 0 7px;
}

.azimap-mobile-popout-section {
    margin-bottom: 10px;
}

.azimap-mobile-popout-section:last-child {
    margin-bottom: 0;
}

.azimap-mobile-popout-section-title {
    color: #555;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px;
}

.azimap-mobile-popout-row,
#map-div.azimap-mobile-map .azimap-mobile-popout .ol-bar {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
}

.azimap-mobile-popout-empty {
    color: #666;
    font-size: 13px;
    padding: 8px 2px;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .ol-control,
#map-div.azimap-mobile-map .azimap-mobile-popout .ol-control:hover {
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .ol-control button {
    background: #333 !important;
    color: #fff !important;
    filter: none !important;
    height: 42px !important;
    margin: 0 !important;
    width: 42px !important;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .ol-control.ol-active button,
#map-div.azimap-mobile-map .azimap-mobile-popout .ol-toggle.ol-active > button {
    background: #fff !important;
    color: #333 !important;
    outline: 2px solid #333;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .azi-toolbar-icon,
#map-div.azimap-mobile-map .azimap-mobile-popout .fazi,
#map-div.azimap-mobile-map .azimap-mobile-popout .fazi2 {
    filter: brightness(10);
}

#map-div.azimap-mobile-map .azimap-mobile-popout .ol-active .azi-toolbar-icon,
#map-div.azimap-mobile-map .azimap-mobile-popout .ol-active .fazi,
#map-div.azimap-mobile-map .azimap-mobile-popout .ol-active .fazi2 {
    filter: brightness(0) !important;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu,
#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu-edit,
#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu-select,
#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu-sketch {
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
    left: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
}

#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu:before,
#map-div.azimap-mobile-map .azimap-mobile-popout .toolbar-extended-sub-menu:after {
    display: none !important;
}

.azimap-mobile-layer-panel {
    width: 100%;
}

.azimap-mobile-layer-tabs {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 8px;
}

.azimap-mobile-layer-tabs button {
    background: #f2f2f4;
    border: 1px solid rgba(109, 110, 121, 0.35);
    border-radius: 6px;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    min-height: 36px;
}

.azimap-mobile-layer-tabs button.is-active {
    background: #333;
    color: #fff;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control.ol-control {
    background: transparent !important;
    left: auto !important;
    max-height: none !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: 100%;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control > button {
    display: none !important;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control .panel,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .panel-container {
    display: block !important;
    max-height: min(44vh, 360px);
    overflow: auto;
    position: static !important;
    width: 100% !important;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control .panel {
    box-shadow: none !important;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control .ol-header,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .ol-switchertopdiv {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control .ol-header button,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-menu-btn,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-create-dataset-btn,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-zoomto-btn,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-charts-btn,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #menuButton,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .dropdown > button,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #dropdownMenu button {
    align-items: center !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    min-height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    position: relative !important;
    width: 38px !important;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control #menuButton {
    gap: 2px;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control .ol-header i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-menu-btn i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-create-dataset-btn i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-zoomto-btn i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #layer-charts-btn i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #menuButton i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control #dropdownMenu i,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelZoomToLayer,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelCreateNew,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelAddExisting,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelAttribConfig,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelModifyConfig,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelEditDefinitions,
#map-div.azimap-mobile-map .azimap-mobile-layer-control .layerPanelRemove {
    left: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
}

#map-div.azimap-mobile-map .azimap-mobile-layer-control #dropdownMenu {
    background: #fff;
    border: 1px solid rgba(109, 110, 121, 0.28);
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    display: flex;
    gap: 5px;
    padding: 5px;
    z-index: 260 !important;
}

#map-div.azimap-mobile-map .azimap-mobile-base-layer-control .azi-baselayer-switcher {
    border: 0 !important;
    display: block;
    margin: 0 !important;
    width: 100%;
}

#map-div.azimap-mobile-map .azimap-mobile-base-layer-control .azi-baselayer-switcher-group {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 8px 0;
}

#map-div.azimap-mobile-map .azimap-mobile-base-layer-control .azi-baselayer-switcher-group li {
    border-radius: 10px;
    height: auto;
    min-height: 72px;
    width: 100%;
}

#map-div.azimap-mobile-map .azimap-mobile-base-layer-control .azi-baselayer-switcher-group li img {
    border-radius: 10px;
    aspect-ratio: 1 / 1;
}

#map-div.azimap-mobile-map .azi-toolbar-utility .ol-control.ol-legend:not(.ol-collapsed),
#map-div.azimap-mobile-map .ol-control.ol-legend:not(.ol-collapsed) {
    box-sizing: border-box;
    max-height: min(48vh, calc(var(--azimap-mobile-map-height, 100vh) - var(--azimap-mobile-toolbar-height, 0px) - 20px)) !important;
    max-width: min(320px, calc(var(--azimap-mobile-map-width, 100vw) - 16px)) !important;
    overflow: auto !important;
    width: min(320px, calc(var(--azimap-mobile-map-width, 100vw) - 16px)) !important;
    -webkit-overflow-scrolling: touch;
}

#map-div.azimap-mobile-map .ol-control.ol-legend > canvas.ol-legendImg {
    box-sizing: border-box;
    height: auto !important;
    max-width: 100% !important;
}

#map-div.azimap-mobile-map .ol-control.ol-legend > ul.ol-legend {
    box-sizing: border-box;
    max-width: 100% !important;
    width: 100% !important;
}

#map-div.azimap-mobile-map .ol-control.ol-legend ul.ol-legend li {
    overflow-wrap: anywhere;
    white-space: normal;
}

#map-div.azimap-mobile-map .ol-control.ol-legend ul.ol-legend li div {
    max-width: 100% !important;
}

.ol-attribution {
    pointer-events: auto;
    max-width: 40vw;
    max-height: 25vh;
    overflow: auto;
    bottom: 3em !important;
    right: 0.5em;
}

#map-div.azimap-mobile-map .ol-attribution {
    bottom: 0.5em !important;
    max-width: 58vw;
}

.ol-attribution ul {
    max-height: 25vh;
}

.ol-attribution .ol-control:hover {
    background: var(--ol-partial-background-color);
}

/* make the entire list a block with no bullets */
.ol-attribution  ul {
    list-style: none;
    margin: 0;
    padding: 0.4em; /* same as OL default */
    margin-right: 2em;
}

/* each attribution item on its own line */
.ol-attribution  li {
    display: block !important;
    margin: 0 0 0.2em 0;
}
/*END Code for ol arribution overrides*/

body.azimap-3d-active .azimap-hide-cesium-ion-credit,
.azimap-3d-active .azimap-hide-cesium-ion-credit {
    display: none !important;
}

body.azimap-3d-active.azimap-3d-has-scale-line .cesium-widget-credits,
.azimap-3d-active.azimap-3d-has-scale-line .cesium-widget-credits {
    left: 216px !important;
    bottom: 4px !important;
    max-width: calc(100% - 224px);
}

.azimap-cesium-credit-layer-name {
    font-weight: 600;
}

body.azimap-3d-active .cesium-credit-lightbox-overlay {
    background: rgba(0, 0, 0, 0.45) !important;
}

body.azimap-3d-active .cesium-credit-lightbox.cesium-credit-lightbox-expanded,
body.azimap-3d-active .cesium-credit-lightbox.cesium-credit-lightbox-mobile {
    background: #fff !important;
    border-radius: 5px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
    color: #333 !important;
    font-family: inherit !important;
    max-width: min(48rem, calc(100vw - 2rem)) !important;
    padding: 1.25rem !important;
}

body.azimap-3d-active .cesium-credit-lightbox-title {
    color: #333 !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

body.azimap-3d-active .cesium-credit-lightbox-close {
    color: #333 !important;
    font-size: 2rem !important;
    line-height: 1 !important;
}

body.azimap-3d-active .cesium-credit-lightbox a,
body.azimap-3d-active .cesium-credit-lightbox a:link,
body.azimap-3d-active .cesium-credit-lightbox a:visited {
    color: #0b5cad !important;
    display: inline !important;
    opacity: 1 !important;
    text-decoration: underline !important;
    visibility: visible !important;
}

body.azimap-3d-active .cesium-credit-lightbox a:hover,
body.azimap-3d-active .cesium-credit-lightbox a:focus {
    color: #063f78 !important;
}

body.azimap-3d-active .cesium-credit-lightbox > ul {
    padding-left: 0 !important;
}

body.azimap-3d-active .cesium-credit-lightbox > ul > li {
    list-style: none !important;
    margin: 0 0 0.75rem 0 !important;
}

.show-icon-picker {
    display: block !important;
}

.selectStyleDdlCoordinate + .select2 .select2-selection--single {
    height:36px;
}

.griddata-projection-disabled {
    opacity: 0.55;
    pointer-events: none;
}

.griddata-projection-combo {
    width: 100%;
}

.az-projection-picker {
    position: relative;
    display: block;
    width: 100%;
    max-width: 42rem;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.az-projection-picker-search-icon {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.9rem;
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid #55708a;
    border-radius: 50%;
    transform: translateY(-58%);
    pointer-events: none;
}

.az-projection-picker-search-icon::after {
    content: "";
    position: absolute;
    right: -0.36rem;
    bottom: -0.28rem;
    width: 0.42rem;
    height: 2px;
    border-radius: 999px;
    background: #55708a;
    transform: rotate(45deg);
}

.az-projection-picker-input {
    width: 100%;
    max-width: 42rem;
    padding-left: 2.35rem !important;
    padding-right: 4.8rem !important;
    border: 3px solid #e9f0fc !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.az-projection-picker-input:focus {
    border-color: #d9e7fb !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.az-projection-picker-toggle,
.az-projection-picker-clear {
    position: absolute;
    top: 50%;
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #55708a;
    transform: translateY(-50%);
    cursor: pointer;
}

.az-projection-picker-toggle {
    right: 0.55rem;
}

.az-projection-picker-toggle::before {
    content: "";
    position: absolute;
    top: 0.68rem;
    left: 0.55rem;
    width: 0;
    height: 0;
    border-left: 0.34rem solid transparent;
    border-right: 0.34rem solid transparent;
    border-top: 0.42rem solid currentColor;
}

.az-projection-picker-open .az-projection-picker-toggle::before {
    border-top: 0;
    border-bottom: 0.42rem solid currentColor;
}

.az-projection-picker-clear {
    right: 2.3rem;
    opacity: 0;
    pointer-events: none;
}

.az-projection-picker-clear::before,
.az-projection-picker-clear::after {
    content: "";
    position: absolute;
    top: 0.85rem;
    left: 0.48rem;
    width: 0.82rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.az-projection-picker-clear::before {
    transform: rotate(45deg);
}

.az-projection-picker-clear::after {
    transform: rotate(-45deg);
}

.az-projection-picker-clear-visible {
    opacity: 1;
    pointer-events: auto;
}

.az-projection-picker-toggle:hover,
.az-projection-picker-toggle:focus,
.az-projection-picker-clear:hover,
.az-projection-picker-clear:focus {
    background: #eef6ff;
    color: #0b5ed7;
    outline: 0;
}

.az-projection-picker-list {
    display: none;
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    z-index: 1065;
    width: 100%;
    max-width: 42rem;
    max-height: 19rem;
    margin-top: 0;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d5dfec;
    border-radius: 12px;
    box-shadow: 0 0.55rem 1rem rgba(23, 50, 72, 0.12);
}

.az-projection-picker-open .az-projection-picker-list {
    display: block;
}

.az-projection-picker-list-portaled {
    display: block;
    position: fixed;
    inset: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    z-index: 3000;
}

.az-projection-picker-list-inline {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 5;
}

.az-projection-picker-list-portaled:popover-open {
    display: block;
    position: fixed;
    inset: auto;
    margin: 0;
    padding: 0;
}

.az-projection-picker-option {
    display: block;
    width: 100%;
    min-height: 2.35rem;
    padding: 0.5rem 0.85rem;
    border: 0;
    background: #fff;
    color: #173248;
    text-align: left;
    font-size: 0.95rem;
    line-height: 1.3;
}

.az-projection-picker-option:hover,
.az-projection-picker-option:focus {
    background: #f3f8ff;
    color: #0b5ed7;
}

.az-projection-picker-option-disabled,
.az-projection-picker-option-disabled:hover,
.az-projection-picker-option-disabled:focus {
    color: #6b7280;
    background: #f8fafc;
    cursor: default;
}

.az-projection-picker-loading .az-projection-picker-input {
    cursor: progress;
}

.viewshed-icon {
    background-image: url("/images/3d/viewshed-svgrepo-com.svg");
    background-repeat: no-repeat;
    background-size: contain; /* or cover, depending on use */
    background-position: center;
    width: 32px; /* set desired size */
    height: 32px;
    display: inline-block;
  
}

.azimap-svg-icon {
    filter: brightness(0) invert(0); /* makes it white */
}

.azimap-svg-icon:hover {
    filter: brightness(0) invert(1); /* makes it white */
   
}
.appear-disabled {
    pointer-events: none;
    opacity: 0.5;
}
/*ol-ext print 3d*/
/* Dock the legend in the bottom-left of the preview page while the dialog is open */
.ol-print-document .ol-print-legendDock {
    position: absolute !important;
    left: 12px !important;
    bottom: 12px !important;
    z-index: 10; /* above the WebGL canvas */
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 6px;
    padding: 8px;
    max-width: min(36vw, 420px);
    max-height: 40vh;
    overflow: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.ol-action-buttons {
    display: flex;
    justify-content: space-around;
}

.ol-ext-print-dialog .ol-saveas select, .ol-ext-print-dialog .ol-savelegend select {

    max-width: 8em;

}
/*css for disabled sidebarmenuitems 3d*/

.panel-button.is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.panel-button .mode-tagline {
    display: block;
    font-size: 0.7rem;
    color: #888;
}
.panel-button:hover .mode-tagline,
.panel-button:hover .mode-tagline a {
    color: white;
}

.chart-time-filter-toggle.enabled i {
    color: #28a745;


}

.route-export-dd {
    position: relative;
    display: inline-block;
}

.route-export-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 140px;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding: 4px 0;
    z-index: 5000;
}

    .route-export-menu a {
        display: block;
        padding: 6px 12px;
        color: #000;
        text-decoration: none;
    }

        .route-export-menu a:hover {
            background: #eee;
        }


.handle {
    position: absolute;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    /*background-image: url(/images/texture.png);
    color: blue;*/
    left: -30px;
    padding: 10px;
    width: 30px;
    cursor: pointer;
    /* margin-top: -20px; */
}

/* Map feedback review modal */
.map-feedback-header-action {
    position: relative;
}

.map-feedback-header-badge {
    position: absolute;
    top: -0.15rem;
    right: -0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0 0 2px #fff;
}

.feedback-review-toolbar {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: #fff;
}

.map-feedback-modal-body {
    max-height: calc(100vh - 15rem);
    overflow-y: auto;
    padding-right: 0.25rem;
}

.map-feedback-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    flex-wrap: wrap;
}

.feedback-review-card {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: #fff;
    overflow: hidden;
}

.feedback-review-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.85rem 1rem 0.65rem;
    cursor: pointer;
    list-style: none;
}

.feedback-review-card-header::-webkit-details-marker {
    display: none;
}

.feedback-review-card[open] .feedback-review-chevron {
    transform: rotate(180deg);
}

.feedback-review-title-group {
    min-width: 0;
}

.feedback-review-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    word-break: break-word;
}

.feedback-review-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem 0.75rem;
    margin-top: 0.25rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.86rem;
}

.feedback-review-status-group {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: flex-end;
    text-align: right;
    flex-shrink: 0;
}

.feedback-review-chevron {
    transition: transform 0.2s ease;
}

.feedback-review-body {
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    padding: 0.85rem 1rem 1rem;
}

.feedback-review-message {
    white-space: pre-wrap;
    word-break: break-word;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e9ecef;
    border-radius: 0.4rem;
    background: #f8f9fa;
    color: #212529;
}

.feedback-review-section-label {
    margin-bottom: 0.45rem;
    color: #495057;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.feedback-review-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    background: #fbfbfc;
}

.feedback-review-actions,
.feedback-review-danger-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.feedback-review-actions {
    justify-content: flex-start;
}

.feedback-attachments-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.feedback-attachment-tile,
.feedback-file-tile {
    width: 160px;
    min-height: 118px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    background: #f8f9fa;
    padding: 0.65rem;
}

.feedback-file-tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
}

.feedback-file-tile:hover,
.feedback-file-tile:focus {
    border-color: var(--bs-primary, #0d6efd);
    color: inherit;
    text-decoration: none;
}

.feedback-sketch-tile {
    background: #eef6ff;
    border-color: #b6d7ff;
}

.feedback-attachment-preview {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
}

.feedback-attachment-thumb {
    width: 100%;
    height: 82px;
    object-fit: cover;
    border-radius: 0.4rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}

.feedback-attachment-name {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.feedback-attachment-meta {
    display: block;
    margin-top: 0.25rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.75rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feedback-file-icon {
    font-size: 1.35rem;
    color: var(--bs-primary, #0d6efd);
}

.feedback-file-copy {
    min-width: 0;
}

.feedback-lightbox-stage {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    border-radius: 1rem;
    overflow: hidden;
}

.feedback-lightbox-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

/* Map modal sticky headers */
#map-tools-editor .modal-dialog,
#addLayerSettings .modal-dialog,
#layerSettings .modal-dialog,
#attributeConfig .modal-dialog {
    max-height: calc(100vh - 2rem);
}

#map-tools-editor .modal-content,
#addLayerSettings .modal-content,
#layerSettings .modal-content,
#attributeConfig .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

#map-tools-editor .modal-header,
#addLayerSettings .modal-header,
#layerSettings .modal-header,
#attributeConfig .modal-header {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
}

#map-tools-editor .modal-header > *,
#addLayerSettings .modal-header > *,
#layerSettings .modal-header > *,
#attributeConfig .modal-header > * {
    width: 100%;
}

#map-tools-editor .modal-body,
#addLayerSettings .modal-body,
#layerSettings .modal-body,
#attributeConfig .modal-body {
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

#addLayerSettings contenttemplate,
#layerSettings contenttemplate,
#attributeConfig contenttemplate,
#addLayerSettings contenttemplate > div[renderwrappertag="false"],
#layerSettings contenttemplate > div[renderwrappertag="false"],
#attributeConfig contenttemplate > div[renderwrappertag="false"] {
    display: block;
    min-height: 0;
}

#map-tools-editor .map-tools-editor-body,
#addLayerSettings .layer-settings-modal-body,
#layerSettings .layer-settings-modal-body,
#attributeConfig .attribute-config-modal-body {
    min-height: 0;
    max-height: calc(100vh - 9rem);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

#map-tools-editor .map-tools-editor-body {
    padding: 1rem;
}

@media (max-width: 991px) {
    #map-tools-editor .modal-dialog,
    #map-tools-editor .modal-content {
        max-height: 100vh;
    }

    #map-tools-editor .map-tools-editor-body {
        max-height: calc(100vh - 7rem);
    }
}

@media (max-width: 767px) {
    #addLayerSettings .modal-dialog,
    #layerSettings .modal-dialog,
    #attributeConfig .modal-dialog,
    #addLayerSettings .modal-content,
    #layerSettings .modal-content,
    #attributeConfig .modal-content {
        max-height: calc(100vh - 1rem);
    }

    #addLayerSettings .layer-settings-modal-body,
    #layerSettings .layer-settings-modal-body,
    #attributeConfig .attribute-config-modal-body {
        max-height: calc(100vh - 9rem);
    }
}

@media (max-width: 991px) {
    .feedback-review-card-header,
    .feedback-review-card-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .feedback-review-status-group {
        align-items: flex-start;
        text-align: left;
    }

    .feedback-review-actions,
    .feedback-review-danger-actions {
        justify-content: flex-start;
    }
}


.DrawCircle {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: 0px -160px;
}

.DrawSquare {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: 0px -125px;
}

.DrawFreeHand {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: -1407px 0px !important;
}

.SelectFeature {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: 0px -90px;
}

.DrawFeature {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: 0px -55px;
}

.SelectLayer {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-position: 0px -20px;
}

.Intersect {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: 0px 0px;
}

.Buffer {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -20px 0px;
}

.Overlaps {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -35px -80px;
}

.Within {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -35px -60px;
}

.Contains {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -35px -40px;
}

.Touches {
    background-image: url('/images/spatialsprite.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -35px -20px;
}


.layerManagement {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -64px 0px !important;
    width: 32px !important;
    height: 32px !important
}
/*Layer Management*/
.toolbarLayer {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -64px 0px !important;
}
/*Edit layers Image*/
.toolbarDeleteLayer {
    background-image: url('/Images/ToolBarSpriteSheetv112.png') !important;
    background-position: -448px 0px !important;
}
/*Delete Layer*/
.toolbarSLDStyler {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: 0px 0px !important;
}
/*Styler*/
.toolbarMapDefinitionMode {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -32px 0px !important;
}
/*Edit map*/
.toolbarAddEditLayer {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -64px 0px !important;
}
/*Edit layers*/
.toolbarSelectFeatures {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -96px 0px !important;
}
/*Select feature*/
.toolbarSelectFeaturesBox {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1120px 0px !important;
}
/*Select feature Box*/
.toolbarSelectFeaturesFreeHand {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1408px 0px !important;
}
/*Select feature Free Hand*/
.toolbarSelectFeaturesBoxInactive {
    background-image: url('/images/SelectFeaturesBoxInactive.png') !important;
}
/*Select feature Box*/
.toolbarSelectFeaturesFreeHandInactive {
    background-image: url('/images/freedrawInactive.png') !important;
}
/*Select feature Free Hand*/

.toolbarPlacePoints {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -128px 0px !important;
}
/*Place point*/
.toolbarPlaceLines {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -160px 0px !important;
}
/*Place line*/
.toolbarPlacePolygon {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -192px 0px !important;
}
/*Place polygon*/
.toolbarPlaceCircle {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -1056px 0px !important;
}
/*Place circle/ regular polygon*/
.toolbarPlaceSquare {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -992px 0px !important;
}
/*Place square/ regular polygon*/
.toolbarPlaceRectangle {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -1024px 0px !important;
}
/*Place rectangle/ regular polygon*/
.toolbarPlaceEllipse {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -1088px 0px !important;
}
/*Place ellipse/ regular polygon*/
/*below icons are for drop down on toolbar when selecting what polygon to draw*/
.toolbarPlaceAdjoiningPolygonDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1184px 0px !important;
}
/*Place polygon*/
.toolbarPlacePolygonDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -192px 0px !important;
}
/*Place polygon*/
.toolbarPlaceCircleDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1056px 0px !important;
}
/*Place circle/ regular polygon*/
.toolbarPlaceSquareDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -992px 0px !important;
}
/*Place square/ regular polygon*/
.toolbarPlaceRectangleDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1024px 0px !important;
}
/*Place rectangle/ regular polygon*/
.toolbarPlaceEllipseDropDown {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1088px 0px !important;
}
/*Place ellipse/ regular polygon*/
.toolbarEditData {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -224px 0px !important;
}
/*Feature info (used twice)*/
.toolbarViewDataOnly {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -224px 0px !important;
}

.toolbarDrawLineSplitFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    ;
    background-position: -1216px 0px !important;
}
/*Move individual points*/
.toolbarMergeFeatures {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    ;
    background-position: -1248px 0px !important;
}
/*Move individual points*/
.toolbarDonutFeatures {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1280px 0px !important;
}
/*Move individual points*/
.toolbarSplitMerge {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1312px 0px !important;
}
/*Move individual points*/
.toolbarMoveIndividualPoints {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -166px 0px !important;
}
/*Move individual points*/
.toolbarMoveFeature {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -187px 0px !important;
}

/*Move feature*/
.toolbarRotateFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -208px 0px !important;
}
/*Rotate feature*/
.toolbarScaleFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -228px 0px !important;
}
/*Resize feature*/
.toolbarCloneFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -384px 0px !important;
}
/*Copy feature*/
.toolbarPasteClonedFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -416px 0px !important;
}
/*Paste feature*/
.toolbarDeleteFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -448px 0px !important;
}
/*Delete feature*/
.toolbarMeasure {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -480px 0px !important;
}
/*Measure line*/
.toolbarMeasureArea {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -512px 0px !important;
}
/*Measure area*/
.toolbarZoomToLastFeature {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -363px 0px !important;
}
/*Zoom to last feature*/
.toolbarZoomToLocation {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: 945px 0px !important;
}
/*Zoom to location*/
.toolbarZoomToExtent {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -406px 0px !important;
}
/*Zoom to max extent*/
.toolbarZoomMyLocation {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -378px 0px !important;
}
/*Zoom to my location*/
.toolbarEditMode {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -672px 0px !important;
}
/*Edit mode*/
.toolbarSearch {
    background-image: url('/Images/ToolBarSpriteSheetv11.png');
    background-position: -704px 0px !important;
}
/*Search*/
.toolbarStreetView {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -477px 0px !important;
}
/*Street view*/
.toolbarViewUploadImages {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -768px 0px !important;
}
/*ViewUpload images*/
.toolbarPlaceRadius {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    width: 32px !important;
    height: 32px !important;
    background-position: -800px 0px !important;
}
/*Place circle*/
.toolbarSave {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -832px 0px !important;
}
/*Manual Save*/
.toolbarLegend {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -583px 0px !important;
}
/*Legend*/
.toolbarLegend24 {
    background-image: url('/Images/legend24.png') !important;
}
/*Legend*/
.toolbarBrowseAllFeatures {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -896px 0px !important;
}
/*Browse features*/
.toolbarDigitiseData {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -928px 0px !important;
}
/*Digitise*/
.toolbarPublish {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -960px 0px !important;
}
/*Publish*/
.toolbarWhat3Words {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -882px 0px !important;
}
/*What3Words*/
.toolbarPointMyLocation {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -420px 0px !important;
}
/*Place point at my location*/
.toolbarSwipe {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -957px 0px !important;
}
/*Swipe*/
.toolbarRouting {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1504px 0px !important;
}
/*Routing*/
.toolbarRoute {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1014px 0px !important;
}
/*Routing Container*/
.toolbarDriveTime {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1037px 0px !important;
}
/*Drive time*/
.toolbarWalkTime {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1317px 0px !important;
}
/*Drive time*/
.toolbarSnap {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1568px 0px !important;
}
/*Snap features*/
.toolbarSpeed {
    background-image: url('/Images/speedLimitBlue.png') !important;
}
/*Speed Limit*/
.toolbarSketchTools {
    background-image: url('/images/sketch.png') !important;
}
/*Sketch Tools*/

.toolbarPlacePolygonBuffer {
    background-image: url('/images/PolygonBuffer.png') !important;
}
/*New buffer Tools*/
.toolbarPlaceLassoBuffer {
    background-image: url('/images/LassoBuffer.png') !important;
}
/*New Buffer Tools*/
.toolbarBookmarks {
    background-image: url('/images/GeoBookmarks16.png') !important;
}

.toolbarLocation {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1761px 0px !important;
}

.toolbarMeasureLine {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1666px 0px !important;
}

.toolbarCopyPaste {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1727px 0px !important;
}

.toolbarBasicEdit {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -1113px 0px !important;
}

.toolbarAnalysisGroup {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1175px 0px !important;
}

.toolbarSpatialAnalysis {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1175px 0px !important;
}

.toolbarAttributeAnalysis {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -456px 0px !important;
}

.toolbarColumnSearch {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1207px 0px !important;
}

.toolbarIntersectFreehandReport {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -936px 0px !important;
}

.toolbarIntersectPolygonReport {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -936px 0px !important;
}

.toolbarIntersecProximityReport {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -519px 0px !important;
}

.toolbarSpatialAnalysis {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1165px 0px !important;
}

.toolbarDataJoin {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1227px 0px !important;
}

.toolbarNetwork {
    background-image: url(/Images/ToolBarSpriteSheetv11.png) !important;
    background-position: -648px 0px !important;
}

.toolbarNetworkAndRouting {
    background-image: url('/Images/ToolBarSpriteSheetv11.png') !important;
    background-position: -1014px 0px !important;
}

/*New Bookmark Tools*/
/*The following are for the layer panel dropdowns*/
.layerPanelGears {
    background-image: url(/images/Gears.png) !important;
    background-repeat: no-repeat;
}

.layerPanelZoomToLayer {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -48px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerPanelCreateNew {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -72px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerPanelAddExisting {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -96px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerPanelAttribConfig {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -192px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerPanelModifyConfig {
    background-image: url('/images/switchersprite.png') !important;
    background-position: 0px -103px !important;
}

.layerPanelEditDefinitions {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -145px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerPanelRemove {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -168px !important;
    top: 7px !important;
    left: 4px !important;
}

.layerGroupMenu {
    background-image: url(/images/GroupsDropdown.png) !important;
    background-repeat: no-repeat;
}

.routingBtn {
    background-image: url(/images/route.png) !important;
    background-repeat: no-repeat;
}

.AddGroupName {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px 0px !important;
    top: 7px !important;
    left: 4px !important;
}

.RemoveGroupName {
    background-image: url('/images/switchersprite.png') !important;
    width: 24px;
    height: 24px;
    background-position: 0px -24px !important;
    top: 7px !important;
    left: 4px !important;
}

.azi-toolbar-icon {
    height: 21px;
    width: 21px;
    background-size: cover;
}

.Zoom_sel {
    background-position: 2px -166px !important;
}

.Search_sel {
    background-position: 2px -250px !important;
}

.Visualization_sel {
    background-position: 0px -128px !important;
}

.Bookmark_sel {
    background-position: 0px -457px !important;
}

.azimap-rich-text-content,
[data-feature-prop-type="html"] {
    overflow-wrap: anywhere;
}

.azimap-rich-text-content pre,
[data-feature-prop-type="html"] pre {
    background: #f3f5f7;
    border-radius: 4px;
    overflow-x: auto;
    padding: 10px 12px;
    white-space: pre-wrap;
}

.azimap-rich-text-content iframe,
.azimap-rich-text-content img,
[data-feature-prop-type="html"] iframe,
[data-feature-prop-type="html"] img {
    height: auto;
    max-width: 100%;
}

.azimap-rich-text-content iframe.ql-video,
[data-feature-prop-type="html"] iframe.ql-video {
    aspect-ratio: 16 / 9;
    border: 0;
    width: 100%;
}

.azimap-rich-text-content .ql-indent-1,
[data-feature-prop-type="html"] .ql-indent-1 { padding-left: 3em; }
.azimap-rich-text-content .ql-indent-2,
[data-feature-prop-type="html"] .ql-indent-2 { padding-left: 6em; }
.azimap-rich-text-content .ql-indent-3,
[data-feature-prop-type="html"] .ql-indent-3 { padding-left: 9em; }
.azimap-rich-text-content .ql-indent-4,
[data-feature-prop-type="html"] .ql-indent-4 { padding-left: 12em; }
.azimap-rich-text-content .ql-indent-5,
[data-feature-prop-type="html"] .ql-indent-5 { padding-left: 15em; }
.azimap-rich-text-content .ql-indent-6,
[data-feature-prop-type="html"] .ql-indent-6 { padding-left: 18em; }
.azimap-rich-text-content .ql-indent-7,
[data-feature-prop-type="html"] .ql-indent-7 { padding-left: 21em; }
.azimap-rich-text-content .ql-indent-8,
[data-feature-prop-type="html"] .ql-indent-8 { padding-left: 24em; }

.azimap-rich-text-content .ql-resize-style-left,
[data-feature-prop-type="html"] .ql-resize-style-left {
    float: left;
    margin: 0 1em 0.5em 0;
}

.azimap-rich-text-content .ql-resize-style-center,
[data-feature-prop-type="html"] .ql-resize-style-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.azimap-rich-text-content .ql-resize-style-right,
[data-feature-prop-type="html"] .ql-resize-style-right {
    float: right;
    margin: 0 0 0.5em 1em;
}

.azimap-rich-text-content .ql-resize-style-full,
[data-feature-prop-type="html"] .ql-resize-style-full {
    display: block;
    width: 100%;
}

.azimap-rich-text-content::after,
[data-feature-prop-type="html"]::after {
    clear: both;
    content: "";
    display: table;
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
    background-color: #fff
}

    .tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
        border-top-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
        border-bottom-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
        border-left-color: #fff
    }

    .tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
        border-right-color: #fff
    }

    .tippy-box[data-theme~=light] > .tippy-backdrop {
        background-color: #fff
    }

    .tippy-box[data-theme~=light] > .tippy-svg-arrow {
        fill: #fff
    }

.easy-autocomplete {
  position: relative;
}
.easy-autocomplete input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
  box-shadow: none;
}
.easy-autocomplete a {
  display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}
.easy-autocomplete.eac-dark {
  color: #fff;
}
.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
  color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
  color: #fff;
}
.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
  color: #333;
}
.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}
.easy-autocomplete.eac-purple {
  color: #333;
}
.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}
.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}
.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}
.easy-autocomplete-container ul li b {
  font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}
.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

/*# sourceMappingURL=easy-autocomplete.css.map */

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
    border: none !important;
}
.dt-buttons .btn-secondary {
    background-color: transparent;
    border: none;
}
#tabEditDataset .selected .btn-link {
    color: white;
}