.fullscreen-icon { background-image: url(../../images/Full_screen_C&L_w.png); background-size: 26px 26px;}
.leaflet-retina .fullscreen-icon { background-image: url(../../images/Full_screen_C&L_w.png); background-size: 26px 26px; }
/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
.leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
.leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
.leaflet-container:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
.leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; }

/*.fullscreen-icon:hover { background-image: url(../../images/Full_screen_C&L.png); } */

@-webkit-keyframes fullscreen-icon {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes fullscreen-icon {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.fullscreen-icon {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.fullscreen-icon:active {
  -webkit-animation-name: fullscreen-icon;
  animation-name: fullscreen-icon;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*
.fullscreen-icon:focus {
    background-image: url(../../images/Full_screen_C&L_w.png); 
}


a[title="Exit Full Screen"] {
    background-color: #7fd4ca;
	background-image: url(../../images/Full_screen_C&L_w.png); 
	background-size: 26px 26px;
}

a[title="Exit Full Screen"]:hover {
    background-color: #7fd4ca;
	background-image: url(../../images/Full_screen_C&L_w.png); 
	background-size: 26px 26px;
}
*/

.leaflet-container:-webkit-full-screen, 
.leaflet-container:-ms-fullscreen, 
.leaflet-container:full-screen, 
.leaflet-container:fullscreen, 
.leaflet-pseudo-fullscreen { 
  border: 0;
  border-bottom: none !important;  
}