/* Ručno biranje približnog položaja generičkog graničnog prelaza. */
.transport-border-compact-head .manual-border-map-button {
  border-color: #178dc8;
  color: #075f94;
  background: #e7f5fc;
}
.transport-border-compact-head .manual-border-map-button:hover {
  border-color: #0878b9;
  background: #d8effa;
}
.transport-border-compact-head .manual-border-map-button.is-picking {
  border-color: #d14552;
  color: #a72230;
  background: #fff0f1;
}

#transportMap.manual-border-picking,
.manual-border-picking .leaflet-container {
  cursor: crosshair !important;
}
.manual-border-picking {
  outline: 4px solid color-mix(in srgb, #0b8bd6 54%, transparent);
  outline-offset: -4px;
}
.manual-border-map-hint {
  position: absolute;
  z-index: 1100;
  top: 12px;
  left: 50%;
  max-width: calc(100% - 100px);
  transform: translateX(-50%);
  padding: 9px 13px;
  border: 1px solid #0878b9;
  border-radius: 999px;
  color: #fff;
  background: rgba(5, 91, 143, .94);
  box-shadow: 0 7px 18px rgba(3, 58, 91, .22);
  font-size: .75rem;
  font-weight: 850;
  text-align: center;
  pointer-events: none;
}

@media (max-width: 520px) {
  .transport-border-compact-head .manual-border-map-button {
    flex: 1 1 100%;
    width: 100%;
  }
  .manual-border-map-hint {
    top: 58px;
    max-width: calc(100% - 28px);
    width: max-content;
  }
}