.fullscreen-icon img {
    content:url(images/enterfullscreen.svg);
}
.fullscreen-icon:hover img {
    transform: scale(1.2);
}
.fullscreen-icon.leaflet-fullscreen-on img{
    content:url(images/exitfullscreen.svg);
}
.fullscreen-icon.leaflet-fullscreen-on:hover img{
    transform: scale(0.8);
}
.leaflet-touch .fullscreen-icon {
    background-position: 2px 2px;
}
/* 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: 999999;
}
.leaflet-container:-ms-fullscreen {
    width: 100% !important;
    height: 100% !important;
    z-index: 999999;
}
.leaflet-container:fullscreen {
    width: 100% !important;
    height: 100% !important;
    z-index: 999999;
}
.leaflet-pseudo-fullscreen {
    position: fixed !important;
    width: calc(100% - 50px) !important;
    height: calc(100% - 50px) !important;
    top: 50px !important;
    left: 50px !important;
    z-index: 999999;
}