/*!
 * ol-contextmenu - v3.3.0
 * Custom Context Menu for Openlayers
 * https://github.com/jonataswalker/ol-contextmenu
 * Built: Sat Jul 28 2018 12:30:41 GMT-0300 (Brasilia Standard Time)
 */
.ol-ctx-menu-container {
  position: absolute;
  padding: 8px;
  background: #fff;
  color: #222;
  font-size: 13px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px;
  box-sizing: border-box; }
  .ol-ctx-menu-container div, .ol-ctx-menu-container span, .ol-ctx-menu-container a, .ol-ctx-menu-container img, .ol-ctx-menu-container ul, .ol-ctx-menu-container li {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  .ol-ctx-menu-container a img {
    border: none; }
  .ol-ctx-menu-container *,
  .ol-ctx-menu-container *::before,
  .ol-ctx-menu-container *::after {
    box-sizing: inherit; }
  .ol-ctx-menu-container.ol-ctx-menu-hidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .ol-ctx-menu-container ul {
    list-style: none; }
  .ol-ctx-menu-container li {
    position: relative;
    line-height: 20px;
    padding: 2px 5px; }
    .ol-ctx-menu-container li:not(.ol-ctx-menu-separator):hover {
      cursor: pointer;
      background-color: #333;
      color: #eee; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu .ol-ctx-menu-container {
    border: 1px solid #eee;
    padding: 8px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu:hover .ol-ctx-menu-container {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu::after {
    position: absolute;
    top: 7px;
    right: 10px;
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-right: 0.3em solid #222;
    border-top: 0.3em solid #222;
    transform: rotate(45deg); }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu:hover::after {
    border-color: #eee; }
  .ol-ctx-menu-container li.ol-ctx-menu-separator {
    padding: 0; }
    .ol-ctx-menu-container li.ol-ctx-menu-separator hr {
      border: 0;
      height: 1px;
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.ol-ctx-menu-icon {
  text-indent: 20px;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: left center; }

.ol-ctx-menu-zoom-in {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABaUlEQVQ4T72U7VHCQBCGn90GtAMuNGCswFiBWIFQgWMFxg6wArECsQKhArEBiB1Qwa1zgQn5IAYcxv13k71n3919L8KJQ07M47+BzgG9TRfZ/JBuWhS6BJFHRJICYrZGZIz3z5Ct2+B7gG6I6kt+wewdkQVwjtkAkR5mC8yu26A1oItR/cTsOweQBdgutD8G7jGm2PJ2n8oqUKIpIjd4HxTM8gvaT/F+AlmWnyWaIXKF95eNguFzTYFhNsdWu9kFgFlaFMANUH3D8wDLoLgSTSD2il8NCe2ZXQBxWDGwxmyUzzOMBZ7wy7Qb2K0wQfXjMOBuhlFpZtNty5sFaTQBuTusZdymeqs1SpYKcO9HkE3KbTd9WFijMHJQ5hBNEAYNq5Qd0dhyke0GiE4QzjqfW23mHT8Hl4DG4Lce3FPE7AtbBSdsbNqpoJLgYkRnNeUV+xwJDHTnUEkxHGbhBXUs5TjJjew/KPy94g+NRaIVRYmMXwAAAABJRU5ErkJggg=="); }

.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-in {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABc0lEQVQ4T71U21ECQRDsJgGdvQDECMQIxAjECMQILCPwzAAjECIQI0AiEDPQAPaWCBhrcKHuCUcV5f7dY3v6tUscefHIePhfwBBCF8CZqRCReRs1tQxDCH1VfQLQz4EsSY4AvIjIsgm8AhhCGKrqa9zwrqoLAKckB5HtguR1E2gBMITQU9VPAD8GICIGtl3e+xHJBwBT59xtHcsCYJZlUwA3kcGHbfDep51OZywi3/acZZm9vyJ5WR5o38uACmDunNt6ZwAkUxFZDwghDFT1jeSjiJinhVUBVNVJkiTDKO8CQA+AsbNQ7s1Ps0VVn5MkSfcCtmBoDZi1Bdx4eJ7zbBolrwPy3o9J3rWSHPs3A1BbjVKlYBaIyDgvu9LDXDU2RTZmXVW1oKyLxRD+OrkOrJLy5mVM0iaftDhuhVbsvBzMglzKUNW6IV/OOWtCM8MmVvEkmbwt83LaB19fdgOtVquUZJeknaDdobTwbOcvBzPcN/AXH1DFFWP7u9oAAAAASUVORK5CYII="); }

.ol-ctx-menu-zoom-out {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVQ4T72U7VECMRRFz3sNaAdkacC1AtcKxApcKnCsQOwAK3CtQKxAqEBsANYOqCDPyTIC+8WCw5jfybn33dxEOPGSE/P4b6BzQG89RT47ZJoWhy5B5BGRZAMxWyEyxvtnyFdt8AagS1F9KQ6YvSMyB84xGyDSw2yO2XUbtAJ0MaqfmH0XAPIA2y7tj4F7jAm2uG1yWQZKNEHkBu+Dg2njWBJNEbnC+8uaIFRuWfuG2QxbbrOrUd0A1Tc8D7AIjkur7DAAsVf8MiWMZ3ZR2m02LPIMscATfjHqBnY7TFD9OAy4zTCCPG/MUKMM5O6wkXFr9dZq7FQqqHk/hDzbFa73cFONTZFDdRyiCcKg5rrSiLaXkiI6RjjrfG6VzDs+B5eAxuDXeYpmNRGzL2wZ/wof+du4GNFpBVqqz5HA4MM5VEYYDrOs+1I6Q9u/4Q8O9wN/AGgWjBVqQjjgAAAAAElFTkSuQmCC"); }

.ol-ctx-menu-container li:hover.ol-ctx-menu-zoom-out {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABYklEQVQ4T72U4VHCQBCF36tA91KAWIFYgViBWIFYgWMFYgdYgVCBWAFSgdiBFpAsFWSdxcDkQoBkhnF/ZjbfvX377ogjF4/Mw/8CVbUD4MynEJF5k2lqFapqz8yeAPRKkCXJEYAXEVnugm8BVXVgZq/FD+9mtgBwSrJfqF2QvN4FjYCq2jWzTwA/DhARh20qTdMRyQcA0xDCbZ3KCJhl2RTATaHgo+6HLMv8+xXJy+qB3l8FGoB5CKHsXcRV1b6ZvZF8FBH3NKotoJlNkiQZFONdlLtJ3rufbouZPSdJMjwIbKDQEzBrClx7eC4i33Uepmk6JnnXaOQifzMAtdGoRApugYiMI1uqKkrRWAfZo9MxM1+UZzFewl8mN4nYdVM83L7BkwbXLUrF3sfBLQDQBbDy08x8vOohXyEE71lVq9emuEk+3gZa3XYroCvwFyjP8yHJDsnxwaU08GxvS2uFhw78BbzWrxXgMbsHAAAAAElFTkSuQmCC"); }

body {  font-family: 'Raleway', Arial, sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; }
.container {
	width: 800px;
	position: absolute;
	top: 0px;
	left: 50px;
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

#map-popup { padding-bottom: 32px; }

/* input { font-size: 16px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; width: 500px; } */

#map-canvas {
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.ol-GeoXMap-controls {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 2px;
    position: absolute;
/*     width:300px; */
    top: 8px;
    left:40px;
}

.ol-GeoXMap-controls > button {
  background: #ccc;
  cursor: pointer;
  border-top: solid 2px #eaeaea;
  border-left: solid 2px #eaeaea;
  border-bottom: solid 2px #777;
  border-right: solid 2px #777;
  border-radius: 6px;
  padding: 5px 5px;
  margin-right: 5px;
  line-height: 10px;
}

.ol-GeoXMap-controls > button.down {
  background: #bbb;
  border-top: solid 2px #777;
  border-left: solid 2px #777;
  border-bottom: solid 2px #eaeaea;
  border-right: solid 2px #eaeaea;
}

.ol-GeoXMap-overviewmap,
.ol-GeoXMap-overviewmap.ol-uncollapsible {
	bottom: auto;
	left: auto;
	right: 0;
	top: 0;
}

.ol-GeoXMap-overviewmap > button {
	display: none;
}

.ol-GeoXMap-addresssearch {
	width: 350px;
    position: absolute;
    top: 40px;
    left:40px;
}

.ol-GeoXMap-addresssearch > .input-group > span {
	vertical-align: bottom !important;
}

/*.ol-GeoXMap-addresssearch > */.ui-autocomplete {
	background-color: rgba(255, 255, 255, 0.9);
    max-height: 300px;
    max-width: 350px;
    overflow-y: auto; 
    /* prevent horizontal scrollbar */
    overflow-x: hidden; 
    padding-left: 20px;
}

.GeoXMap-tooltip {
  position: relative;
  padding: 3px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  opacity: 0.7;
  white-space: nowrap;
  font: 10pt sans-serif;
}

.ol-GeoXMap-coordsearch {
	background-color: rgba(255, 255, 255, 0.8);
	width: 200px;
    position: absolute;
    bottom: 8px;
    right:10px;
	border-radius: 6px;
}

.with-margin {
  margin-bottom: 5px;
}

#selWgsType {
    background-color: transparent;
	border-width: 0px;
	border-style: none;
	box-shadow: none;
}
.ol-GeoXMap-coordsearch > table {
    margin-bottom: 1px !important;
    table-layout: fixed;
}

.ol-GeoXMap-coordsearch > table td, th {
	padding: 0px !important;
}

.ol-GeoXMap-coordsearch > table input {
	padding: 1px 1px !important;
	height: 25px !important;
}

.ol-GeoXMap-coordsearch > table th {
	text-align: center;
    vertical-align: middle !important;
}

.loader {
  /*border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 12px;
  height: 12px;*/
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

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

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

.ol-GeoXMap-contextitem-disabled {
    pointer-events:none;
    opacity:0.6;
}

.ol-GeoXMap-addresssearch .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ol-GeoXMap-addresssearch .control-label {
	font-size: 13px;
}

.ol-GeoXMap-addresssearch .col-sm-4 {
    padding-right: 0px;
}

.ol-GeoXMap-addresssearch .form-group {
    margin-bottom: 5px;
}

.ol-GeoXMap-addresssearch table {
	width: 100%;
}

.ol-GeoXMap-addresssearch .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f3f3f3;
}

.ol-GeoXMap-addresssearch .table-hover>tbody>tr:hover {
    background-color: #dbdbdb;
}

.ol-GeoXMap-addresssearch table>thead>tr>th {
    padding: 5px !important;
}

.ol-GeoXMap-addresssearch thead, .ol-GeoXMap-addresssearch tbody, .ol-GeoXMap-addresssearch tr
, .ol-GeoXMap-addresssearch td, .ol-GeoXMap-addresssearch th { display: block; }

.ol-GeoXMap-addresssearch tr:after {
	content: ' ';
	display: block;
	visibility: hidden;
	clear: both;
}

.ol-GeoXMap-addresssearch thead th {
	height: 30px;

	/*text-align: left;*/
}

.ol-GeoXMap-addresssearch tbody {
	max-height: 250px;
	overflow-y: auto;
	width: 100%
}

.ol-GeoXMap-addresssearch thead {
	/* fallback */
}


.ol-GeoXMap-addresssearch tbody .ol-GeoXMap-addresssearch td, .ol-GeoXMap-addresssearch thead th {
	width: 100%;
	float: left;
}

.ol-GeoXMap-addresssearch .panel {
    background-color: rgba(255, 255, 255, 0.8);
}

#ol-GeoXMap-mapMarkerCoords {
    position: absolute;
    background: rgba(0,60,136,.3);
    border-radius: 4px;
    bottom: 50px;
    left: 8px;
    width: 400px;
    padding: 2px;
}

#ol-GeoXMap-mapMarkerCoords > input {
    background: rgba(0,60,136,.5);
    border-radius: 4px;
    /*padding: 2px;*/
    width: 99%;
    height: 30px;
}