/**
 * Custom Context Menu for Openlayers 3
 * https://github.com/jonataswalker/ol3-contextmenu
 * Version: v2.3.0
 * Built: 2016-10-06T17:47:50-03:00
 */

.ol-ctx-menu-container {
  position: absolute;
  padding: 10px;
  list-style: none;
  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 applet, .ol-ctx-menu-container object, .ol-ctx-menu-container iframe,
  .ol-ctx-menu-container h1, .ol-ctx-menu-container h2, .ol-ctx-menu-container h3, .ol-ctx-menu-container h4, .ol-ctx-menu-container h5, .ol-ctx-menu-container h6, .ol-ctx-menu-container p, .ol-ctx-menu-container blockquote, .ol-ctx-menu-container pre,
  .ol-ctx-menu-container a, .ol-ctx-menu-container abbr, .ol-ctx-menu-container acronym, .ol-ctx-menu-container address, .ol-ctx-menu-container big, .ol-ctx-menu-container cite, .ol-ctx-menu-container code,
  .ol-ctx-menu-container del, .ol-ctx-menu-container dfn, .ol-ctx-menu-container em, .ol-ctx-menu-container img, .ol-ctx-menu-container ins, .ol-ctx-menu-container kbd, .ol-ctx-menu-container q, .ol-ctx-menu-container s, .ol-ctx-menu-container samp,
  .ol-ctx-menu-container small, .ol-ctx-menu-container strike, .ol-ctx-menu-container strong, .ol-ctx-menu-container sub, .ol-ctx-menu-container sup, .ol-ctx-menu-container tt, .ol-ctx-menu-container var,
  .ol-ctx-menu-container b, .ol-ctx-menu-container u, .ol-ctx-menu-container i, .ol-ctx-menu-container center,
  .ol-ctx-menu-container dl, .ol-ctx-menu-container dt, .ol-ctx-menu-container dd, .ol-ctx-menu-container ol, .ol-ctx-menu-container ul, .ol-ctx-menu-container li,
  .ol-ctx-menu-container fieldset, .ol-ctx-menu-container form, .ol-ctx-menu-container label, .ol-ctx-menu-container legend,
  .ol-ctx-menu-container table, .ol-ctx-menu-container caption, .ol-ctx-menu-container tbody, .ol-ctx-menu-container tfoot, .ol-ctx-menu-container thead, .ol-ctx-menu-container tr, .ol-ctx-menu-container th, .ol-ctx-menu-container td,
  .ol-ctx-menu-container article, .ol-ctx-menu-container aside, .ol-ctx-menu-container canvas, .ol-ctx-menu-container details, .ol-ctx-menu-container embed,
  .ol-ctx-menu-container figure, .ol-ctx-menu-container figcaption, .ol-ctx-menu-container footer, .ol-ctx-menu-container header, .ol-ctx-menu-container hgroup,
  .ol-ctx-menu-container menu, .ol-ctx-menu-container nav, .ol-ctx-menu-container output, .ol-ctx-menu-container ruby, .ol-ctx-menu-container section, .ol-ctx-menu-container summary,
  .ol-ctx-menu-container time, .ol-ctx-menu-container mark, .ol-ctx-menu-container audio, .ol-ctx-menu-container video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  .ol-ctx-menu-container table {
    border-collapse: collapse;
    border-spacing: 0; }
  .ol-ctx-menu-container caption, .ol-ctx-menu-container th, .ol-ctx-menu-container td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  .ol-ctx-menu-container q, .ol-ctx-menu-container blockquote {
    quotes: none; }
    .ol-ctx-menu-container q:before, .ol-ctx-menu-container q:after, .ol-ctx-menu-container blockquote:before, .ol-ctx-menu-container blockquote:after {
      content: "";
      content: none; }
  .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;
    -webkit-transition: visibility 0s linear 300ms, opacity 300ms;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .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: #3B67C1 ;
      color: #eee; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu ul {
    border: 1px solid #eee;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 300ms, opacity 300ms;
    transition: visibility 0s linear 300ms, opacity 300ms; }
  .ol-ctx-menu-container li.ol-ctx-menu-submenu:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
            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;
    -webkit-transform: rotate(45deg);
            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: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.75), transparent);
      background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.75), transparent); }

.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"); }