.map-panel {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.map-toolbar {
    display: flex;
    display: -webkit-flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    border-left: black solid 1px;
    border-bottom: black solid 1px;
    padding-left: 5pt;
    padding-top: 2pt;
    padding-bottom: 2pt;
    align-items: center;
    -webkit-align-items: center;
}

.map-container {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    border-left: black solid 1px;
}

.map-container > div {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.zone-tb-color-pick {
    border: 1px solid black;
    padding-left: 1pt;
    padding-right: 1pt;
}

.zone-tb-next-field {
    margin-left: 2pt;
}

.zone-tb-action {
    margin-left: 10pt;
}

.zone-color-pick-link {
    text-decoration: none;
}

.tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}

.tooltip-measure {
  opacity: 1;
  font-weight: bold;
}