/* https://github.com/umap-project/umap/blob/9b0986c16b8175af37df3a1001d15f0306d42197/umap/static/umap/map.css#L1020 */
/* ************* */
/* Marker's Icon */
/* ************* */
.umap-div-icon .icon_container {
  background-color: white;
  border-radius: 4px 4px 4px 4px;
  height: 32px;
  width: 32px;
  box-shadow: 7px 10px 8px -5px black;
  opacity: 0.9;
  background-color: #2470b5;
  text-align: center;
  line-height: 32px;

  /* my custom style to make it work */
  /* padding: 4px; */
}
.umap-div-icon .icon_container img {
  vertical-align: middle;
  max-width: 24px !important; /* leaflet.css has !important, so... */
  max-height: 24px !important;
}
.umap-div-icon .icon_arrow {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  /* border-top: 8px solid #2270b5 !important; */
  border-top-width: 8px !important;
  border-top-style: solid !important;

  height: 0;
  left: 8px;
  position: relative;
  width: 0;
  opacity: 0.9;
  box-shadow: 4px 8px 6px -3px black;
}
.umap-drop-icon .icon_arrow {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  /* border-top: 16px solid #2270B5 !important; */
  border-top-width: 16px !important;
  border-top-style: solid !important;

  height: 0;
  left: 6px;
  position: relative;
  top: -4px;
  width: 0;
}
.umap-drop-icon .icon_container {
  background-color: #2470B5;
  border-radius: 16px 16px 16px 16px;
  box-shadow: 6px 13px 8px -4px black;
  height: 32px;
  line-height: 32px;
  opacity: 0.9;
  text-align: center;
  width: 32px;
}
.umap-drop-icon .icon_container img {
  vertical-align: middle;
  max-width: 24px !important;
  max-height: 24px!important;
}
.umap-div-icon .icon_container span,
.umap-drop-icon .icon_container span {
  vertical-align: middle;
  color: white;
  font-weight: bold;
}
.umap-circle-icon {
  border: 1px solid white;
  border-radius: 10px 10px 10px 10px;
  height: 12px;
  width: 12px;
}
.umap-ball-icon .icon_container {
  background-color: darkblue;
  background: radial-gradient(circle at 6px 38% , white -4px, darkblue 8px) repeat scroll 0 0 transparent;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 1px 21px 6px -3px black;
  height: 16px;
  opacity: 0.9;
  text-align: center;
  width: 16px;
}
.umap-ball-icon .icon_arrow {
  background-color: black;
  height: 16px;
  left: 7px;
  opacity: 0.9;
  position: relative;
  top: -1px;
  width: 2px;
}
.umap-edit-enabled .readonly {
  cursor: not-allowed;
}

/* --- custom added --- */
.umap-drop-icon .icon_container {
  padding-left: 4px;
  padding-top: 4px;
}
.umap-drop-icon .icon_container img {
  width: 24px;
  height: 24px;
}
.umap-div-icon .icon_container {
  padding-left: 4px;
  padding-top: 4px;
}
.umap-div-icon .icon_container img {
  width: 24px;
  height: 24px;
}