@charset "UTF-8";
html,
body {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden; }

toolbar {
  position: relative;
  float: left;
  width: 100%;
  height: 100%; }
  toolbar.no-scroll {
    overflow: inherit !important; }
    toolbar.no-scroll > .simplebar-track.vertical {
      display: none; }
    toolbar.no-scroll > .simplebar-track.horizontal {
      display: none; }
    toolbar.no-scroll > .simplebar-scroll-content {
      padding-right: 0px !important;
      margin-bottom: 0px !important;
      overflow-x: inherit;
      overflow-y: inherit; }
      toolbar.no-scroll > .simplebar-scroll-content > .simplebar-content {
        padding-bottom: 0px !important;
        margin-right: 0px !important;
        overflow-x: inherit;
        overflow-y: inherit; }
  toolbar .alert {
    line-height: 22px;
    border-radius: 0; }
  toolbar .alert-info {
    color: #c83737;
    border-color: #c83737 !important;
    background-color: rgba(200, 55, 55, 0.1) !important; }
  toolbar .simplebar-track {
    z-index: 20; }

@media screen and (max-height: 800px) {
  toolbar.lower-vert > .simplebar-scroll-content > .simplebar-content > .active-sub > toolbarMenuNode:not(.active) {
    overflow: hidden; }
    toolbar.lower-vert > .simplebar-scroll-content > .simplebar-content > .active-sub > toolbarMenuNode:not(.active) > .menu-node {
      margin-top: -50px; } }

overrideToolbar *:not(.fa):not(.igvt-icon) {
  font-family: 'Roboto Light'; }

toolbarMenuNode {
  position: relative;
  float: right;
  width: 100%;
  transition: width .6s ease-in-out; }
  toolbarMenuNode.invisible {
    height: 0; }
  toolbarMenuNode .menu-node {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 50px;
    margin-top: -50px;
    display: block;
    cursor: pointer;
    background-color: inherit;
    transition: margin .6s ease-in-out, color .4s ease-in-out, background-color .4s ease-in-out, height .3s ease-in-out;
    border: none !important;
    /* TODO: riješiti se utjecaja teme i maknuti !important direktivu */ }
    toolbarMenuNode .menu-node .menu-icon {
      position: relative;
      float: left;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center; }
    toolbarMenuNode .menu-node .menu-name {
      position: relative;
      float: left;
      width: calc(100% - 50px);
      padding: 0;
      font-size: 17px;
      line-height: 50px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: width .3s ease-in-out; }
    toolbarMenuNode .menu-node .menu-tooltip {
      position: absolute;
      top: 0;
      right: 100%;
      min-width: 100%;
      height: 100%;
      padding: 0 20px;
      line-height: 50px;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: opacity .6s ease-in-out .3s;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none; }
    toolbarMenuNode .menu-node.action-button, toolbarMenuNode .menu-node.action-button.active {
      background-color: #fff; }
      toolbarMenuNode .menu-node.action-button > .menu-icon, toolbarMenuNode .menu-node.action-button.active > .menu-icon {
        background-image: url(../svgs/close-orange.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 15px 15px; }
        toolbarMenuNode .menu-node.action-button > .menu-icon:before, toolbarMenuNode .menu-node.action-button > .menu-icon:after, toolbarMenuNode .menu-node.action-button.active > .menu-icon:before, toolbarMenuNode .menu-node.action-button.active > .menu-icon:after {
          display: none !important; }
      toolbarMenuNode .menu-node.action-button > .menu-name, toolbarMenuNode .menu-node.action-button.active > .menu-name {
        color: #ff6801;
        width: calc(100% - 50px);
        height: 40px;
        margin: 5px 0;
        font-size: 14px;
        line-height: 40px;
        text-transform: uppercase;
        transition: color .6s ease-in-out; }
      toolbarMenuNode .menu-node.action-button:hover > .menu-name, toolbarMenuNode .menu-node.action-button.active:hover > .menu-name {
        color: #ff6801; }
      toolbarMenuNode .menu-node.action-button + .tool-container, toolbarMenuNode .menu-node.action-button.active + .tool-container {
        display: none !important; }
    toolbarMenuNode .menu-node:hover:not(.active) .menu-tooltip {
      opacity: 1; }
    toolbarMenuNode .menu-node:hover:not(.active) {
      color: #ff6901; }
  toolbarMenuNode .tool-container {
    position: absolute;
    top: 50px;
    left: 100%;
    width: 100%;
    min-width: 250px;
    background-color: #fff;
    color: #666;
    transition: left .6s ease-in-out;
    overflow: hidden; }
    toolbarMenuNode .tool-container help div,
    toolbarMenuNode .tool-container featuresDownload div,
    toolbarMenuNode .tool-container rasterDownload div,
    toolbarMenuNode .tool-container loadLayer div {
      margin-top: -50px;
      transition: all .6s ease-in-out;
      opacity: 0; }
    toolbarMenuNode .tool-container .tool-row {
      position: relative;
      float: left;
      width: 100%;
      height: 50px;
      margin-top: -50px;
      font-family: 'Roboto Light';
      font-size: 13px;
      text-transform: uppercase;
      line-height: 50px;
      white-space: nowrap;
      transition: all .6s ease-in-out;
      opacity: 0; }
      toolbarMenuNode .tool-container .tool-row > .key {
        position: relative;
        float: left;
        width: 45%;
        height: 50px;
        margin: 0;
        padding: 0 15px;
        color: #666;
        font-size: 11px;
        text-align: right;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      toolbarMenuNode .tool-container .tool-row > .value {
        position: relative;
        float: left;
        width: 55%;
        height: 50px;
        padding: 10px;
        overflow: hidden; }
        toolbarMenuNode .tool-container .tool-row > .value.slider .irs-slider,
        toolbarMenuNode .tool-container .tool-row > .value.slider .irs-slider:hover {
          top: 21px;
          width: 10px;
          height: 10px;
          box-shadow: none;
          background: none;
          background-color: #eee; }
        toolbarMenuNode .tool-container .tool-row > .value.slider .irs-min,
        toolbarMenuNode .tool-container .tool-row > .value.slider .irs-max,
        toolbarMenuNode .tool-container .tool-row > .value.slider .irs-single {
          display: none; }
        toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-bar],
        toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line] {
          top: 25px;
          height: 1px;
          border: none;
          background: none;
          cursor: pointer; }
        toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-bar] {
          height: 2px;
          background-color: #ff6801; }
        toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line] {
          overflow: visible;
          background-color: #ccc; }
          toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line]:before, toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line]:after {
            position: absolute;
            content: '';
            left: 0;
            width: 100%;
            height: 5px; }
          toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line]:before {
            bottom: 100%; }
          toolbarMenuNode .tool-container .tool-row > .value.slider *[class^=irs-line]:after {
            top: 100%; }
        toolbarMenuNode .tool-container .tool-row > .value.color > input, toolbarMenuNode .tool-container .tool-row > .value.number > input {
          position: relative;
          float: left;
          width: 100%;
          height: 100%;
          line-height: 15px; }
        toolbarMenuNode .tool-container .tool-row > .value.number > input {
          padding: 5px; }
      toolbarMenuNode .tool-container .tool-row > .message {
        position: relative;
        float: left;
        width: 100%;
        height: 50px;
        padding: 10px;
        line-height: 30px;
        color: #ccc;
        font-size: 15px;
        font-style: italic;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: none;
        text-indent: 40px;
        text-align: left; }
      toolbarMenuNode .tool-container .tool-row > .action {
        position: relative;
        float: left;
        color: #ff6801;
        font-size: 14px;
        text-indent: 50px;
        text-transform: uppercase;
        cursor: pointer; }
        toolbarMenuNode .tool-container .tool-row > .action:before {
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          width: 50px;
          height: 50px;
          background-image: url(../../../app/assets/svgs/gear-colored.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 20px 20px; }
        toolbarMenuNode .tool-container .tool-row > .action.disabled {
          color: #ccc;
          -webkit-pointer-events: none;
          -moz-pointer-events: none;
          -ms-pointer-events: none;
          pointer-events: none; }
          toolbarMenuNode .tool-container .tool-row > .action.disabled:before {
            background-image: url(../../../app/assets/svgs/gear.svg); }
      toolbarMenuNode .tool-container .tool-row.title {
        font-style: italic; }
        toolbarMenuNode .tool-container .tool-row.title:before {
          position: absolute;
          content: '';
          top: 50%;
          left: 55%;
          right: 10px;
          height: 1px;
          background-color: #999; }
    toolbarMenuNode .tool-container .tool-checkbox {
      position: relative;
      float: left;
      width: 50px;
      height: 50px;
      cursor: pointer; }
      toolbarMenuNode .tool-container .tool-checkbox.checked {
        background-image: url(../../../app/assets/svgs/check-colored.svg);
        background-position: center center;
        background-repeat: no-repeat; }
      toolbarMenuNode .tool-container .tool-checkbox + span {
        position: relative;
        float: left;
        width: calc(100% - 50px - 10px);
        margin-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer; }
  toolbarMenuNode.active > .menu-node {
    height: 50px;
    color: #fff;
    background-color: #ff6801; }
    toolbarMenuNode.active > .menu-node > .menu-name {
      width: calc(100% - 50px - 50px); }
    toolbarMenuNode.active > .menu-node:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 50px;
      background-image: url(../svgs/close.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 15px 15px; }
  toolbarMenuNode.active > .tool-container .tool-row,
  toolbarMenuNode.active > .tool-container help div,
  toolbarMenuNode.active > .tool-container featuresDownload div,
  toolbarMenuNode.active > .tool-container rasterDownload div,
  toolbarMenuNode.active > .tool-container loadLayer div {
    margin-top: 0;
    opacity: 1; }
  toolbarMenuNode.active > toolbarMenuNode > .menu-node {
    height: 50px; }
  toolbarMenuNode.active > .tool-container {
    left: 0; }
  toolbarMenuNode.active-sub > toolbarMenuNode.toggleable:not(.active) {
    overflow: hidden; }
    toolbarMenuNode.active-sub > toolbarMenuNode.toggleable:not(.active) > .menu-node {
      height: 0; }
  toolbarMenuNode.root > .menu-node {
    color: #ff6801;
    background-color: #fff;
    box-shadow: 0 2px 2px #ccc;
    z-index: 5; }
    toolbarMenuNode.root > .menu-node:after {
      background-image: url(../svgs/close-orange.svg);
      opacity: .5; }

/*
 * TODO: sve SASS konstante kategorizirati i prenijeti u zasebnu datoteku
 */
toolbarOnMap {
  position: absolute;
  top: 40px;
  left: auto;
  right: 0;
  bottom: auto;
  margin: 10px;
  font-size: 20px;
  transition: top .6s ease-in-out; }

toolbarOnMapButton {
  border: none;
  margin-bottom: 20px;
  font-size: 18px; }
  toolbarOnMapButton div {
    border-radius: 0;
    padding: 0;
    margin: 0 0 10px 0;
    border: none; }
    toolbarOnMapButton div button {
      display: block;
      padding: 0;
      text-align: center;
      height: 30px;
      width: 30px;
      line-height: 30px;
      border: none;
      border-radius: 0;
      background-color: transparent !important;
      /*
      transition: background .6s ease-in-out;

      &:hover {
        background-color: $primary-color !important;
      }
      */ }
      toolbarOnMapButton div button:disabled {
        opacity: 0.5; }
    toolbarOnMapButton div button.active {
      color: #ff6801; }
    toolbarOnMapButton div .menu-tooltip {
      position: absolute;
      right: 40px;
      min-width: 100%;
      height: 30px;
      padding: 0 20px;
      line-height: 30px;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      margin-top: -30px;
      font-family: 'Roboto Light' !important;
      font-size: 14px;
      transition: opacity .6s ease-in-out .3s;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none; }
    toolbarOnMapButton div:hover .menu-tooltip {
      opacity: 1; }
  @media all and (max-height: 600px) {
    toolbarOnMapButton .MapPreviousViewComponentButton,
    toolbarOnMapButton .MapNextViewComponentButton {
      display: none; } }

cesiumcontrol {
  /*Override slider directive style*/ }
  cesiumcontrol .half-transparent {
    background-color: #000;
    opacity: 0.5; }
  cesiumcontrol .slider.slider-horizontal {
    width: 100%; }
  cesiumcontrol .slider.slider-vertical {
    height: 100%; }
  cesiumcontrol .slider-track {
    display: none; }
  cesiumcontrol .cesium-slider-horizontal {
    right: -30px;
    bottom: -30px;
    left: 0;
    height: 30px;
    position: absolute;
    display: block;
    border-bottom: 1px solid white; }
    cesiumcontrol .cesium-slider-horizontal .slider-container-horizontal {
      height: 100%;
      width: 100%;
      position: absolute;
      padding: 0 10%; }
      cesiumcontrol .cesium-slider-horizontal .slider-container-horizontal input {
        line-height: 30px; }
    cesiumcontrol .cesium-slider-horizontal .slider-handle {
      position: absolute;
      top: 10px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid white;
      background: none;
      border-radius: 0; }
    cesiumcontrol .cesium-slider-horizontal ul {
      height: 100%;
      position: absolute;
      width: 100%;
      margin: 0px;
      padding: 0px;
      list-style: none;
      float: left; }
      cesiumcontrol .cesium-slider-horizontal ul li {
        width: 20%;
        float: left;
        text-align: center;
        height: 100%;
        padding-top: 5px;
        color: white;
        font-size: smaller; }
  cesiumcontrol .cesium-slider-vertical {
    width: 30px;
    right: -30px;
    top: 0;
    bottom: -30px;
    position: absolute;
    display: block;
    border-right: 1px solid white;
    border-bottom: 1px solid white; }
    cesiumcontrol .cesium-slider-vertical .slider-container-vertical {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 10%;
      height: 80%; }
    cesiumcontrol .cesium-slider-vertical .slider-handle {
      position: absolute;
      width: 0;
      height: 0;
      left: 20px;
      border-top: 10px solid transparent;
      border-right: 10px solid white;
      border-bottom: 10px solid transparent;
      border-left: none;
      border-radius: 0;
      background: none; }
    cesiumcontrol .cesium-slider-vertical ul {
      height: 100%;
      width: 100%;
      padding: 0px;
      list-style: none; }
      cesiumcontrol .cesium-slider-vertical ul li {
        height: 20%;
        padding-left: 5px;
        position: relative;
        font-size: smaller; }
        cesiumcontrol .cesium-slider-vertical ul li span {
          position: absolute;
          top: 50%; }

basemap {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  /*transition: all .6s ease-in-out;*/ }
  basemap .cutaway {
    padding-right: 5px;
    padding-bottom: 5px;
    overflow: hidden; }
  basemap .layerThumbs {
    background: none;
    -webkit-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s; }
    basemap .layerThumbs .layerThumb {
      position: relative;
      float: left;
      width: 100px;
      height: 100px;
      margin-left: 0;
      margin-bottom: 0;
      border: 5px solid #fff;
      box-shadow: 2px 2px 2px rgba(128, 128, 128, 0.5);
      transition: margin .4s ease-in-out .4s; }
      basemap .layerThumbs .layerThumb .layerThumbFace {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        font-size: 12px; }
        basemap .layerThumbs .layerThumb .layerThumbFace:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          transition: opacity .4s ease-in-out;
          background-color: #000;
          opacity: .25; }
        basemap .layerThumbs .layerThumb .layerThumbFace:after {
          content: attr(data-custom-value);
          position: absolute;
          top: calc(100% + 10px);
          left: 0;
          right: 0;
          bottom: 0;
          color: #fff;
          text-align: center;
          text-overflow: ellipsis;
          white-space: nowrap;
          background-color: #666;
          opacity: .8;
          transition: top .4s ease-in-out; }
        basemap .layerThumbs .layerThumb .layerThumbFace:hover:before {
          opacity: 0; }
        basemap .layerThumbs .layerThumb .layerThumbFace:hover:after {
          top: 60%; }
      basemap .layerThumbs .layerThumb:not(.selected) {
        margin-left: -100px;
        z-index: 0; }
      basemap .layerThumbs .layerThumb.selected {
        z-index: 1; }
    basemap .layerThumbs:hover {
      cursor: pointer; }
      basemap .layerThumbs:hover .layerThumb {
        margin-left: 0;
        margin-right: 10px; }
    basemap .layerThumbs:not(:hover) .layerThumb.selected .layerThumbFace:before {
      opacity: 0; }
  basemap .basemapCopyright {
    position: absolute;
    top: auto;
    left: 120px;
    right: auto;
    bottom: 10px;
    color: #999;
    text-decoration: none;
    white-space: nowrap; }

@media all and (max-width: 800px) {
  basemap {
    margin-bottom: 50px; } }

@media all and (max-width: 400px) {
  basemap {
    margin-bottom: 100px; } }

@media all and (max-device-width: 800px) {
  basemap {
    width: 100%;
    margin-bottom: -130px;
    box-shadow: inset 0 0 6px #000;
    background-color: #414141;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: all .6s ease-in-out; }
    basemap .cutaway {
      overflow: inherit; }
    basemap .layerThumbs {
      display: inline-flex; }
    basemap .layerThumb {
      margin-left: 0 !important;
      margin-right: 10px !important; }
  .show-basemap basemap {
    margin-bottom: 0; } }

/* --- ASIG --- */
layertree .control-panel {
  position: relative;
  width: 100%;
  /*height: 50px;*/
  background-color: #fff; }
  layertree .control-panel:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0px -2px 2px rgba(128, 128, 128, 0.1);
    background-color: #fff; }
  layertree .control-panel > ul {
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Light';
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap; }
    layertree .control-panel > ul li {
      margin: 10px 0;
      padding: 0 10px;
      line-height: 30px;
      color: #999;
      font-size: 14px;
      border-left: 1px solid #999;
      display: inline-block;
      cursor: pointer;
      transition: all .1s ease-in-out;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      layertree .control-panel > ul li:first-of-type {
        border-left: none; }
      layertree .control-panel > ul li.selected {
        color: #555;
        cursor: default; }
      layertree .control-panel > ul li.options {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        border: none;
        background-image: url(../../../app/assets/svgs/gear.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 20px 20px; }
        layertree .control-panel > ul li.options.open {
          background-image: url(../../../app/assets/svgs/close-gray.svg);
          background-size: 15px 15px; }
  layertree .control-panel > ul + div .control-row {
    position: relative;
    width: 100%;
    height: 0;
    color: #999;
    font-family: 'Roboto Light';
    line-height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    transition: all .6s ease-in-out; }
    layertree .control-panel > ul + div .control-row.separation:before {
      position: absolute;
      content: '';
      top: 0;
      left: 10px;
      right: 10px;
      height: 1px;
      background-color: #ccc; }
    layertree .control-panel > ul + div .control-row > .key {
      position: relative;
      float: left;
      width: 40%;
      padding: 10px;
      line-height: 30px;
      color: #666;
      font-size: 14px;
      cursor: default; }
    layertree .control-panel > ul + div .control-row > .value {
      position: relative;
      float: right;
      width: 60%;
      padding: 10px 50px 10px 10px;
      line-height: 30px;
      text-align: right;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer; }
      layertree .control-panel > ul + div .control-row > .value.link:after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-image: url(../../../app/assets/svgs/expand-right.svg);
        background-position: center center;
        background-repeat: no-repeat; }
      layertree .control-panel > ul + div .control-row > .value.check:after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-position: center center;
        background-repeat: no-repeat; }
      layertree .control-panel > ul + div .control-row > .value.check.checked:after {
        background-image: url(../../../app/assets/svgs/check-colored.svg); }
      layertree .control-panel > ul + div .control-row > .value.check.uncheck:not(.checked):after {
        background-image: url(../../../app/assets/svgs/check.svg); }
    layertree .control-panel > ul + div .control-row.disabled {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default; }
      layertree .control-panel > ul + div .control-row.disabled * {
        color: #ccc !important; }
      layertree .control-panel > ul + div .control-row.disabled .check:after {
        background-image: url(../../../app/assets/svgs/check.svg) !important; }
  layertree .control-panel.open > ul + div .control-row {
    height: 50px; }

layerTree {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative; }
  layerTree > allLayersTree, layerTree selectedLayers {
    height: calc(100% - 50px);
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: top 0.6s ease-in-out, height 0.6s ease-in-out; }
    layerTree > allLayersTree.control-panel-open, layerTree selectedLayers.control-panel-open {
      top: 300px;
      height: calc(100% - 300px); }
    layerTree > allLayersTree::-webkit-scrollbar, layerTree selectedLayers::-webkit-scrollbar {
      display: none; }
    layerTree > allLayersTree.hide-scrollbar, layerTree selectedLayers.hide-scrollbar {
      width: calc(100% + 20px); }

allLayersTree {
  font-family: 'Roboto Light';
  background-color: #fff; }

.layer-tree-item {
  /* Nested groups */
  /* Layers in nested groups */ }
  .layer-tree-item .layer-tree-category.level2 {
    padding-left: 25px; }
  .layer-tree-item .layer-tree-category.level3 {
    padding-left: 50px; }
  .layer-tree-item .layer-tree-leaf.level3 {
    padding-left: 25px; }
    .layer-tree-item .layer-tree-leaf.level3 > input[type="checkbox"] + label {
      left: 35px; }
  .layer-tree-item .layer-tree-leaf.level4 {
    padding-left: 50px; }
    .layer-tree-item .layer-tree-leaf.level4 > input[type="checkbox"] + label {
      left: 60px; }

.layer-tree-item.single-item {
  position: relative;
  width: 100%;
  margin-bottom: -1px;
  transition: all .3s ease-in-out;
  color: #666;
  background-color: #fff;
  overflow: hidden; }

.layer-tree-item.drag-and-drop-fix {
  transform: translate3d(0, 0, 0); }

.layer-tree-category {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgba(128, 128, 128, 0.5);
  cursor: pointer;
  z-index: 1;
  transition: all .3s ease-in-out;
  overflow: hidden; }
  .layer-tree-category > span.title {
    position: relative;
    float: left;
    margin: 10px;
    width: calc(100% - 70px);
    color: #666;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .layer-tree-category > div.expand {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    margin: 10px;
    background-image: url(../../../app/assets/svgs/plus.svg);
    background-repeat: no-repeat;
    background-position: center center; }

.expanded > .layer-tree-category > span.title {
  color: #ff6801; }

.expanded > .layer-tree-category > div.expand {
  background-image: url(../../../app/assets/svgs/minus-colored.svg); }

.layer-tree-leaf {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #fff;
  border-top: 1px solid #eee;
  transition: all .3s ease-in-out;
  overflow: hidden; }
  .layer-tree-leaf.active:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ff6801; }
  .layer-tree-leaf > input[type="checkbox"] {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin: 10px;
    cursor: pointer; }
    .layer-tree-leaf > input[type="checkbox"] + label {
      position: absolute;
      top: 10px;
      left: 10px;
      width: 30px;
      height: 30px;
      background-color: #fff;
      background-image: url(../../../app/assets/svgs/check.svg);
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
      transition: all .3s ease-in-out;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      -ms-pointer-events: none;
      pointer-events: none; }
    .layer-tree-leaf > input[type="checkbox"]:checked + label {
      background-image: url(../../../app/assets/svgs/check-colored.svg); }
    .layer-tree-leaf > input[type="checkbox"]:checked + label + span.title {
      color: #666; }
  .layer-tree-leaf > span.title {
    position: relative;
    float: left;
    margin: 10px 0;
    width: calc(100% - 100px);
    line-height: 30px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .layer-tree-leaf > div.expanded,
  .layer-tree-leaf > div.collapsed {
    position: relative;
    float: right;
    width: 30px;
    height: 30px;
    margin: 10px;
    background-image: url(../../../app/assets/svgs/expand-bottom.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  .layer-tree-leaf.expanded {
    background-color: #ff6801; }
    .layer-tree-leaf.expanded > input[type="checkbox"] + label {
      background-color: #ff6801; }
    .layer-tree-leaf.expanded > input[type="checkbox"]:checked + label {
      background-image: url(../../../app/assets/svgs/check-white.svg); }
    .layer-tree-leaf.expanded > input[type="checkbox"]:checked + label + span.title {
      color: #fff; }
  .layer-tree-leaf + .layer-tree-options > .system-row {
    position: relative;
    float: left;
    width: 100%;
    height: 0px;
    padding: 0 20px;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    overflow: hidden;
    transition: all .3s ease-in-out; }
  .layer-tree-leaf + .layer-tree-options.inactive > .system-row {
    height: 0; }
  .layer-tree-leaf > div.collapsed {
    background-image: url(../../../app/assets/svgs/expand-bottom.svg); }
  .layer-tree-leaf > div.expanded {
    background-image: url(../../../app/assets/svgs/collapse-up.svg); }

.layer-tree-item.expanded .layer-tree-category + allLayersTree .layer-tree-category {
  height: 50px; }

.layer-tree-item:not(.expanded) .layer-tree-category + allLayersTree .layer-tree-category,
.layer-tree-item:not(.expanded) .layer-tree-category + allLayersTree .layer-tree-leaf {
  height: 0; }

layertree .control-panel.uncategorized ~ * .layer-tree-leaf {
  height: 50px !important;
  padding-left: 0 !important; }
  layertree .control-panel.uncategorized ~ * .layer-tree-leaf > input[type="checkbox"] + label {
    left: 10px !important; }

.system-row.slider .title {
  position: relative;
  float: left;
  width: 40%;
  line-height: 50px;
  padding-right: 20px;
  color: #666;
  font-size: 11px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  text-align: right;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.system-row.slider span[class*=js-irs] {
  position: relative;
  float: left;
  width: 60%;
  margin: 0; }
  .system-row.slider span[class*=js-irs] .irs-bar,
  .system-row.slider span[class*=js-irs] .irs-bar-edge {
    top: 22px; }
  .system-row.slider span[class*=js-irs] .irs-slider {
    top: 18px; }

.system-row.check {
  padding-left: calc(40% - 50px) !important;
  cursor: pointer; }
  .system-row.check > .dummy-checkbox {
    position: relative;
    float: left;
    width: 100%;
    line-height: 50px; }
    .system-row.check > .dummy-checkbox:before {
      position: relative;
      float: left;
      content: '';
      width: 50px;
      height: 50px;
      background-image: url(../../../app/assets/svgs/check.svg);
      background-position: center center;
      background-repeat: no-repeat; }
    .system-row.check > .dummy-checkbox.checked:before {
      background-image: url(../../../app/assets/svgs/check-colored.svg); }

.system-row.action {
  padding-left: calc(40% - 50px) !important;
  cursor: pointer; }
  .system-row.action > .system-action {
    position: relative;
    float: left;
    width: 100%;
    line-height: 50px;
    color: #ff6801;
    font-size: 12px; }
    .system-row.action > .system-action:before {
      position: relative;
      float: left;
      content: '';
      width: 50px;
      height: 50px;
      background-image: url(../../../app/assets/svgs/gear-colored.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 15px 15px; }

.expanded > allLayersTree > .single-item {
  opacity: 1; }
  .expanded > allLayersTree > .single-item .layer-tree-leaf {
    height: 50px; }
  .expanded > allLayersTree > .single-item.expanded .layer-tree-options > .system-row {
    height: 50px; }

div:not(.expanded) > allLayersTree .layer-tree-leaf {
  border-top: none; }

.active-layers-container {
  font-family: 'Roboto Light'; }

layertree .control-panel:not(.all) + allLayersTree .layer-tree-category,
layertree .control-panel:not(.all) + allLayersTree .layer-tree-leaf,
layertree .control-panel:not(.all) + allLayersTree .single-item,
layertree .control-panel:not(.all) + allLayersTree .system-row {
  height: 0 !important;
  border: none !important; }

layertree .control-panel:not(.themed) + allLayersTree + .themed-layers-container .layer-tree-category,
layertree .control-panel:not(.themed) + allLayersTree + .themed-layers-container .layer-tree-leaf,
layertree .control-panel:not(.themed) + allLayersTree + .themed-layers-container .single-item,
layertree .control-panel:not(.themed) + allLayersTree + .themed-layers-container .system-row {
  height: 0 !important;
  border: none !important; }

layertree .control-panel:not(.active) + allLayersTree + .themed-layers-container + selectedLayers .layer-tree-category,
layertree .control-panel:not(.active) + allLayersTree + .themed-layers-container + selectedLayers .layer-tree-leaf,
layertree .control-panel:not(.active) + allLayersTree + .themed-layers-container + selectedLayers .single-item,
layertree .control-panel:not(.active) + allLayersTree + .themed-layers-container + selectedLayers .system-row {
  height: 0 !important;
  border: none !important; }

layertree .control-panel.all ~ .themed-layers-container,
layertree .control-panel.all ~ .active-layers-container,
layertree .control-panel.themed ~ .all-layers-container,
layertree .control-panel.themed ~ .active-layers-container,
layertree .control-panel.active ~ .all-layers-container,
layertree .control-panel.active ~ .themed-layers-container {
  height: 0 !important; }

layertree .control-panel.themed:not(.uncategorized) + allLayersTree + .themed-layers-container .layer-tree-item .layer-tree-leaf {
  height: 0; }
  layertree .control-panel.themed:not(.uncategorized) + allLayersTree + .themed-layers-container .layer-tree-item .layer-tree-leaf.expanded + .layer-tree-options > .system-row {
    height: 0; }

layertree .control-panel.themed.categorized + allLayersTree + .themed-layers-container .layer-tree-leaf,
layertree .control-panel.themed + allLayersTree + .themed-layers-container .layer-tree-item.expanded .layer-tree-leaf {
  height: 50px; }
  layertree .control-panel.themed.categorized + allLayersTree + .themed-layers-container .layer-tree-leaf.expanded + .layer-tree-options > .system-row,
  layertree .control-panel.themed + allLayersTree + .themed-layers-container .layer-tree-item.expanded .layer-tree-leaf.expanded + .layer-tree-options > .system-row {
    height: 50px; }

layertree .control-panel.active + allLayersTree + .themed-layers-container + selectedLayers .layer-tree-leaf {
  height: 50px; }
  layertree .control-panel.active + allLayersTree + .themed-layers-container + selectedLayers .layer-tree-leaf.expanded + .layer-tree-options > .system-row {
    height: 50px; }

layertree .control-panel.uncategorized + allLayersTree .layer-tree-category,
layertree .control-panel.uncategorized + allLayersTree + .themed-layers-container .layer-tree-category {
  height: 0 !important; }

layertree .control-panel.uncategorized + allLayersTree .layer-tree-item,
layertree .control-panel.uncategorized + allLayersTree + .themed-layers-container .layer-tree-item {
  opacity: 1 !important; }
  layertree .control-panel.uncategorized + allLayersTree .layer-tree-item.expanded > .layer-tree-options > .system-row,
  layertree .control-panel.uncategorized + allLayersTree + .themed-layers-container .layer-tree-item.expanded > .layer-tree-options > .system-row {
    height: 50px; }

layertree .control-panel.uncategorized + allLayersTree .layer-tree-leaf,
layertree .control-panel.uncategorized + allLayersTree + .themed-layers-container .layer-tree-leaf {
  height: 50px;
  border-top: 1px solid #eee; }

.layer-tree-options .irs-slider,
.layer-tree-options .irs-slider:hover {
  width: 10px;
  height: 10px;
  box-shadow: none;
  background: none;
  background-color: #eee; }

.layer-tree-options .irs-single {
  display: none; }

.layer-tree-options *[class^=irs-bar],
.layer-tree-options *[class^=irs-line] {
  height: 1px;
  border: none;
  background: none;
  cursor: pointer; }

.layer-tree-options *[class^=irs-bar] {
  height: 2px;
  background-color: #ff6801; }

.layer-tree-options *[class^=irs-line] {
  overflow: visible;
  background-color: #ccc; }
  .layer-tree-options *[class^=irs-line]:before, .layer-tree-options *[class^=irs-line]:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 5px; }
  .layer-tree-options *[class^=irs-line]:before {
    bottom: 100%; }
  .layer-tree-options *[class^=irs-line]:after {
    top: 100%; }

.layer-tree-options.active .dummy-checkbox:before {
  background-image: url(../../../app/assets/svgs/check-colored.svg); }

layertree .control-panel:not(.uncategorized) ~ allLayersTree .layer-tree-item:not(.expanded) .system-row,
layertree .control-panel:not(.uncategorized) ~ allLayersTree .layer-tree-item:not(.single-item):not(.expanded) .layer-tree-leaf {
  height: 0 !important; }

layerNodeMenu .layer-node-menu {
  margin: 0 3px 0 0; }
  layerNodeMenu .layer-node-menu .opacity-label {
    margin-top: 26px; }
  layerNodeMenu .layer-node-menu .irs {
    margin: 0;
    height: auto; }
  layerNodeMenu .layer-node-menu .button-container {
    margin-top: 5px; }
    layerNodeMenu .layer-node-menu .button-container .glyphicon, layerNodeMenu .layer-node-menu .button-container .fa {
      width: 12.5%;
      text-align: center;
      font-size: 18px;
      display: inline-block;
      cursor: pointer; }
      layerNodeMenu .layer-node-menu .button-container .glyphicon:hover, layerNodeMenu .layer-node-menu .button-container .fa:hover {
        color: #317eeb; }
      layerNodeMenu .layer-node-menu .button-container .glyphicon.disabled, layerNodeMenu .layer-node-menu .button-container .fa.disabled {
        pointer-events: none;
        cursor: default;
        color: #888; }

allLayersTree {
  display: block; }
  allLayersTree ol {
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    -webkit-transition: height 0.25s;
    transition: height 0.25s;
    overflow: hidden;
    width: 100%; }
    allLayersTree ol.collapsed {
      height: 0 !important; }
  allLayersTree .dd-handle {
    position: relative;
    overflow: hidden;
    padding: 4px 10px;
    -moz-transition: height 0.25s ease-out;
    -ms-transition: height 0.25s ease-out;
    -o-transition: height 0.25s ease-out;
    -webkit-transition: height 0.25s ease-out;
    transition: height 0.25s ease-out;
    /* Layer Group menu */
    /* Layer menu*/ }
    allLayersTree .dd-handle.level1 {
      padding-left: 5px; }
    allLayersTree .dd-handle.level2 {
      padding-left: 23px; }
    allLayersTree .dd-handle.level3 {
      padding-left: 41px; }
    allLayersTree .dd-handle.level4 {
      padding-left: 59px; }
    allLayersTree .dd-handle.level5 {
      padding-left: 77px; }
    allLayersTree .dd-handle.level6 {
      padding-left: 95px; }
    allLayersTree .dd-handle.level7 {
      padding-left: 113px; }
    allLayersTree .dd-handle.leaf-node {
      color: #666;
      background-color: #dbe2e3; }
    allLayersTree .dd-handle:not(.leaf-node) {
      background-color: #c83737; }
      allLayersTree .dd-handle:not(.leaf-node) .toggle-btn {
        cursor: pointer; }
        allLayersTree .dd-handle:not(.leaf-node) .toggle-btn:hover {
          color: #FF9292; }
    allLayersTree .dd-handle .node-label {
      text-overflow: ellipsis;
      display: inline-block;
      width: calc(100% - 30px);
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
      margin: -2px 0 0 0; }
      allLayersTree .dd-handle .node-label.active {
        color: #00bb33;
        font-weight: bold; }
    allLayersTree .dd-handle.theme-root {
      background-color: #ff0000; }
      allLayersTree .dd-handle.theme-root .node-label {
        width: calc(100% - 56px); }
    allLayersTree .dd-handle input[type="checkbox"] {
      margin: 0;
      display: inline-block;
      vertical-align: middle; }
    allLayersTree .dd-handle .glyphicon-minus, allLayersTree .dd-handle .glyphicon-plus {
      position: static;
      vertical-align: middle; }
    allLayersTree .dd-handle .glyphicon-option-vertical,
    allLayersTree .dd-handle .glyphicon-option-horizontal,
    allLayersTree .dd-handle .glyphicon-th,
    allLayersTree .dd-handle .fa-circle-o-notch {
      position: absolute;
      top: 2px;
      right: 0px;
      padding: 6px;
      cursor: pointer; }
      allLayersTree .dd-handle .glyphicon-option-vertical:hover,
      allLayersTree .dd-handle .glyphicon-option-horizontal:hover,
      allLayersTree .dd-handle .glyphicon-th:hover,
      allLayersTree .dd-handle .fa-circle-o-notch:hover {
        color: #FF9292; }
    allLayersTree .dd-handle .glyphicon-option-vertical.right-space {
      right: 24px; }
    allLayersTree .dd-handle .glyphicon-th,
    allLayersTree .dd-handle .fa-circle-o-notch {
      right: 24px; }
    allLayersTree .dd-handle .fa-circle-o-notch {
      font-size: 14px; }
    allLayersTree .dd-handle.group-menu-opened {
      height: 110px;
      -moz-transition: height 0.25s ease-in;
      -ms-transition: height 0.25s ease-in;
      -o-transition: height 0.25s ease-in;
      -webkit-transition: height 0.25s ease-in;
      transition: height 0.25s ease-in; }
    allLayersTree .dd-handle .layer-group-menu {
      padding: 5px 3px 0 5px; }
      allLayersTree .dd-handle .layer-group-menu label {
        font-weight: normal; }
      allLayersTree .dd-handle .layer-group-menu .irs {
        margin: -5px 0 5px 0; }
      allLayersTree .dd-handle .layer-group-menu .zoom-btn {
        cursor: pointer; }
        allLayersTree .dd-handle .layer-group-menu .zoom-btn:hover {
          color: #FF9292; }
    allLayersTree .dd-handle.layer-menu-opened {
      height: 114px; }

selectedLayers {
  display: block; }
  selectedLayers .dd-item.drag-and-drop-fix {
    transform: translate3d(0, 0, 0); }
  selectedLayers .dd-handle {
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    -webkit-transition: height 0.25s;
    transition: height 0.25s;
    overflow: hidden; }
    selectedLayers .dd-handle .node-label {
      text-overflow: ellipsis;
      display: inline-block;
      width: calc(100% - 44px);
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
      margin: -2px 0 0 0; }
      selectedLayers .dd-handle .node-label.active {
        color: #00ff33;
        font-weight: bold; }
      selectedLayers .dd-handle .node-label.disabled {
        color: #bbb; }
    selectedLayers .dd-handle input[type="checkbox"] {
      margin: 0;
      display: inline-block;
      vertical-align: middle; }
    selectedLayers .dd-handle .glyphicon-option-vertical,
    selectedLayers .dd-handle .glyphicon-option-horizontal,
    selectedLayers .dd-handle .glyphicon-remove {
      position: absolute;
      top: 2px;
      right: 18px;
      padding: 6px;
      cursor: pointer; }
      selectedLayers .dd-handle .glyphicon-option-vertical:hover,
      selectedLayers .dd-handle .glyphicon-option-horizontal:hover,
      selectedLayers .dd-handle .glyphicon-remove:hover {
        color: #317eeb; }
      selectedLayers .dd-handle .glyphicon-option-vertical.disabled,
      selectedLayers .dd-handle .glyphicon-option-horizontal.disabled,
      selectedLayers .dd-handle .glyphicon-remove.disabled {
        color: #bbb;
        pointer-events: none; }
    selectedLayers .dd-handle .glyphicon-remove {
      right: 0; }
    selectedLayers .dd-handle.menu-opened {
      height: 114px; }
    selectedLayers .dd-handle.menu-opened .layer-node-menu {
      display: block; }
    selectedLayers .dd-handle .layer-node-menu {
      display: none; }

layerThemeSelector .layer-theme-selector {
  background-color: #dbe2e3;
  overflow: hidden;
  height: 0; }
  layerThemeSelector .layer-theme-selector.animate {
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    -webkit-transition: height 0.25s;
    transition: height 0.25s; }
  layerThemeSelector .layer-theme-selector .theme-selector-header .ts-top-border {
    background-color: #fff;
    height: 6px;
    position: relative; }
    layerThemeSelector .layer-theme-selector .theme-selector-header .ts-top-border .arrow {
      position: absolute;
      top: 0;
      right: 31px;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #dbe2e3; }
  layerThemeSelector .layer-theme-selector .theme-selector-header .ts-title {
    padding: 2px 6px;
    color: #666;
    border-bottom: 1px solid #fff; }
  layerThemeSelector .layer-theme-selector .themes-container {
    padding: 0 0 8px 0;
    overflow: hidden; }
    layerThemeSelector .layer-theme-selector .themes-container .theme-item {
      float: left;
      margin: 8px 0 0 8px;
      width: 112px;
      padding: 6px 0;
      border-radius: 8px;
      color: #666;
      text-align: center;
      cursor: pointer; }
      layerThemeSelector .layer-theme-selector .themes-container .theme-item img {
        width: 100px;
        height: 100px;
        border-radius: 5px; }
      layerThemeSelector .layer-theme-selector .themes-container .theme-item span {
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden; }
      layerThemeSelector .layer-theme-selector .themes-container .theme-item:hover, layerThemeSelector .layer-theme-selector .themes-container .theme-item.selected {
        color: #fff;
        background-color: #79989C; }
      layerThemeSelector .layer-theme-selector .themes-container .theme-item.selected {
        cursor: default; }

drawPoint {
  /**/ }

drawLine {
  /**/ }

drawPolygon .tool-row.check {
  padding-left: calc(50% - 100px); }

drawAnnotation .tool-row.check {
  padding-left: calc(50% - 100px); }

spatialSelect .tool-row {
  cursor: pointer; }

spatialSelect .tool-row.check {
  padding-left: calc(50% - 100px); }

featureAttributesForm input[type="checkbox"] {
  margin: 8px 0;
  width: 18px;
  height: 18px; }

featureAttributesForm .input-container .ng-invalid {
  border-color: #ff0000; }

featureAttributesForm .input-container .input-group-btn .btn {
  padding: 6px 12px; }

featureAttributesForm .input-container .dropdown .btn {
  position: relative;
  display: inline-block; }

featureAttributesForm my-date-picker .mydp {
  border: none !important; }

popuppanel.featureAttributesForm {
  max-width: 800px;
  width: 100%; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

featureAttributesTool {
  text-align: center; }
  featureAttributesTool .alert {
    padding: 5px;
    margin: 10px; }

featureAttributesListForm {
  width: 100%;
  height: 100%; }
  featureAttributesListForm .formFields {
    width: auto; }
  featureAttributesListForm .table-container {
    padding: 0px; }
    featureAttributesListForm .table-container .col-sm-12 {
      padding: 0px; }
    featureAttributesListForm .table-container .dataTables_wrapper {
      margin-top: -1px; }
    featureAttributesListForm .table-container .dataTables_scroll {
      border: 1px solid #ddd; }
      featureAttributesListForm .table-container .dataTables_scroll .dataTables_scrollHead {
        background-color: #ddd; }
      featureAttributesListForm .table-container .dataTables_scroll .dataTables_scrollBody {
        height: 180px !important; }
        featureAttributesListForm .table-container .dataTables_scroll .dataTables_scrollBody thead {
          visibility: hidden; }
        featureAttributesListForm .table-container .dataTables_scroll .dataTables_scrollBody tbody tr {
          cursor: pointer; }
          featureAttributesListForm .table-container .dataTables_scroll .dataTables_scrollBody tbody tr td {
            border-bottom: 1px solid #ddd; }

popuppanel.featureAttributesListForm {
  max-width: 1000px;
  width: 100%; }
  popuppanel.featureAttributesListForm .row .content {
    overflow-y: hidden; }
    popuppanel.featureAttributesListForm .row .content .scroll {
      height: 230px; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

featureAttributesList {
  text-align: center; }
  featureAttributesList .alert {
    padding: 5px;
    margin: 10px; }

.measure-tool-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 5px 8px;
  opacity: 0.7;
  white-space: nowrap;
  line-height: normal;
  text-align: center; }
  .measure-tool-tooltip.measure {
    opacity: 1;
    font-weight: bold; }
  .measure-tool-tooltip.static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white; }
  .measure-tool-tooltip.measure:before, .measure-tool-tooltip.static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%; }
  .measure-tool-tooltip.static:before {
    border-top-color: #ffcc33; }
  .measure-tool-tooltip.measure-segment, .measure-tool-tooltip.static-point, .measure-tool-tooltip.static-segment {
    font-size: 0.85em;
    padding: 3px 6px; }
  .measure-tool-tooltip .coords {
    font-size: 0.85em; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

measureSelectedTool {
  text-align: center; }
  measureSelectedTool .alert {
    padding: 5px;
    margin: 10px; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

drawCircleWithRadius .alert {
  padding: 5px 10px;
  margin: 5px;
  text-align: center; }

overviewMap .overviewMap .overviewMapIcon {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin: 10px; }
  overviewMap .overviewMap .overviewMapIcon.hidden {
    display: block !important; }
    overviewMap .overviewMap .overviewMapIcon.hidden button {
      background-image: url(../../../app/assets/svgs/map-white.svg); }
  overviewMap .overviewMap .overviewMapIcon button {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-image: url(../../../app/assets/svgs/map.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-color: transparent; }
    overviewMap .overviewMap .overviewMapIcon button:hover {
      background-image: url(../../../app/assets/svgs/map-white.svg); }
    overviewMap .overviewMap .overviewMapIcon button *:before,
    overviewMap .overviewMap .overviewMapIcon button *:after {
      display: none; }

overviewMap .overviewMap .overviewMapPanel {
  position: absolute;
  top: 10px;
  right: calc(100% + 10px);
  width: 250px;
  height: 150px;
  border: 5px solid #fff;
  box-shadow: 2px 2px 2px #ccc;
  background-color: #fff;
  cursor: pointer; }
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap,
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap.ol-uncollapsible {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0; }
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap:not(.ol-collapsed) {
    border: 0px solid black; }
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap .ol-overviewmap-map {
    border: none;
    width: 230px;
    height: 135px; }
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap .ol-overviewmap-box {
    border: 2px dotted #ff6801; }
  overviewMap .overviewMap .overviewMapPanel .ol-custom-overviewmap:not(.ol-collapsed) button {
    bottom: auto;
    left: auto;
    right: 1px;
    top: 1px; }

drawPointAtCoordinates .tool-row.check {
  padding-left: calc(50% - 100px); }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

mousePosition .mousePosition {
  position: relative;
  float: right;
  height: 30px;
  padding: 5px 0;
  color: #fff;
  font-size: 12px;
  font-family: 'Roboto Light';
  line-height: 20px;
  min-width: 250px;
  background-color: rgba(0, 0, 0, 0.5); }
  mousePosition .mousePosition .coords {
    position: relative;
    float: left;
    height: 20px;
    padding: 0 10px;
    border-left: 1px solid #999; }
  mousePosition .mousePosition select {
    position: relative;
    float: left;
    padding: 0 10px;
    margin-right: 0px;
    border: none;
    cursor: default;
    -webkit-appearance: none;
    pointer-events: none;
    background-color: transparent;
    width: 65px; }
    mousePosition .mousePosition select option {
      color: #666; }

.ws-feature-popup {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  color: white;
  padding: 5px 8px;
  line-height: normal;
  max-width: 250px; }
  .ws-feature-popup:before {
    border-top: 6px solid rgba(0, 0, 0, 0.6);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

drawBuffer .alert {
  padding: 5px 10px;
  margin: 5px 10px 0 10px;
  text-align: center; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

scaleLine > .scaleLine {
  position: absolute;
  right: 0;
  bottom: 40px;
  height: 30px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.5); }
  scaleLine > .scaleLine .scaleLine-inner {
    height: 15px;
    margin-top: 5px;
    color: #fff;
    font-size: 11px;
    font-family: 'Roboto Light';
    text-align: center;
    line-height: 5px;
    border: 1px solid #fff;
    border-top: none; }

scaleCombo .scaleCombo {
  float: right;
  z-index: 101; }
  scaleCombo .scaleCombo select {
    border: 1px solid #ddd; }
  @media all and (max-height: 400px) {
    scaleCombo .scaleCombo {
      display: none; } }
  @media all and (max-width: 600px) {
    scaleCombo .scaleCombo {
      display: none; } }

settingsForm .settingsForm .row {
  margin: 10px 0 10px 0; }
  settingsForm .settingsForm .row span {
    vertical-align: sub; }

popuppanel.settingsForm {
  max-width: 400px;
  width: 100%; }

settings .settings {
  position: absolute;
  right: 45px;
  top: 25px;
  z-index: 101; }
  settings .settings button {
    color: white;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none; }
    settings .settings button:hover {
      opacity: 0.5; }
  settings .settings .active {
    opacity: 0.5; }

@media all and (max-height: 600px) {
  settings .settings {
    right: 35px;
    bottom: 5px;
    top: auto; } }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

zoomToSelected {
  text-align: center; }
  zoomToSelected .alert {
    padding: 5px;
    margin: 10px; }

printMapForm .printMapForm input.ng-invalid {
  border-color: #ff0000; }

printMapForm .printMapForm .loading {
  padding: 30px 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  printMapForm .printMapForm .loading span {
    display: block;
    padding: 0 0 10px 0; }
  printMapForm .printMapForm .loading i {
    font-size: 40px; }

layerInfoForm .layerInfoForm {
  height: 100%;
  width: 100%;
  float: left; }
  layerInfoForm .layerInfoForm .modal-content {
    height: 350px;
    width: 100%;
    border-radius: 0px;
    overflow: hidden; }
    layerInfoForm .layerInfoForm .modal-content .nano-pane .nano-slider {
      background: #999999; }
    layerInfoForm .layerInfoForm .modal-content .modal-body {
      padding: 10px; }
  @media (max-height: 700px) {
    layerInfoForm .layerInfoForm .modal-content {
      height: calc(100vh - 160px); } }
  layerInfoForm .layerInfoForm .row {
    margin: 10px 0 10px 0; }
    layerInfoForm .layerInfoForm .row span {
      vertical-align: sub; }
    layerInfoForm .layerInfoForm .row .layerInfoTitle {
      font-weight: bold;
      color: #ff6801;
      text-transform: uppercase; }
    layerInfoForm .layerInfoForm .row .layerInfoDiv {
      margin-top: 10px;
      margin-bottom: 10px; }
    layerInfoForm .layerInfoForm .row .layerInfoDiv:before {
      position: relative;
      float: left;
      content: '';
      width: 50px;
      height: 22px;
      background-image: url(../svgs/block.svg);
      background-position: center center;
      background-repeat: no-repeat; }
    layerInfoForm .layerInfoForm .row .layerInfoContentDiv {
      padding-left: 60px; }
    layerInfoForm .layerInfoForm .row .legend {
      width: 100%;
      height: 100%; }
    layerInfoForm .layerInfoForm .row .metadataElement {
      width: 100%;
      text-transform: uppercase;
      font-weight: bold; }
    layerInfoForm .layerInfoForm .row .metadataValue {
      padding-top: 5px;
      padding-bottom: 15px; }
    layerInfoForm .layerInfoForm .row .geonetworkUrl {
      padding-left: 60px; }

permalinkForm .permalinkForm .topPadding {
  padding-top: 10px; }

permalinkForm .permalinkForm .topBottomPadding {
  padding-top: 10px;
  padding-bottom: 10px; }

permalinkForm .permalinkForm .topMargin {
  margin-top: 10px; }

permalinkForm .permalinkForm .buttonMargin {
  margin-top: 10px;
  margin-bottom: 10px; }

permalinkForm .permalinkForm .qrStyle {
  padding-bottom: 10px;
  margin-left: -20px;
  margin-top: -5px; }

permalinkForm .permalinkForm .col-xs-12 {
  text-align: center; }
  permalinkForm .permalinkForm .col-xs-12 textarea {
    resize: none; }

popuppanel .row .content {
  max-height: 290px !important; }

popuppanel.permalinkForm {
  max-width: 500px;
  width: 100%;
  height: 320px; }

languageSelect .languageSelect {
  position: absolute;
  right: 88px;
  top: 28px;
  z-index: 101; }
  languageSelect .languageSelect select {
    background-color: #c83737;
    color: #fff; }

@media all and (max-height: 600px) {
  languageSelect .languageSelect {
    right: 5px;
    bottom: 45px;
    top: auto; } }

featuresDownload .featuresDataTable {
  display: inline-block;
  overflow: auto;
  max-height: 350px;
  margin-left: 10px;
  margin-bottom: 10px; }

featuresDownload .format {
  margin-top: 10px;
  margin-bottom: 15px; }

featuresDownload .downloadFormat {
  margin-top: 6px; }

featuresDownload .downloadOptions button {
  margin-bottom: 5px;
  width: 60%; }

featuresDownload textarea {
  width: 100%; }

featuresDownload .loading {
  font-weight: bold;
  margin-left: 10px; }

featuresDownload .paymentOptions {
  text-align: center; }
  featuresDownload .paymentOptions span {
    display: inline-block;
    position: relative; }

rasterDownload input[type="text"] {
  width: 92%;
  margin: 10px;
  text-align: center; }

rasterDownload textarea {
  width: 92%;
  margin-left: 10px; }

rasterDownload select {
  margin-top: 4px;
  margin-bottom: 20px;
  width: 100%; }

rasterDownload .alert {
  margin: 0px 10px 10px 10px; }

rasterDownload .loading {
  font-weight: bold;
  margin-left: 10px; }

rasterDownload .paymentOptions {
  text-align: center; }
  rasterDownload .paymentOptions span {
    display: inline-block;
    position: relative; }

loadLayer input[type=number] {
  width: 80px; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

showCoordinate .click-on-map {
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold; }

showCoordinate .projection {
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px; }

showCoordinate .coordinate {
  margin-left: 20px;
  margin-top: 5px; }

showCoordinate .coordLabel {
  margin-right: 5px;
  text-align: right;
  display: inline-block;
  width: 35%; }

showCoordinate input {
  width: 50%;
  text-align: right; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

fullView .click-on-map {
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold; }

fullView .projection {
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px; }

fullView .coordinate {
  margin-left: 20px;
  margin-top: 5px; }

fullView .coordLabel {
  margin-right: 5px;
  text-align: right;
  display: inline-block;
  width: 35%; }

fullView input {
  width: 50%;
  text-align: right; }

popuppanel {
  max-width: initial !important;
  position: fixed;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  font-family: 'Roboto Light';
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  cursor: default;
  z-index: 9999;
  opacity: 0;
  transition: opacity .6s ease-in-out; }
  popuppanel.open {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1; }
    popuppanel.open > .window {
      width: 600px;
      height: 400px; }
  popuppanel > .window {
    position: relative;
    width: 0;
    height: 0;
    margin: 50vh auto;
    transform: translateY(-50%);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    transition: all .6s ease-in-out;
    overflow: hidden; }
    popuppanel > .window > .header {
      position: relative;
      float: left;
      width: 100%;
      height: 50px;
      padding: 10px;
      color: #fff;
      background-color: #ff6801; }
      popuppanel > .window > .header > .title {
        width: calc(100% - 50px);
        font-size: 17px;
        font-weight: normal;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      popuppanel > .window > .header > .close {
        width: 20px;
        height: 20px;
        margin: 5px;
        background-image: url(../svgs/close.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        opacity: 1; }
        popuppanel > .window > .header > .close:hover {
          opacity: 1; }
    popuppanel > .window > .content {
      position: relative;
      width: 100%;
      height: calc(100% - 50px);
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff; }

@media all and (max-width: 600px) {
  popuppanel.open > .window {
    width: 100%; } }

@media all and (max-height: 700px) {
  popuppanel.open > .window {
    height: calc(100% - 110px);
    margin: 60px auto;
    transform: translateY(0); } }

popuppanel.featureAttributesTable {
  height: auto !important; }

featureattributestable .nav.nav-tabs + .tab-content {
  height: 318px !important; }

featureattributesform .form-horizontal .control-label {
  width: 100%; }

.custom-cesium-infoBox {
  display: block;
  position: absolute;
  top: 75px;
  right: 10rem;
  width: 25%;
  max-width: 480px;
  background: #000;
  color: #edffff;
  border: 1px solid #444;
  border-right: none;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 0 10px 1px #000;
  transform: translate(100%, 0);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in; }

.custom-hide-infobox {
  visibility: hidden; }

.custom-show-infobox {
  visibility: visible; }

.custom-cesium-infoBox-visible {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out; }

.custom-cesium-infoBox-hidden {
  transform: translate(0, 0);
  visibility: hidden;
  opacity: 1;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out; }

.custom-cesium-infoBox-title {
  display: block;
  height: 20px;
  padding: 5px 30px 5px 25px;
  background: #545454;
  border-top-left-radius: 7px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box; }

button.custom-cesium-infoBox-close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  background: 0 0;
  border: none;
  border-radius: 2px;
  font-weight: 700;
  font-size: 16px;
  padding: 0 5px;
  margin: 0;
  color: #edffff; }

button.custom-cesium-infoBox-close:focus {
  background: rgba(238, 136, 0, 0.44);
  outline: 0; }

button.custom-cesium-infoBox-close:hover {
  background: #888;
  color: #000; }

button.custom-cesium-infoBox-close:active {
  background: #a00;
  color: #000; }

.custom-cesium-infoBox-defaultTable {
  width: 100%;
  color: #edffff; }

.custom-cesium-infoBox-defaultTable tbody {
  color: #fff; }

.custom-cesium-infoBox-defaultTable tr:nth-child(odd) {
  background-color: rgba(84, 84, 84, 0.8); }

.custom-cesium-infoBox-defaultTable tr:nth-child(even) {
  background-color: rgba(84, 84, 84, 0.8); }

.custom-cesium-infoBox-defaultTable th {
  font-weight: 400;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
  color: white; }

.custom-cesium-infoBox-defaultTable td {
  padding: 3px;
  vertical-align: middle;
  text-align: left; }

map {
  /*
     * Dimenzije, položaj i međuovisnost komponente MAP s ostalim komponentama iste razine je definirana u APP.scss zbog lakšeg pregleda ukupnog layouta.
     */
  /*
     * Otvoren samo lijevi menu
     */
  /*
     * Otvoren samo desni menu
     */
  /*
     * Sve otvoreno
     */ }
  map region {
    position: relative;
    float: left;
    width: 200px;
    height: 100%;
    transition: all .6s ease-in-out;
    /**/
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none; }
    map region .handle {
      position: absolute;
      width: 50px;
      height: 100%; }
    map region.west {
      width: 250px;
      margin-left: -250px; }
      map region.west.open {
        margin-left: 0; }
      map region.west .handle {
        left: calc(100% + 10px);
        right: initial; }
    map region.east {
      float: right;
      width: 0px; }
      map region.east.open {
        margin-right: 0; }
      map region.east .handle {
        left: initial;
        right: 100%;
        z-index: 10;
        -moz-transition: right 0.6s ease-in-out;
        -ms-transition: right 0.6s ease-in-out;
        -o-transition: right 0.6s ease-in-out;
        -webkit-transition: right 0.6s ease-in-out;
        transition: right 0.6s ease-in-out; }
      map region.east.view-mode-3d .handle {
        right: -50px; }
      map region.east .menu-tooltip {
        position: absolute;
        min-width: 100%;
        padding: 0 20px;
        line-height: 50px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: rgba(0, 0, 0, 0.5);
        font-family: 'Open Sans', sans-serif !important;
        transition: opacity .6s ease-in-out .3s;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none; }
    map region.center {
      width: 100%;
      overflow: hidden;
      padding: 0 50px 0 0;
      /* region.center, 3D mode */ }
      map region.center .widgets-area {
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        /**/
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none; }
        map region.center .widgets-area * {
          -webkit-pointer-events: all;
          -moz-pointer-events: all;
          -ms-pointer-events: all;
          pointer-events: all; }
      map region.center .widgets-area-right-down {
        position: absolute;
        right: 60px;
        bottom: 5px;
        -moz-transition: right 0.6s ease-in-out, bottom 0.6s ease-in-out;
        -ms-transition: right 0.6s ease-in-out, bottom 0.6s ease-in-out;
        -o-transition: right 0.6s ease-in-out, bottom 0.6s ease-in-out;
        -webkit-transition: right 0.6s ease-in-out, bottom 0.6s ease-in-out;
        transition: right 0.6s ease-in-out, bottom 0.6s ease-in-out;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none; }
        map region.center .widgets-area-right-down * {
          -webkit-pointer-events: all;
          -moz-pointer-events: all;
          -ms-pointer-events: all;
          pointer-events: all; }
      map region.center .nonexistent-footer {
        bottom: 35px; }
      map region.center .widgets-no-footer {
        position: absolute;
        right: 60px;
        bottom: 5px;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none; }
        map region.center .widgets-no-footer * {
          -webkit-pointer-events: all;
          -moz-pointer-events: all;
          -ms-pointer-events: all;
          pointer-events: all; }
        map region.center .widgets-no-footer select {
          border: 1px solid #c83737; }
      map region.center.view-mode-3d {
        padding: 0; }
        map region.center.view-mode-3d .widgets-area {
          width: calc(100% - 30px);
          height: calc(100% - 30px);
          margin: 0 30px 30px 0; }
        map region.center.view-mode-3d .widgets-area-right-down {
          bottom: 35px;
          right: 40px; }
      map region.center:not(.view-mode-3d) cesiumControl .slider .tooltip {
        display: none !important; }
    map region.center.noToolbar {
      padding-right: 0px; }
    map region * {
      -webkit-pointer-events: all;
      -moz-pointer-events: all;
      -ms-pointer-events: all;
      pointer-events: all; }
  map region.west.open + region.east:not(.open) + region.center {
    width: calc(100% - 250px); }
  map region.west:not(.open) + region.east.open + region.center {
    width: calc(100% - 0px); }
  map region.west.open + region.east.open + region.center {
    width: calc(100% - 250px - 0px); }
  map div.ol-overlaycontainer-stopevent > div.ol-zoom.ol-unselectable.ol-control {
    visibility: hidden; }
  map div.cesium-viewer > div.cesium-viewer-animationContainer {
    visibility: hidden; }
  map div.cesium-viewer > div.cesium-viewer-animationContainer {
    visibility: hidden; }
  map div.ol-viewport > div:nth-child(4) > div:nth-child(2) > div.cesium-credit-logoContainer {
    visibility: hidden; }

@media all and (max-width: 800px) {
  /*
     * Na užim ekranima trenutno skrivamo toolbar s alatima
     * TODO: prilagoditi vidljivost za ostali sadržaj kada bude definiran
     */
  map region.east,
  map region.east.open {
    margin-right: 0px; }
    map region.east > .handle,
    map region.east.open > .handle {
      display: none; }
  map region.west.open {
    width: calc(100% - 50px);
    margin-left: 0; }
  map region.center {
    width: 100%;
    padding-right: 0; }
    map region.center .widgets-area-right-down {
      right: 10px; }
  map region.west.open + * + region.center {
    width: 0; } }

/* --- search SETTINGS --- */
search .search-settings-container {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  background-color: #fff; }
  search .search-settings-container > .title {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; }
    search .search-settings-container > .title:before {
      position: relative;
      float: left;
      content: '';
      width: 20px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background-image: url(../../../app/assets/svgs/triangle-bullet.svg);
      background-position: center center;
      background-repeat: no-repeat;
      transition: all .3s ease-in-out;
      transform: rotateZ(90deg); }
  search .search-settings-container > .search-single-setting {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden; }
    search .search-settings-container > .search-single-setting > .title {
      position: relative;
      float: left;
      width: 100%;
      height: 30px;
      padding: 0 10px;
      line-height: 30px;
      font-weight: bold;
      font-style: italic;
      font-size: 12px;
      text-align: right;
      text-transform: uppercase;
      transition: all .3s ease-in-out;
      cursor: pointer; }
      search .search-settings-container > .search-single-setting > .title:after {
        position: relative;
        float: right;
        content: '-';
        width: 20px;
        height: 30px;
        line-height: 30px;
        text-align: center; }
    search .search-settings-container > .search-single-setting .settings-row {
      position: relative;
      float: left;
      width: 100%;
      height: 30px;
      padding: 0 10px 0 30px;
      line-height: 30px;
      transition: all .3s ease-in-out;
      overflow: hidden;
      opacity: 1; }
      search .search-settings-container > .search-single-setting .settings-row.title {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase; }
      search .search-settings-container > .search-single-setting .settings-row.buttons > i {
        position: relative;
        float: left;
        width: 25%;
        text-align: center; }
      search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list {
        height: auto; }
        search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list table {
          width: 100%;
          font-size: 12px; }
          search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list table thead {
            font-weight: 600; }
          search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list table tr {
            border-bottom: 1px solid gray; }
            search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list table tr td {
              text-align: center; }
              search .search-settings-container > .search-single-setting .settings-row.targeted-filter-list table tr td.remove-button {
                color: red; }
      search .search-settings-container > .search-single-setting .settings-row label {
        position: relative;
        margin: 0 0 0 10px;
        font-size: 12px;
        font-weight: normal;
        line-height: 30px;
        text-transform: uppercase;
        cursor: pointer; }
        search .search-settings-container > .search-single-setting .settings-row label.disabled {
          cursor: not-allowed;
          color: darkgray; }
        search .search-settings-container > .search-single-setting .settings-row label:before {
          position: absolute;
          content: '';
          right: 100%;
          width: 30px;
          height: 30px;
          background-color: #fff;
          background-position: center center;
          background-repeat: no-repeat;
          -webkit-pointer-events: none;
          -moz-pointer-events: none;
          -ms-pointer-events: none;
          pointer-events: none; }
      search .search-settings-container > .search-single-setting .settings-row input:checked + label:before {
        background-image: url(../../../app/assets/svgs/check-colored.svg); }
    search .search-settings-container > .search-single-setting.collapsed > .title:after {
      content: '+'; }
    search .search-settings-container > .search-single-setting.collapsed .settings-row {
      height: 0;
      opacity: 0; }
  search .search-settings-container.collapsed > .search-single-setting > .title,
  search .search-settings-container.collapsed > .search-single-setting .settings-row {
    height: 0; }
  search .search-settings-container.collapsed > .title:before {
    transform: rotateZ(0deg); }
  search .search-settings-container span.fa.fa-bookmark-o, search .search-settings-container span.fa.fa-square-o, search .search-settings-container span.fa.fa-circle-thin, search .search-settings-container span.fa.fa-trash, search .search-settings-container span.fa.fa-dot-circle-o, search .search-settings-container span.fa.fa-laptop {
    font-size: 24px;
    color: #ff6801;
    cursor: pointer;
    padding: 5px; }
  search .search-settings-container .settings-row.buttons {
    height: 40px !important; }

search label,
search .title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

search .search-panel {
  position: relative;
  float: left;
  width: calc(100% + 0px);
  overflow-x: hidden;
  overflow-y: hidden; }

/* --- search INPUT --- */
searchbar .search-input-container {
  position: relative;
  float: left;
  padding: 10px 20px 10px 30px;
  width: 100%;
  height: 50px;
  line-height: 30px;
  background-color: #fff; }
  searchbar .search-input-container > input {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    color: #666;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999; }
  searchbar .search-input-container > .clear-results {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px; }
    searchbar .search-input-container > .clear-results:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 10px;
      bottom: 0;
      background-image: url(../../../app/assets/svgs/close-gray.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 10px 10px;
      cursor: pointer; }

searchbar .loading {
  padding-left: 30px;
  font-weight: bold;
  background-color: #fff; }

.nano > .nano-pane {
  width: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.nano > .nano-pane > .nano-slider {
  margin: 0 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

localFeatureClassForm {
  /* Feature class edit form overrides */ }
  localFeatureClassForm .modal {
    display: block; }
    localFeatureClassForm .modal .modal-dialog .modal-content .modal-body {
      padding-bottom: 0; }
  localFeatureClassForm featureClassEditForm .scrollable-y {
    height: auto;
    max-height: 750px; }
    @media all and (max-height: 900px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 650px; } }
    @media all and (max-height: 800px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 550px; } }
    @media all and (max-height: 700px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 450px; } }
    @media all and (max-height: 600px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 350px; } }
    @media all and (max-height: 500px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 250px; } }
    @media all and (max-height: 400px) {
      localFeatureClassForm featureClassEditForm .scrollable-y {
        max-height: 150px; } }
  localFeatureClassForm featureClassEditForm .admin-table-container table.dataTable tr.dirty {
    background: none; }
    localFeatureClassForm featureClassEditForm .admin-table-container table.dataTable tr.dirty.odd {
      background-color: #f9f9f9; }

localFeatureClassAttributeForm .modal {
  display: block;
  z-index: 1070; }
  localFeatureClassAttributeForm .modal .modal-dialog {
    margin: 60px auto; }
    localFeatureClassAttributeForm .modal .modal-dialog .modal-content .modal-body {
      padding-bottom: 0; }

localFeatureClassAttributeForm .modal-backdrop {
  z-index: 1060; }

exportLayer .modal {
  display: block; }
  exportLayer .modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 0; }
    exportLayer .modal .modal-dialog .modal-content .modal-body .form-group {
      margin-left: 0;
      margin-right: 0; }

.igvt-modal {
  display: block; }
  .igvt-modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 0; }
    .igvt-modal .modal-dialog .modal-content .modal-body .form-group {
      margin-left: 0;
      margin-right: 0; }

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*z-index: 1;*/ }
  #map .ol-dragbox, #map .ol-dragzoom {
    border: 2px solid blue; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

geometryEdit .alert {
  text-align: center;
  margin: 10px; }

geometryEdit .point-editor {
  margin-top: -15px; }

geometryEdit li {
  clear: both; }

geometryEdit .radio-form {
  display: block;
  clear: both; }

geometryEdit #marker {
  width: 20px;
  height: 20px;
  border: 1px solid #088;
  border-radius: 10px;
  background-color: #0FF;
  opacity: 0.5; }

measureCoordinates, drawCircleWithRadius, zoomToCoordinates, drawBuffer, zoomToPredefinedLocation, showCoordinate, fullView, geometryEdit, polygonEditGenerate {
  position: relative;
  width: 100%;
  height: auto; }
  measureCoordinates label, drawCircleWithRadius label, zoomToCoordinates label, drawBuffer label, zoomToPredefinedLocation label, showCoordinate label, fullView label, geometryEdit label, polygonEditGenerate label {
    width: 100%;
    text-align: right;
    font-size: 0.85em;
    font-weight: normal;
    color: black; }
  measureCoordinates input[type="number"], drawCircleWithRadius input[type="number"], zoomToCoordinates input[type="number"], drawBuffer input[type="number"], zoomToPredefinedLocation input[type="number"], showCoordinate input[type="number"], fullView input[type="number"], geometryEdit input[type="number"], polygonEditGenerate input[type="number"] {
    padding-right: 5px; }
  measureCoordinates input[type="color"], drawCircleWithRadius input[type="color"], zoomToCoordinates input[type="color"], drawBuffer input[type="color"], zoomToPredefinedLocation input[type="color"], showCoordinate input[type="color"], fullView input[type="color"], geometryEdit input[type="color"], polygonEditGenerate input[type="color"] {
    border: none;
    padding: 0;
    cursor: pointer; }
  measureCoordinates select, drawCircleWithRadius select, zoomToCoordinates select, drawBuffer select, zoomToPredefinedLocation select, showCoordinate select, fullView select, geometryEdit select, polygonEditGenerate select {
    padding: 0 !important; }
  measureCoordinates .ng-touched.ng-invalid, drawCircleWithRadius .ng-touched.ng-invalid, zoomToCoordinates .ng-touched.ng-invalid, drawBuffer .ng-touched.ng-invalid, zoomToPredefinedLocation .ng-touched.ng-invalid, showCoordinate .ng-touched.ng-invalid, fullView .ng-touched.ng-invalid, geometryEdit .ng-touched.ng-invalid, polygonEditGenerate .ng-touched.ng-invalid {
    border-color: red; }
  measureCoordinates .no-padding, drawCircleWithRadius .no-padding, zoomToCoordinates .no-padding, drawBuffer .no-padding, zoomToPredefinedLocation .no-padding, showCoordinate .no-padding, fullView .no-padding, geometryEdit .no-padding, polygonEditGenerate .no-padding {
    padding-left: 0;
    padding-right: 0; }
  measureCoordinates .row, drawCircleWithRadius .row, zoomToCoordinates .row, drawBuffer .row, zoomToPredefinedLocation .row, showCoordinate .row, fullView .row, geometryEdit .row, polygonEditGenerate .row {
    padding-top: 12px;
    padding-bottom: 12px; }

polygonEditGenerate .alert {
  text-align: center;
  margin: 10px; }

polygonEditGenerate .point-editor {
  margin-top: -15px; }

polygonEditGenerate li {
  clear: both; }

polygonEditGenerate .btn-default {
  width: 130px;
  display: inline-block; }

polygonEditGenerate .form-horizontal {
  padding-bottom: 0; }

polygonEditGenerate .form-padding {
  padding-bottom: 1; }

identify .identify {
  background-color: white; }

identify .form-control {
  background-color: white;
  border: none; }

identify help {
  padding-bottom: calc(200% - 100px); }

.ol-popup {
  width: 450px;
  height: 450px;
  max-height: 50vh !important;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
  background-color: #fff;
  transition: all .6s ease-out;
  transform: scale(0.1, 0.1) rotateZ(-10deg); }
  .ol-popup:before {
    position: relative;
    float: left;
    content: '';
    width: 100%;
    height: 50px;
    border-top: 5px solid #ff6801;
    border-bottom: 1px solid #ccc;
    background-image: url(../svgs/pattern.svg); }
  .ol-popup.open {
    transform: scale(1, 1) rotateZ(0deg);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); }
  .ol-popup .layer-select {
    background-color: #ffffff;
    width: 400px;
    margin: 5px 20px;
    padding: 5px; }
  .ol-popup .paging {
    position: relative;
    float: left;
    width: calc(100% - 30px);
    margin: 0 15px;
    background-color: #ffffff; }
    .ol-popup .paging a {
      cursor: pointer; }
  .ol-popup .content {
    position: relative;
    float: left;
    height: calc(100% - 120px);
    width: calc(100% - 30px);
    max-height: initial !important;
    max-width: initial !important;
    margin: 15px;
    overflow-y: auto;
    overflow-x: hidden; }
  .ol-popup .wrapper {
    margin-right: 15px; }
  .ol-popup table {
    width: 100%; }
    .ol-popup table tr {
      border-bottom-color: #f1f1f1;
      border-bottom-style: solid;
      border-bottom-width: 1px; }
      .ol-popup table tr td {
        padding-left: 5px; }
        .ol-popup table tr td .item-label {
          font-weight: bold; }
        .ol-popup table tr td .item-value {
          white-space: -moz-pre-wrap;
          /* Mozilla */
          white-space: -hp-pre-wrap;
          /* HP printers */
          white-space: -o-pre-wrap;
          /* Opera 7 */
          white-space: -pre-wrap;
          /* Opera 4-6 */
          white-space: pre-wrap;
          /* CSS 2.1 */
          white-space: pre-line;
          /* CSS 3 (and 2.1 as well, actually) */
          word-wrap: break-word;
          /* IE */
          word-break: break-all;
          display: inline-block; }
  .ol-popup .closer {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ff6801;
    font-size: 22px;
    text-align: center;
    text-decoration: none; }
  .ol-popup .closer:after {
    content: "✖"; }
  .ol-popup .no-data {
    text-align: center;
    line-height: 100px; }

.ol-popup a.disabled {
  color: gray;
  cursor: not-allowed; }

displayLayerDataTable {
  height: inherit; }
  displayLayerDataTable ul.nav.nav-tabs {
    border-bottom: 1px solid #ddd; }
  displayLayerDataTable ul.nav.nav-tabs > li > a {
    line-height: 30px; }
  displayLayerDataTable .nav.nav-tabs + .tab-content {
    height: 163px;
    overflow: auto;
    margin-bottom: 0px;
    padding: 0px; }
  displayLayerDataTable .table-responsive {
    overflow-x: inherit; }
  displayLayerDataTable .no-results {
    text-align: center;
    margin-top: 65px;
    font-size: 20px;
    font-weight: bold; }

popuppanel.displayLayerDataTable {
  height: 230px; }
  popuppanel.displayLayerDataTable.minimized {
    height: initial; }
  popuppanel.displayLayerDataTable .row .content {
    max-height: none;
    height: 200px;
    overflow: hidden; }

displayLayerDataToolbar {
  /* --- search OUTPUT --- */ }
  displayLayerDataToolbar .search-output-container {
    position: relative;
    float: left;
    width: 100%;
    overflow-y: auto;
    padding-bottom: 20px;
    background-color: #fff;
    padding: 10px; }
    displayLayerDataToolbar .search-output-container > .title {
      position: relative;
      float: left;
      width: 100%;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      cursor: pointer;
      border-top: 1px solid #ccc; }
      displayLayerDataToolbar .search-output-container > .title:before {
        position: relative;
        float: left;
        content: '-';
        width: 20px;
        height: 30px;
        line-height: 30px;
        text-align: center; }
    displayLayerDataToolbar .search-output-container .result-item {
      position: relative;
      float: left;
      width: 100%; }
      displayLayerDataToolbar .search-output-container .result-item > .title {
        position: relative;
        float: left;
        width: 100%;
        height: 30px;
        padding: 5px 50px 5px 20px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .3s ease-in-out;
        cursor: pointer; }
        displayLayerDataToolbar .search-output-container .result-item > .title:after {
          position: absolute;
          content: attr(data-count);
          top: 0;
          right: 10px;
          line-height: 30px; }
        displayLayerDataToolbar .search-output-container .result-item > .title:hover {
          color: #fff;
          background-color: #ff6801; }
      displayLayerDataToolbar .search-output-container .result-item > .result-item > .title {
        height: 0;
        padding: 0 50px 0 10px; }
      displayLayerDataToolbar .search-output-container .result-item.single > .title {
        height: 30px;
        padding: 5px 50px 5px 20px; }
        displayLayerDataToolbar .search-output-container .result-item.single > .title:after {
          content: ''; }
      displayLayerDataToolbar .search-output-container .result-item.no-results * {
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        cursor: default; }
      displayLayerDataToolbar .search-output-container .result-item.expanded > .title {
        color: #fff;
        background-color: #ff6801; }
        displayLayerDataToolbar .search-output-container .result-item.expanded > .title:after {
          font-family: 'FontAwesome';
          content: '\f00d';
          color: #fff;
          background-color: #ff6801; }
      displayLayerDataToolbar .search-output-container .result-item.expanded > .result-item > .title {
        height: auto;
        padding: 5px 50px 5px 20px; }
      displayLayerDataToolbar .search-output-container .result-item.child-details {
        height: 0;
        overflow: hidden; }
      displayLayerDataToolbar .search-output-container .result-item.selected .title {
        background-color: #ff6801;
        color: #fff; }
        displayLayerDataToolbar .search-output-container .result-item.selected .title:after {
          font-family: 'FontAwesome';
          content: '\f00d';
          color: #fff; }
      displayLayerDataToolbar .search-output-container .result-item.selected .child-details {
        height: auto;
        display: table; }
        displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-row {
          display: table-row; }
        displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-key,
        displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-value {
          display: table-cell;
          padding: 5px; }
        displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-key {
          width: 40%;
          max-width: 110px;
          text-align: right;
          font-size: 0.9em;
          font-weight: bold;
          word-wrap: break-word; }
        displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-value {
          width: 60%;
          text-align: left;
          font-size: 0.9em; }
          displayLayerDataToolbar .search-output-container .result-item.selected .child-details .child-details-value a {
            cursor: pointer; }
    displayLayerDataToolbar .search-output-container.categorized > .result-item.single > .title,
    displayLayerDataToolbar .search-output-container.categorized > .result-item:not(.expanded) > .title {
      height: 0;
      padding: 0 50px 0 20px; }
    displayLayerDataToolbar .search-output-container.categorized-by-item > .result-item.expanded > .result-item:not(.selected) > .title {
      height: 0;
      padding: 0 50px 0 20px; }
    displayLayerDataToolbar .search-output-container.collapsed > .title:before {
      content: '+'; }
    displayLayerDataToolbar .search-output-container.collapsed > .result-item > .title {
      height: 0;
      padding: 0 50px 0 20px; }
    displayLayerDataToolbar .search-output-container .loading {
      margin-left: 30px;
      font-weight: bold; }
    displayLayerDataToolbar .search-output-container .subtitle {
      font-weight: bold;
      margin: 5px;
      text-transform: uppercase;
      font-size: 12px; }
    displayLayerDataToolbar .search-output-container .operation-link {
      width: 60%;
      float: right;
      font-size: 0.9em;
      padding: 5px; }
    displayLayerDataToolbar .search-output-container .fullscreen {
      position: fixed;
      top: 110px;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: auto;
      display: inline;
      background-color: rgba(0, 0, 0, 0.75);
      z-index: 10000; }
    displayLayerDataToolbar .search-output-container .close {
      position: fixed;
      float: left;
      /*background-color: red;*/
      color: #fff;
      font-size: xxx-large;
      right: 25px;
      top: 125px;
      opacity: 1; }
    displayLayerDataToolbar .search-output-container .zoomOut {
      border: 1px solid;
      position: fixed;
      top: calc(50% - 35px);
      right: 25px;
      background: transparent;
      border-radius: 5px;
      color: white;
      font-size: 15px;
      padding: 2px 7px; }
    displayLayerDataToolbar .search-output-container .zoomIn {
      border: 1px solid;
      position: fixed;
      top: 50%;
      right: 25px;
      background: transparent;
      border-radius: 5px;
      color: white;
      font-size: 15px;
      padding: 2px 7px; }
    displayLayerDataToolbar .search-output-container .download-label {
      position: fixed;
      left: 1rem;
      top: 15.5rem;
      color: white;
      font-weight: normal; }
    displayLayerDataToolbar .search-output-container .download {
      border: 1px solid;
      position: fixed;
      top: 125px;
      left: 25px;
      background: transparent;
      border-radius: 5px;
      color: white;
      font-size: 15px;
      padding: 2px 7px; }
    displayLayerDataToolbar .search-output-container .frame-container {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    displayLayerDataToolbar .search-output-container .image_container {
      position: relative;
      transition-duration: 500ms;
      z-index: 1;
      transform-origin: top;
      top: 10rem;
      max-width: 93%; }
      displayLayerDataToolbar .search-output-container .image_container.isZoomed {
        max-width: 60%;
        overflow: hidden;
        transform: scale(1.5); }
      displayLayerDataToolbar .search-output-container .image_container img {
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: auto;
        max-width: calc((100vh - 130px) * 1.50282); }
    displayLayerDataToolbar .search-output-container .frame {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

user .user {
  position: absolute;
  right: 15px;
  top: 26px;
  z-index: 101; }
  user .user button {
    color: white;
    width: 24px;
    height: 28px;
    background: url("../images/miscIcons/login.svg") no-repeat center;
    background-size: contain;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none; }
    user .user button:hover {
      opacity: 0.5; }
  user .user .active {
    opacity: 0.5; }

@media all and (max-height: 600px) {
  user .user {
    right: 5px;
    bottom: 4px;
    top: auto; } }

user .username {
  position: absolute;
  right: 15px;
  bottom: 3px;
  z-index: 101;
  color: white;
  font-size: 12px; }

userRegistrationForm label.required:after {
  content: " *";
  color: red; }

userRegistrationForm input.required {
  border: 1px solid red; }

userRegistrationForm .alert.alert-danger.field-error {
  background: transparent;
  border: none;
  background-color: transparent !important;
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px; }

userRegistrationForm .modal-body .captchaWrapper {
  padding: 5px; }

userRegistrationForm .modal-body ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #008B8B;
  font-style: italic; }

userRegistrationForm .modal-body ::-moz-placeholder {
  /* Firefox 19+ */
  color: #008B8B;
  font-style: italic; }

userRegistrationForm .modal-body :-ms-input-placeholder {
  /* IE 10+ */
  color: #008B8B;
  font-style: italic; }

userRegistrationForm .modal-body :-moz-placeholder {
  /* Firefox 18- */
  color: #008B8B;
  font-style: italic; }

userRegistrationForm .modal-body #changePassword, userRegistrationForm .modal-body #resetPassword {
  color: #ff6801;
  cursor: pointer; }

userRegistrationForm .modal-body input[type="checkbox"] {
  margin-top: 12px; }

userRegistrationForm .modal-body.scrollable-y {
  overflow-y: auto;
  height: calc(100vh - 200px); }

printMap printMapForm .printMapForm .form-fields-container {
  overflow: hidden; }
  printMap printMapForm .printMapForm .form-fields-container > div > .col-xs-4 {
    text-align: right;
    padding-right: 5px; }

printMap printMapForm .printMapForm label.radio-inline {
  display: block;
  margin-left: 0; }
  printMap printMapForm .printMapForm label.radio-inline input {
    margin-top: 4px; }

printMap printMapForm .printMapForm label.control-label {
  padding-top: 6px;
  font-size: 13px; }

printMap printMapForm .printMapForm button {
  min-width: 120px;
  height: 35px;
  padding: 10px;
  line-height: 15px;
  text-transform: uppercase;
  border-radius: 0;
  border-style: none;
  color: #fff;
  background-color: #ff6801; }

printMap printMapForm .printMapForm button:hover,
printMap printMapForm .printMapForm button:focus {
  color: #fff;
  background-color: #ff6801; }

printMap printMapForm .row.form-horizontal.printMapForm {
  margin-left: 0px !important;
  margin-right: 0px !important; }

layerLegendTool .layer-legend {
  position: absolute;
  top: 0;
  right: 40px;
  min-width: 200px;
  min-height: 28px;
  font-size: 13px;
  max-height: 400px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden; }
  layerLegendTool .layer-legend .layer-legend-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 28px;
    padding: 3px 10px;
    background-color: #eee;
    border-radius: 5px 0 5px 0; }
    layerLegendTool .layer-legend .layer-legend-header .glyphicon {
      cursor: pointer;
      padding: 3px;
      float: right; }
  layerLegendTool .layer-legend .layer-items-container {
    padding: 32px 0 0 0;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto; }
    layerLegendTool .layer-legend .layer-items-container .layer-item {
      padding: 0 10px 10px 10px; }
      layerLegendTool .layer-legend .layer-items-container .layer-item span {
        display: block;
        white-space: nowrap; }
      layerLegendTool .layer-legend .layer-items-container .layer-item img {
        display: block; }
  layerLegendTool .layer-legend.collapsed .layer-legend-header {
    border-radius: 5px; }
  layerLegendTool .layer-legend.collapsed .layer-items-container {
    width: 0;
    height: 0;
    padding: 0; }

layerLegendWidget > span.fa-info-circle {
  font-size: 28px;
  padding: 5px;
  cursor: pointer; }

layerLegendWidget layerLegendTool .layer-legend {
  top: auto;
  right: 60px;
  bottom: 90px;
  background-color: transparent; }
  layerLegendWidget layerLegendTool .layer-legend .layer-legend-header {
    background-color: rgba(0, 0, 0, 0.5);
    color: white; }
  layerLegendWidget layerLegendTool .layer-legend .layer-items-container {
    margin: 28px 0 0 0;
    padding: 0;
    background-color: white; }

/* Mobile layout */
.side-panel.mobile layerLegendTool .layer-legend {
  bottom: 50px; }

help {
  float: left;
  width: 100%;
  padding: 10px; }
  help .help-title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    color: #ff6801;
    text-transform: uppercase;
    border-top: 1px solid #ccc; }
  help .help-body {
    padding-bottom: 5px;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid #ccc; }

addFeatureClassFromDb .data-source {
  overflow: hidden;
  margin-bottom: 20px; }
  addFeatureClassFromDb .data-source label {
    padding: 5px 0 0 0; }

addFeatureClassFromDb .layer-tree-items-table {
  width: 100% !important; }

addFeatureClassFromDb .zoom-to-layer-cbox-container {
  padding: 0 10px 0 0; }
  addFeatureClassFromDb .zoom-to-layer-cbox-container label {
    font-weight: normal; }
  addFeatureClassFromDb .zoom-to-layer-cbox-container * {
    margin: 0;
    padding: 0;
    vertical-align: middle; }

addFeatureClassFromDb .loading {
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 100px 0 0 0;
  z-index: 10; }
  addFeatureClassFromDb .loading i {
    font-size: 40px; }

.Measure3DHeightComponentButton {
  display: none; }

.view-mode-3d .Measure3DHeightComponentButton {
  display: block; }

.Measure3DTerrainComponentButton {
  display: none; }

.view-mode-3d .Measure3DTerrainComponentButton {
  display: block; }