.dvh {
	height: 100dvh;
}

.custom-svg {
	position: relative;
	overflow: hidden;
}

.svg {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.clickable:hover {
	cursor: pointer;
}

.svg a {
	text-decoration: none;
}

.svg text {
	font-family: "Open Sans", sans-serif;
	user-select: none;
}

.key {
	fill: #FFFFFF;
	font-size: 0.64rem;
}

.road, .park, .Available, .Unavailable {
	stroke: #000000;
	stroke-width: 0.05rem;
}

.road {
	fill: #D3D3D3;
}

.park {
	fill: #696969;
}

.Available {
	fill: #006400;
}

@keyframes interactive {
	50% {
		fill: #B22222;
	}
}

.Unavailable {
	fill: #696969;
}

.premium {
	fill: #4E1A69;
}

.discount {
	fill: #7F145B;
}

.form-control:focus, .form-select:focus {
	border-color: #212529;
	box-shadow: none;
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
	border-color: #212529;
	box-shadow: 0 0 0 0.1rem RGBA(33,37,41,0.25);
}

.form-check-input:checked {
	border-color: #212529;
	background-color: #212529;
}

.alert, .nfo, .outline {
	margin-bottom: auto;
}

.available-toast {
	color: #FFFFFF;
	background-color: RGBA(0,0,0,1);
}