.navigation-icon {
  text-align: center;
  height: 24px;
  width: 24px;
}

.leaflet-disabled .navigation-icon {
  color: #bbb;
  /*filter svg color to #bbb*/
  filter: invert(89%) sepia(3%) saturate(4%) hue-rotate(337deg) brightness(85%) contrast(88%);
  cursor: default;
}

button.full-extent  {
  border-radius: 0px !important;
}

button.previous-extent  {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 1px solid #ccc !important;
}

button.next-extent {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 1px solid #ccc !important;
}

.extent-navigation button {
	width: 33px !important;
	height: 33px !important;
  line-height: unset !important;
  padding: 0;
  display: unset !important;
}

.extent-navigation button span {
  display: inline-block !important;
  width: unset !important;
  height: unset !important;
  vertical-align:  middle;
}