/* Note: Force image update - find/replace '?v=1' with new value */
/* FROM MAPBOX */
.marker-tooltip {
  z-index:999999;
  position:absolute;
  }
.marker-popup {
  position:relative;
  /*left:-50%;*/
  max-width:400px;
  background:#fff;
  /*border:2px solid #ccc;*/
  color:#000;
  padding:20px;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
  -webkit-box-shadow: 2px 2px 5px -2px #ccc;
          box-shadow: 2px 2px 5px -2px #ccc;
  -webkit-border-radius:3px;
          border-radius:3px;
  }
    /*
  .marker-popup:after,
  .marker-popup:before {
    top:100%;
    border:solid transparent;
    content:'';
    height:0;
    width:0;
    left:50%;
    position:absolute;
    pointer-events:none;
    }

  .marker-popup:after {
    border-top-color:#fff;
    border-width:15px;
    margin-left:-15px;
    }

  .marker-popup:before {
    border-top-color:#ccc;
    border-width:18px;
    margin-left:-18px;
    }
    */
.zoomer,
.map-legends,
.map-tooltip,
.map-fullscreen {
  position:absolute;
  border:1px solid #bbb;
  box-sizing:border-box;
  background:#fff;
  -webkit-border-radius:3px;
          border-radius:3px;
  }
.map-legends,
.map-tooltip {
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
          box-shadow:0 1px 2px rgba(0,0,0,0.15);
  }

.zoomer,
.map-fullscreen,
.map-tooltip .close {
  text-indent:-999em;
  background: #fff url(/live/map/images/mapbox-sprite.png) no-repeat 0 0;
  overflow:hidden;
  display:block;
  }
  .map-tooltip .close:active,
  .zoomer:active,
  .map-fullscreen:active {
    border-color:#b0b0b0;
    background-color:#f0f0f0;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
            box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
    }

.map-tooltip .close {
  top:4px;
  right:4px;
  width:20px;
  height:20px;
  background-position:-6px -6px;
  }

.zoomer {
  width:30px;
  height:30px;
  top:10px;
  left:10px;
  z-index:2;
  }

.zoomin {
  background-position:-31px -1px;
  left:39px;
  -webkit-border-radius:0 3px 3px 0;
          border-radius:0 3px 3px 0;
  }

.zoomout {
  background-position:-61px -1px;
  -webkit-border-radius:3px 0 0 3px;
          border-radius:3px 0 0 3px;
  }

.zoomdisabled {
  background-color:#eee;
  }

.map-fullscreen {
  width:30px;
  height:30px;
  background-position:-90px 0;
  position:absolute;
  top:10px;
  left:74px;
  z-index:99999;
  }

.map-fullscreen-map {
  position:fixed!important;
  width:auto!important;
  height:auto!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:99999999999;
  }
  .map-fullscreen-map .map-fullscreen {
    background-position:-120px 0;
    }

.map-legends {
  position:absolute;
  bottom:51px;
  z-index:999999;
  }
  .map-legends .map-legend {
    padding:10px;
    }

.map-tooltip {
  z-index:999999;
  padding:10px;
  top:10px;
  right:10px;
  max-width:300px;
  opacity:1;
  -webkit-transition:opacity 150ms;
     -moz-transition:opacity 150ms;
      -ms-transition:opacity 150ms;
       -o-transition:opacity 150ms;
          transition:opacity 150ms;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
  }

.map-legends,
.map-tooltip {
  min-width:180px;
  max-width:280px;
  max-height:400px;
  width:220px\8; /*< IE 9*/
  }

.map-movetip {
  position:absolute;
  z-index:999999;
  background:#fff;
  padding:10px;
  max-width:300px;
  }

.map-fade { opacity:0; }

.map-tooltip .close {
  display:block;
  position:absolute;
  top:0;
  right:0;
  }

.map-mobile-body .map-tooltip {
  position:absolute;
  top:50px;
  }

.zoombox-box,
.boxselector-box {
  margin:0;
  padding:0;
  border:1px dashed #888;
  background:rgba(255,255,255,0.25);
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
  }

.map-point-div {
  width:10px;
  height:10px;
  margin-left:-5px;
  margin-top:-5px;
  background:#fff;
  border:1px solid #333;
  -webkit-border-radius:5px;
          border-radius:5px;
  }

.map-attribution {
  position:absolute;
  background-color:rgba(255,255,255,0.7);
  color:#333;
  font-size:11px;
  line-height:20px;
  z-index:99999;
  text-align:center;
  padding:0 5px;
  bottom:0;
  left:0;
  }

.map-attribution.map-g {
  left:65px;
  bottom:4px;
  background:transparent;
  }

@media
  only screen and (-webkit-min-device-pixel-ratio : 2),
  only screen and (min-device-pixel-ratio : 2) {
    .zoomer,
    .map-fullscreen,
    .map-tooltip .close {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAA8CAYAAADc3IdaAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALjSURBVHic7d3RsZswEIXhJZNC2EZSSmpwKa7BpbgR6ER5MRniwURgVuiI/3vynblmDJbPlZaVb5dSMgBQ8OPsFwAAuQgsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAMggsADIILAAyCCwAh3L3m7vfIo79M+KgAK7pFVS312MbhuF+5PEJLOAL8w/ommEY+vhXE8/db59CKPdafIMlIfCF14f30FlE5RaXewthdT96dmUWGFh717GR698z9H3/cPfR3ce+7x9nvx4c7+qhVSqszIKWhHvXsdHr3zN0Xfdr6THaMgzD3d3NgpdEFbm9ztesUFiZBcywFtI2a8a093kATlNsZjUpVcNaDZ8SxTogEmM4PqzMAgJrZT2fW6ybFLkAwLeWajh2rZpWMSEzrNzQIqyg7lPB+eqF+ChhfVgrRchPxboJYQUJ/7s7dtVCvFTRfW5tpmWEFYTl3spnpnWsLqUUdey/MguSkmHV9/3jqHaFlNJzHMffRxwrylXOd2NHt+TYVVTkLmHGXxnZN/zI3iqFPq0Lne+pHd1Yxl5C4LN/ajIthpXaXsgiM6yMiyLbJJpSetZ4rChXO197jc0Ww8pMr8YWXsPa2FDXxCCYc/dx/nMtf6mw7v19e9PiOF39nNYybkNnWGt9VrahuRSoSHNhZaYz0wqrYeU0ha71abU4KAB8J2SGldvBvnUbD1CBJsemyl7IEt/WMNnaWNfkwEATmhqbSnshS31bw+q6X2X9DMw0EVpqeyFD7hK+XYTsIuXe59WMu4SoVU6rxvQ7tYzbkKL7bNPnpuL53ufVLKX0nDq6RfqOcAFb9kLOvqzgdEX2EgKoi+pqhsACLmqqwamElRmBBUAI/5cQgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4AMAguADAILgAwCC4CMP5S+k8U+TkveAAAAAElFTkSuQmCC);
      background-size: 150px 30px;
      }
  }

/* CUSTOM STYLES */

.marker-custom {
	color:#fff;
	font-family:sans-serif;
	font-size:75%;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin-left:-6px;
	margin-top:-6px;
	pointer-events:all;
	position:absolute;
	text-align:center;
  	cursor:pointer;
	width:20px !important;

    -webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
}

    .marker-custom.edited {
        color:#fff !important;
    }

#map-wrap #map .marker-custom:first-child {
	width:20px !important;
}

#map-wrap #map .marker-group:first-child {
    width:50px !important;
}

.marker-group {

    color:#222;
	font-family:sans-serif;
	font-size:100%;
	font-weight:bold;
	margin-left:-25px;
	margin-top:-25px;
	pointer-events:all;
	position:absolute;
	text-align:center;
  	cursor:pointer;

  	line-height:45px;

    background:url(/live/map/images/marker-group.png) no-repeat center center;
    width:50px !important;
    height:50px !important;
}

    #map-wrap #map .marker-group div.totals {
        width:31px !important;
        height:5px;

        position:absolute;
        bottom:9px;
        left:9px;
    }

        #map-wrap #map .marker-group div.totals div {
            height:5px;
            float:left;
        }

        #map-wrap #map .marker-group div.totals div.supply {
            background:#384522;
        }

        #map-wrap #map .marker-group div.totals div.pipeline {
            background:#ffd701;
        }

        #map-wrap #map .marker-group div.totals div.closed {
            background:#c42c00;
        }


.marker-supply {
	background:url(/live/map/images/icons/map-supply.png?v=1) no-repeat center center;
}

.marker-supply.satellite {
    background:url(/live/map/images/icons/map-supply_satellite.png?v=1) no-repeat center center;
    color:#000;
}

.marker-pipeline {
    color:#222;
	background:url(/live/map/images/icons/map-pipeline.png?v=1) no-repeat center center;
}

.marker-closed {
	background:url(/live/map/images/icons/map-closed.png?v=1) no-repeat center center;
}

.marker-defined {
	background:#000;
	border-radius:100%;
}

.capitalize {
	text-transform:capitalize;
}

.marker-popup {
	padding:0;
	color:#3e4927;
	text-align:left;
	min-width:290px;
}

	.marker-popup .popup-head,
	.marker-popup .popup-content,
	.marker-popup .popup-foot {
		padding:10px;
	}

	.marker-popup .popup-head {
		background:#fff;
		overflow:auto;
	}

		.marker-popup img.brand {
			float:right;
			max-width:80px;
			max-height:80px;
			padding-left:10px;
		}

		.marker-popup .popup-head h3 {
			font-family:inherit;
			text-transform: none;
			margin:0;
		}

		.marker-popup .popup-head p.rating {
			float:left;
            width:80px;
		}

		.marker-popup .popup-head p.rating i {
			margin-right:2px;
		}

        .marker-popup .popup-head p.class {
            float:left;
        }

    .marker-popup .popup-head p.rating.rating-text {
      font-style:italic;
    }

		.marker-popup .popup-head dl.left {
            clear:both;
            float:left;
            width:60%;
		}

		.marker-popup .popup-head dl.right {
            float:right;
            width:40%;
		}

		.marker-popup .popup-head dl {
			overflow:auto;
			/*clear:both;*/
		}

			.marker-popup .popup-head dl dt {
				font-weight:bold;
                clear:left;
			}

			.marker-popup .popup-head dl dt, .marker-popup .popup-head dl dd {
				float:left;
				padding-right:10px;
			}

      .marker-popup .popup-head dl dd {
        /*padding-right:30px;*/
        padding-right:0;
      }

    .marker-popup .marker-title {
        background:#fff;
        padding:10px;
    }

        .marker-popup .marker-title input {
            border:0;
            padding:5px;
        }

	.marker-popup .popup-content {
		background:#e4e5d7;
		overflow:auto;
	}

		.marker-popup .popup-content table {
			width:330px; /* Ensures all the rest of .marker-popup stays the same width, as setting it for .marker-popup doesn't work */
		}

		.marker-popup .popup-content th {
			font-weight:bold;
			padding-right:10px;
			text-align:left;
		}

		.marker-popup ul.pins {
			margin-top:10px;
		}

		.marker-popup ul.pins li {
			float:left;
			margin-right:3px;
			cursor:pointer;
		}

		.marker-popup p.delete {
    		margin-bottom:0;
    		text-align:right;
    		margin-top:12px;
		}

		  .marker-popup p.delete i.icon-remove-sign {
    		  margin-right:5px;
		  }

		  .marker-popup p.delete a {
    		  color:#E4010C;
    		  font-weight:bold;
		  }

	.marker-popup .popup-foot {
		background: #749230;
		color:#fff;
		overflow:auto;
	}

		.marker-popup .popup-foot a {
			color:#fff;
			float:left;
		}

		.marker-popup .popup-foot i {
			float:right;
			margin:0;
		}

		.marker-popup .popup-foot.edit-pin {
        	background:#fff;
        	color:#000;
    	}

    	.marker-popup .popup-foot.edit-pin a {
    	    color:#000;
    	}

div#map-loading {
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	bottom: 0;
	background:black;
	z-index: 99999;
	opacity:0.7;
	color:#fff;
	font-weight:bold;
	font-size:200%;
}

    div#map-loading a {
        color:#fff;
        text-decoration:underline;
    }

div.map-legend ul {
	text-align:left;
}

	div.map-legend ul li {
		line-height:15px;
		padding-left:25px;
		margin-bottom:10px;
	}

	div.map-legend ul li:last-child {
    	margin-bottom:0;
	}

	div.map-legend ul li.legend-supply {
		background:url(/live/map/images/icons/map-supply.png?v=1) no-repeat left center;
		background-size: 15px;
	}

	div.map-legend.satellite .legend-supply {
        background:url(/live/map/images/icons/map-supply_satellite.png?v=1) no-repeat left center;
        background-size: 15px;
    }

	div.map-legend ul li.legend-pipeline {
		background:url(/live/map/images/icons/map-pipeline.png?v=1) no-repeat left center;
		background-size: 15px;
	}

    div.map-legend ul li.legend-closed {
		background:url(/live/map/images/icons/map-closed.png?v=1) no-repeat left center;
		background-size: 15px;
	}

.d3-vec { position:absolute; }

.ui-menu .ui-menu-item {
    text-align:left;
}

#flip_buttons a,
#misc_buttons a {
    position: absolute;
    top: 238px;
    left: 10px;
    z-index: 5000;
    background: #fff;
    border: 1px solid #bbb;
    padding: 4px;
    border-radius: 3px;
    display: block;
    width:52px;
}
#flip_buttons a.selected {
  background:#ddd;
  cursor:default;
}
a#map-flip-streets {
    top: 254px;
}
a#map-flip {
    top: 290px;
}
a#show_transport {
    top: 326px;
}
a#show_districts {
    top: 362px;
}
a#show_euroregions {
    top: 398px;
}
a#enable_clusters {
    top: 412px;
}
a#show_hotel_logos {
    top: 468px;
}
a#hide_radius {
    top: 524px;
}

a#group_results {
    position: absolute;
    top: 132px;
    left: 10px;
    z-index: 5000;
    background: #fff;
    border: 1px solid #bbb;
    padding: 4px;
    border-radius: 3px;
    display: block;
    width:50px;
}

#edit-title {
    font-size:75%;
    opacity:0.75;
    margin-left:6px;
    font-weight:200;
}

#edit-currently li .pin {
    width:20px;
    height:20px;
    line-height:20px;
    display:inline-block;
    font-weight:bold;
    text-align: center;
    font-size:80%;
}

#edit_groups {
    clear:left;
    display:block;
    margin:0 -15px 0 -10px;
    padding-top:10px;
}

    #edit_groups > div {
        border-top:1px solid #ccc;
        padding:15px;
    }

    #edit_groups div#edit_single {
        border-bottom:1px solid #ccc;
    }

    #edit_groups h4 {
        font-size:14px;
    }

    #edit_groups strong {
        font-weight:bold;
        font-family:Helvetica, Arial, sans-serif;
        font-size:100%;
    }

    #edit_groups .item {
        padding:5px 10px 0 0;
        position:relative;
    }

    #edit_groups .item a.delete {
        position:absolute;
        top:7px;
        right:0;
    }

hr.separator {
    border:0;
    border-top:1px solid #ccc;
    margin:15px -20px;
}

.overflow {
    overflow:auto;
}

.marker-circle-icon {
  background:none;
  border:0;
}

.marker-hotel-icon {
  margin-left:0 !important;
  margin-top:0 !important;
}

.mapboxgl-popup-content {
  padding:0 !important;
}

.mapboxgl-popup-content,
.marker-popup,
.popup-foot {
  border-radius:0 0 2px 2px;
}

.mapbox-popup {
  margin-left: -2px;
  margin-bottom: 12px;
}

.-container *, .leaflet-container *::after, .leaflet-container *::before {
  box-sizing: border-box !important;
}
.leaflet-container h1, .leaflet-container h2, .leaflet-container h3, .leaflet-container h4, .leaflet-container h5, .leaflet-container h6, .leaflet-container p {
  line-height: 20px !important;
  margin: 0 !important;
}
.leaflet-container p {
  margin-bottom: 7px !important;
}
.leaflet-container h3 {
  font-size: 16px !important;
}
.leaflet-container h4,
.leaflet-container p {
  font-size: 12px !important;
}

.marker-popup .popup-head,
.marker-popup .popup-content,
.marker-popup .popup-foot {
  padding-left:12px;
  padding-right:12px;
}
.marker-popup .popup-head {
  padding-top:12px;
}

.mapboxgl-popup-close-button {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-image: url("../../css/fancybox_sprite.png");
  content: '';
  z-index:8; /* sits on top of leaflet popup layer */
  background-size:initial;
  background-position:0 0;
  opacity:1;
  text-indent: -99999px;
}
.mapboxgl-popup-close-button:hover {
  background-color:transparent;
}

/* Adjustments to account for mapbox.css box-sizing rules */
.leaflet-control-zoomslider-knob { width:14px; height:6px; }
.leaflet-container .leaflet-control-zoomslider-body {
  -webkit-box-sizing:content-box !important;
  -moz-box-sizing:content-box !important;
  box-sizing:content-box !important;
}
.leaflet-control-zoomslider-knob {
  -webkit-box-sizing:border-box !important;
  -moz-box-sizing:border-box !important;
  box-sizing:border-box !important;
}

.distance-popup {
  padding:10px;
}

img.marker-hotel-logo {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    margin-left:-17px !important;
    margin-top:-19px !important;
}

.leaflet-draw a:focus {
  overflow: visible;
}
.leaflet-draw.leaflet-control {
  position: absolute;
  left: 35px;
}

path.leaflet-clickable[stroke="#f06eaa"] {
  stroke: #f06eaa;
}
path.leaflet-clickable[stroke="#fe57a1"] {
  stroke: #f00;
}
path.leaflet-clickable[fill="#fe57a1"] {
  fill: #f00;
}
path.leaflet-clickable[stroke="#333"] {
  stroke: #333;
}
path.leaflet-clickable[stroke="#f00"] {
  stroke: #f00;
  stroke-opacity: 0.5;
}
path.leaflet-clickable[stroke-width="0"] {
  stroke-width: 0 !important;
}

#edit-map .edit-legend input {
  float:right;
  margin-top:-21px;
  margin-right:106px;
}

#hotel-sort {
  padding:4px 0 10px 10px;
  display:none;
}

#hotel-sort-ascdesc {
  font-size:1.2em;
  color:#3b4622;
  margin-left:4px;
}

.map-legends {
  /*margin-left:82px !important;*/
}

.leaflet-draw.leaflet-control {
  border:1px solid #999;
  border-radius:3px !important;
}
.leaflet-draw-toolbar {
  margin-top:0;
}
.leaflet-draw-toolbar.leaflet-bar {
  border:none !important;
  border-radius:0 0 3px 3px !important;
}
.leaflet-draw-toolbar.leaflet-bar.leaflet-draw-toolbar-top {
  border-radius:3px 3px 0 0 !important;
}
.leaflet-draw-draw-polygon {
  z-index:999999999999;
}
.leaflet-bar a.leaflet-draw-draw-polygon:hover {
  border-bottom: 1px solid #ddd;
}

.leaflet-draw-toolbar a {
  background-image:url('../images/draw-spritesheet.png') !important;
  background-size: 400px 30px !important;
}
.leaflet-draw-draw-polygon {
  background-position: -331px -2px !important;
}
#poly_shade_btn {
  background-position: -31px -2px !important;
}
#poly_shade_btn.btn-unshaded {
  background-position: -301px -2px !important;
}

.ui-draggable {
  cursor:move !important;
}

.leaflet-draw-toolbar .leaflet-draw-edit-shade.leaflet-disabled {
  background-position: -271px -2px
}
.leaflet-draw-toolbar .leaflet-draw-edit-shade {
  background-position: -31px -2px
}