/* 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-control-fullscreen-button{
  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:400;
}

.leaflet-control-fullscreen{
  margin-top: 10px !important;
}
.leaflet-control-fullscreen.leaflet-bar.leaflet-control .leaflet-control-fullscreen-button{
  background:#fff url("ic_zoom_out.png") no-repeat center;
  background-size: 20px 20px;

  width: var(--uiBottomLength) !important;
  height: var(--uiBottomLength) !important;
  border-radius: 4px;
  margin-bottom: 5px;
}
.leaflet-fullscreen-on .leaflet-control-fullscreen-button{
  background:#fff url("ic_zoom_in.svg") no-repeat center !important;
  background-size: 20px 20px !important;
}