.leaflet-legend {
  background-color: white;
}

.leaflet-legend.leaflet-bar.leaflet-control {
    margin-right: 10px;
    padding: 6px;
}

span.legend-label {
    padding-left: 5px;
}

.leaflet-legend-title {
  margin: 3px;
  padding-bottom: 5px;
}

.leaflet-legend-column {
  float: left;
  margin-left: 10px;
}


.leaflet-legend-item {
  display: table;
  margin: 4px 3px;
}

.leaflet-legend-item span {
  vertical-align: middle;
  display: table-cell;
  word-break: keep-all;
  white-space: nowrap;
  background-color: transparent;
  text-align: left;
}

.leaflet-legend-item-clickable {
  cursor: pointer;
}

.leaflet-legend-item-inactive span {
  color: #cccccc;
}

.leaflet-legend-item-inactive i img, .leaflet-legend-item-inactive i canvas {
  opacity: 0.3 !important;
  /*
  color: #000000;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  */
}

.leaflet-legend-item i {
  display: inline-block;
  padding: 0px 3px 0px 4px;
  position: relative;
  vertical-align: middle;
}

.leaflet-legend-toggle {
  /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTk5MDE0Mjk2NTEwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE3Nzk4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik05MzQuNCA0NzguNzJINzM3LjI4Yy0xNS44NzItMTEwLjA4LTExMS4xMDQtMTk0LjU2LTIyNS4yOC0xOTQuNTZTMzAyLjU5MiAzNjguNjQgMjg2LjcyIDQ3OC43Mkg4OS42djY2LjU2SDI4Ni43MmMxNS44NzIgMTEwLjA4IDExMS4xMDQgMTk0LjU2IDIyNS4yOCAxOTQuNTZzMjA5LjQwOC04NC40OCAyMjUuMjgtMTk0LjU2aDE5Ny4xMnYtNjYuNTZ6IiBmaWxsPSIjNzA3MDcwIiBwLWlkPSIxNzc5OSI+PC9wYXRoPjwvc3ZnPg==");*/
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNy42NjgybW0iIGhlaWdodD0iNi4xMDNtbSIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNjguNjMgNTQuNjIiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogeG1sbnM6eG9kbT0iaHR0cDovL3d3dy5jb3JlbC5jb20vY29yZWxkcmF3L29kbS8yMDAzIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5zdHIwIHtzdHJva2U6IzcyNzI3MTtzdHJva2Utd2lkdGg6MS43OTtzdHJva2UtbWl0ZXJsaW1pdDoyMi45MjU2fQ0KICAgIC5maWwwIHtmaWxsOiM3MjcyNzF9DQogICAgLmZpbDEge2ZpbGw6IzcyNzI3MTtmaWxsLXJ1bGU6bm9uemVyb30NCiAgIF1dPg0KICA8L3N0eWxlPg0KIDwvZGVmcz4NCiA8ZyBpZD0i0KHQu9C+0LlfeDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxyZWN0IGNsYXNzPSJmaWwwIHN0cjAiIHg9IjIuMzgiIHk9IjAuODkiIHdpZHRoPSIxMS40OSIgaGVpZ2h0PSIxMi4wNCIvPg0KICA8ZWxsaXBzZSBjbGFzcz0iZmlsMCBzdHIwIiBjeD0iOC4xOCIgY3k9IjI2Ljg2IiByeD0iNi4yMyIgcnk9IjYuNTMiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDEgc3RyMCIgZD0iTTE1LjEyIDUzLjY5bC0xMy43NSAwLjAzIDYuNDkgLTE1LjAxIDcuMjcgMTQuOTd6bS02Ljg4IDAuMDJtLTMuNjMgLTcuNDltNi44OCAtMC4wMiIvPg0KICA8Zz4NCiAgIDxwYXRoIGNsYXNzPSJmaWwxIiBkPSJNMjEuOTQgOS42MmMtMS43MywwLjAxIC0zLjE0LC0xLjM5IC0zLjE1LC0zLjEyIC0wLjAxLC0xLjczIDEuMzksLTMuMTQgMy4xMiwtMy4xNWwwLjAzIDYuMjZ6bTQzLjU3IC0wLjIzbC00My41NyAwLjIzIC0wLjAzIC02LjI2IDQzLjU3IC0wLjIzIDAuMDMgNi4yNnptLTAuMDMgLTYuMjZjMS43MywtMC4wMSAzLjE0LDEuMzkgMy4xNSwzLjEyIDAuMDEsMS43MyAtMS4zOSwzLjE0IC0zLjEyLDMuMTVsLTAuMDMgLTYuMjZ6Ii8+DQogIDwvZz4NCiAgPGc+DQogICA8cGF0aCBjbGFzcz0iZmlsMSIgZD0iTTIxLjk0IDMwLjAyYy0xLjczLDAuMDEgLTMuMTQsLTEuMzkgLTMuMTUsLTMuMTIgLTAuMDEsLTEuNzMgMS4zOSwtMy4xNCAzLjEyLC0zLjE1bDAuMDMgNi4yNnptNDMuNTcgLTAuMjNsLTQzLjU3IDAuMjMgLTAuMDMgLTYuMjYgNDMuNTcgLTAuMjMgMC4wMyA2LjI2em0tMC4wMyAtNi4yNmMxLjczLC0wLjAxIDMuMTQsMS4zOSAzLjE1LDMuMTIgMC4wMSwxLjczIC0xLjM5LDMuMTQgLTMuMTIsMy4xNWwtMC4wMyAtNi4yNnoiLz4NCiAgPC9nPg0KICA8Zz4NCiAgIDxwYXRoIGNsYXNzPSJmaWwxIiBkPSJNMjEuOTQgNDkuODRjLTEuNzMsMC4wMSAtMy4xNCwtMS4zOSAtMy4xNSwtMy4xMiAtMC4wMSwtMS43MyAxLjM5LC0zLjE0IDMuMTIsLTMuMTVsMC4wMyA2LjI2em00My41NyAtMC4yM2wtNDMuNTcgMC4yMyAtMC4wMyAtNi4yNiA0My41NyAtMC4yMyAwLjAzIDYuMjZ6bS0wLjAzIC02LjI2YzEuNzMsLTAuMDEgMy4xNCwxLjM5IDMuMTUsMy4xMiAwLjAxLDEuNzMgLTEuMzksMy4xNCAtMy4xMiwzLjE1bC0wLjAzIC02LjI2eiIvPg0KICA8L2c+DQogPC9nPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-shadow: none;
  border-radius: 4px;
}

.leaflet-legend-contents {
  display: none;
}

.leaflet-legend-expanded .leaflet-legend-contents {
  display: block;
  padding: 6px 15px 6px 6px;
}

.leaflet-legend-contents img {
  position: absolute;
}

.leaflet-legend-contents:after {
  content: "";
  display: block;
  clear: both;
}