.leaflet-legend {
  background-color: #D3D3D3!important;
  /*top:  10px!important;*/
}

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

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


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

.leaflet-legend-item span {
  vertical-align: middle;
  display: block;
  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;
  /*
  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: block;
  padding: 0px 3px 0px 4px;
  position: relative;
  vertical-align: middle;
}

.leaflet-legend-toggle {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHdSURBVEiJ1dVPiM1RFAfwz3vzEDEx8aYRCwkhmpRSamxkFoqNCZHJRv5mNaWZ7GajiEhWkgUyMyXzLPQKJUlSShJpjBVZsEFMDVnc+8yb1/v9Xu81m/nWr9+5597f+Z5z7jnnx3RHU3wvxka04PNUExzGEWSwBz/wHjNwEQfxFN8bIcigiG1x3YUefBSieY4HOI+3Ddh/AoUyRRe6o9yCR5GgI8VIJ05gS3SuhCyK2ZQPv6Evkjyux+2IvxjL1Tj0Dr+r6FuxJMor0gzUIvgan0pcw6soLxNz3QhBEv7gVJQ7sbIegmPYHuV7eInTFWdWYSDKC3BB6J8dQj+VsIHkKpoKFKpF0IP9Uf6JXrzBOayvk6Cd9Aha8RDzcNzkOodm7EI+gaCQ1gez8UXohau4jLXYWnbmOtpwO8lIUhUdwm78Ei7uGU7GKIaFlH2KTowKcysR5SnqFvI/jIW4i0XCzLqFzVgjVFcOS/Eaq9NsjwrzZkBooDw24YPJ5dks3Ecee3Em6s/Wcn4Es6ps3sScCt26GF0TLmFnivH/BMWEzfkJ+gPox0zcx/I0ghyGMIgXFZvjuIKjJv58JeyLuhHcwY0qxrOYm4mLNuGiyst2TBhiHWpUSQLGTQzEaYx/Y4Nb29RZmwUAAAAASUVORK5CYII=");
  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;
}