/* ikona layers */ 

.leaflet-control-layers-toggle, .leaflet-retina .leaflet-control-layers-toggle {
	background: white url(images/layers.svg);
	display: block;
	width: 42px;
	height: 42px;
	background-size: 25px 25px !important;
	background-repeat:no-repeat !important;
	background-position: 50% !important;
}
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {display:none}
.leaflet-control-attribution a:first-of-type {display:none}


/* pan (sipky) */
.leaflet-left.has-leaflet-pan-control .leaflet-control-zoom {
	position: relative;
	left: 0px;
}

.leaflet-left.has-leaflet-pan-control .leaflet-control-zoomslider {
	position: relative;
	left: 22px;
}
.leaflet-right.has-leaflet-pan-control .leaflet-control-zoomslider {
	position: relative;
	right: 22px;
}

.leaflet-control-pan  {
	   /* 
	     .leaflet-control-pan-right-wrap: right 
	   + .leaflet-control-pan a: width
	   = 52 + 24 = 76
	   */
	width: 76px; 
	   /* 
	     .leaflet-control-pan-down-wrap: top
	   + .leaflet-control-pan a: height
	   = 52 + 24 = 76
	   */
	height: 76px;
}

.leaflet-control-pan > div {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.leaflet-control-pan > div {
  box-shadow: 0 1px 7px rgba(0,0,0,0.65);
}
.leaflet-control-pan span {
    background-color: #fff;
}
.leaflet-control-pan span{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}
.leaflet-control-pan span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 27px;
    height: 27px;
}
.leaflet-control-pan span:hover {
    background-color: #f4f4f4;
}

.leaflet-control-pan-up-wrap {
	position:absolute;
	left:26px;
}
.leaflet-control-pan-left-wrap {
	position:absolute;
	top:26px;
}
.leaflet-control-pan-right-wrap {
	position:absolute;
	left:52px;	
	top:26px;
}
.leaflet-control-pan-down-wrap {
	position:absolute;
	left:26px;
	top:52px;
}

.leaflet-control-pan-up {
	background-image: url(images/pan-up.png);
}
.leaflet-control-pan-left {
	background-image: url(images/pan-left.png);
}
.leaflet-control-pan-right {
	background-image: url(images/pan-right.png);
}
.leaflet-control-pan-down {
	background-image: url(images/pan-down.png);
}

/****** Touch Alterations ******/
.leaflet-touch .leaflet-control-pan div {
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;

  border-radius: 4px;
}

.leaflet-touch .leaflet-control-pan {
  width: 89px;
  height: 100px;
  margin-left: 8px;
}

.leaflet-touch .leaflet-right .leaflet-control-pan {
  margin-left: 0;
  margin-right: 5px;
}

.leaflet-touch .leaflet-control-pan a {
  width: 30px;
  height: 30px;

  border-radius: 4px;
}

.leaflet-touch .leaflet-control-pan-up-wrap {
  left:16px;
}

.leaflet-touch .leaflet-control-pan-left-wrap {
	top: 32px;
    left: 0px;
}
.leaflet-touch .leaflet-control-pan-right-wrap {
  left:32px;
  top:32px;
}

.leaflet-touch .leaflet-control-pan-down-wrap {
  left:16px;
  top:64px;
}



/* minimap */ 

.leaflet-control-minimap{border:rgba(255,255,255,1) solid;box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:3px;background:#f8f8f9;transition:all .6s}.leaflet-control-minimap a{background-color:rgba(255,255,255,1);background-repeat:no-repeat;z-index:99999;transition:all .6s}.leaflet-control-minimap a.minimized-bottomright{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-radius:0}.leaflet-control-minimap a.minimized-topleft{-webkit-transform:rotate(0deg);transform:rotate(0deg);border-radius:0}.leaflet-control-minimap a.minimized-bottomleft{-webkit-transform:rotate(270deg);transform:rotate(270deg);border-radius:0}.leaflet-control-minimap a.minimized-topright{-webkit-transform:rotate(90deg);transform:rotate(90deg);border-radius:0}.leaflet-control-minimap-toggle-display{background-image:url(images/toggle.svg);background-size:cover;position:absolute;border-radius:3px 0 0}.leaflet-oldie .leaflet-control-minimap-toggle-display{background-image:url(images/toggle.png)}.leaflet-control-minimap-toggle-display-bottomright{bottom:0;right:0}.leaflet-control-minimap-toggle-display-topleft{top:0;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.leaflet-control-minimap-toggle-display-bottomleft{bottom:0;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.leaflet-control-minimap-toggle-display-topright{top:0;right:0;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.leaflet-oldie .leaflet-control-minimap{border:1px solid #999}.leaflet-oldie .leaflet-control-minimap a{background-color:#fff}.leaflet-oldie .leaflet-control-minimap a.minimized{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}


/* gesture */ 

@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
          animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
          animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }
  
  


/* fullscreen */


.leaflet-control-fullscreen span {
  background:#fff url(fullscreen.png) no-repeat 0 0;
  background-size:26px 52px;
  }
  .leaflet-touch .leaflet-control-fullscreen span {
   
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen span {
    background-position:0 -26px;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen span {
    background-position: 2px -24px;
    }
	
.leaflet-control-fullscreen span:hover {
    background-color: #f4f4f4;
}

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width:100%!important;
  height:100%!important;
  }
.leaflet-container.leaflet-fullscreen-on {
  width:100%!important;
  height:100%!important;
  }

.leaflet-pseudo-fullscreen {
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  z-index:99999;
  }
 
 .leaflet-control-fullscreen  {position: absolute; top: 180px;}
.leaflet-control-fullscreen span {background: white url(images/fullscreen.svg);display: block;width: 30px;height: 30px;background-size: 16px 19px;background-repeat:no-repeat; background-position: 50% !important;;}
.leaflet-fullscreen-on .leaflet-control-fullscreen span	{background: white url(images/fullscreen-on.svg);display: block;width: 30px;height: 30px;background-size: 19px 19px;background-repeat:no-repeat; background-position: 50% !important;} 



/* easy button */

.leaflet-bar span,
.leaflet-bar button:hover {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar span {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
}

.leaflet-bar span:hover {
  background-color: #f4f4f4;
}

.leaflet-bar span:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar span:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
}

.easy-button-button .button-state{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}


.leaflet-touch .leaflet-bar span {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.bhome {background: url(images/home.svg);display: block;width: 30px;height: 30px;background-size: 16px 16px !important;background-repeat:no-repeat;
background-position: 16% 50%}

.easy-button-container {
    position: absolute;
    top: 220px;
}