body {
	background-color: black !important;
}

#tabContent {
	height: 100vh;
	overflow: hidden;
}

#mapViewer {
	height: 100%;
	width: 100vw;
}

#map-pane,
#panorama-pane,
#panoViewer {
	width: 100%;
	height: 100%;
}

.panoPopup {
	background-color: rgb(44, 44, 44);
}


.psv-tooltip-content {
	font: 18px sans-serif;
}


.mapMarkerIcon .marker-circle {
	background: white;
	border: 2px solid white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: transform 0.2s ease-in-out, width 0.3s, height 0.3s;
}

.mapMarkerIcon:hover .marker-circle:hover {
	border: 5px solid orange;
	transform: scale(1.2);
	transition: transform 0.2s ease-in-out, width 0.3s, height 0.3s;
	z-index: 9999;
}

/* Marker Image */
.mapMarkerIcon .marker-image {
	border-radius: 50%;
	/* Optional: make the image circular */
}

.custom-popup .leaflet-popup-tip {
	display: none;
	/* Hide the arrow */
}

.custom-popup {
	border: none;
	/* Optional: remove border from the popup */
}

#minimap {
	width: 240px;
	/* Set a specific width */
	height: 240px;
	/* Set height explicitly */
	border-radius: 50%;
	/* Make the minimap circular */
	overflow: hidden;
	/* Hide overflow to keep it circular */
	border: 3px solid #ffffff;
	/* Optional: add a border */
	z-index: 10;
	/* Ensure it's above other elements if necessary */
}

#minimapDiv {
	overflow: hidden;
}

/* $psv-panel-background	rgba(10, 10, 10, .7)	Background of the panel
$psv-panel-width	400px	Default width of the panel
$psv-panel-padding	1em	Content padding of the panel
$psv-panel-text-color	rgb(220, 220, 220)	Default text color of the panel
$psv-panel-font	16px sans-serif	Default font of the panel
$psv-panel-animate-delay	100ms	Duration of the show animation */

.psv-panel {
	/* background: none; */
}

.psv-panel-content {
	align-content: end;
	text-align: -webkit-right;
	text-align: right;
}

.psv-panel-resizer {
	display: none !important;
}

/* hsould bein sass */
.nav-pills .nav-link {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: rgb(79, 79, 79) !important;
	border-bottom: 1px solid rgb(79, 79, 79);
}

.nav-pills .nav-link.active {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: rgb(79, 79, 79) !important;
	border-bottom: 1px solid orange;
}