#perspective-dialog {
	position: fixed; /* fixed: prevents the whole map from scrolling to the left. */
  text-wrap: nowrap;
	z-index: 4230;
}

#perspective-clipped {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 5px;
	border-radius: 10px;
}

#perspective-line-1 {
  display: flex;
  align-items: center;
  user-select: none;
}

#perspective-line-1 input {
	width: 8ex;
}

.handle {
  cursor: move;
  margin-left: 2px;
}

.target-space {
  width: 33px;
  height: 33px;
  margin: 0 4px 0 4px;
}

.target-image {
  position: absolute;
	z-index: 4250;
}

.circuit-km {
  display: inline-block;
  width: 6ex;
  text-align: right;
}

.circuit-bearing {
  display: inline-block;
  width: 3ex;
  margin-right: 2px;
  text-align: right;
}

#canvas-div {
  background-color: #ffffee;
}

#canvas-stack {
  position: relative; /* to make this a containing block for overlapping canvases */
}

#voacap-background {
  /* place the background on the bottom of the stack of canvases */
  z-index: 4200;
}

#voacap {
  /* place the time grid over the background */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4210;
  pointer-events: none; /* make sure the pointer events pass through to the background canvas */
}

#voacap-time {
  position: absolute;
  /* place the curve over the grid lines */
  z-index: 4215;
  pointer-events: none; /* make sure the pointer events pass through to the background canvas */
}

.voacap-curve {
  /* put this on top of each other */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4220;
  pointer-events: none; /* make sure the pointer events pass through to the background canvas */
}

.voacap-background-number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #ddd;
  font-size: 30px;
  color: white;
  font-family: tahoma
}

#voacap-header {
  text-align: center;
  font-size: 80%;
}

#voacap-labels {
  display: flex;
  justify-content: space-between;
  font-size: 60%;
}

#voacap-colors {
  display: flex;
  justify-content: center;
  font-size: 80%;
}

#voacap-colors>* {
  margin: 0 5px 0 5px;
}

.long-path {
  display: none;
  background-color: #ccc;
  padding-left: 3px;
  padding-right: 3px;
 }
}