/* Layer control search */

.layer-search-control {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;

  z-index: 1000;
  background: #c9c9c9;
  margin-bottom: 5px;
}

.layer-search-input {
  width: 100%;
  padding: 6px 30px;
  font-size: 14px;
  background: #0a4d4a;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
}

.layer-search-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.layer-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.layer-search-clear {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  overflow: inherit;
}
/* Base control stacking */
.leaflet-top.leaflet-right {
  z-index: 600;
}

.leaflet-bottom.leaflet-right {
  z-index: 400;
}

/* Expanded layers control always above everything */
.leaflet-control-layers.leaflet-control-layers-expanded {
  z-index: 1000 !important;
}

.leaflet-bottom.leaflet-left {
  z-index: 1001;
}
.leaflet-bottom.leaflet-right {
  z-index: 1003;
}
.leaflet-top.leaflet-right {
  z-index: 1004;
}

.map-legend {
  z-index: 1003 !important;
}

/* Fix tel: links inside legend */
.leaflet-control .legend-phone {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;

  white-space: nowrap;
  word-break: normal;

  padding: 0;
  margin: 0;

  text-decoration: none;
  color: #149131;
  font-weight: 600;
  padding: 5px;
}

.leaflet-control-layers-list,
.leaflet-control-layers-scrollbar {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.elevation-track-name {
  font-size: 12px;
  color: #fff;
  background: #07542bf8;
  word-break: break-word !important;
  border: 1px solid #969696;
  border-bottom: none;
}
.elevation-track-name img {
  display: none;
}
.elevation-track-name tbody > tr > td {
  padding: 0;
}
.elevation-track-name tbody > tr :nth-child(1) {
  text-align: center !important;
  width: 0% !important;
}
.elevation-track-name tbody > tr :nth-child(2) {
  text-align: center !important;
  width: 100% !important;
}