/*  buttons  */
.MapboxButtonGroupDiv {
	/* border-radius: 4px;
	border: 2px solid rgba(0,0,0,.2); */
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.MapboxButtonDiv {
	background: none;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.MapboxButtonDiv.pressed {
	fill: red;
	/* background: red; */
	/* border-color: darkorange; */
}



/* Иконка карты */
#MapboxIcon {
	display: none;
	position: absolute;
	z-index: 500;
	width: 100%;
	height: 100%;

	/* background: url('https://cdn-icons-png.flaticon.com/512/684/684908.png') no-repeat center center; */
	/* background-size: contain; */
	/* cursor: pointer; */
}



/* Контейнер карты */
#MapboxWindow {
	position: fixed;

	display: flex;
	justify-content: center;
	/* Centers horizontally */
	align-items: center;
	/* Centers vertically */
	overflow: hidden;

	bottom: 20px;
	right: 20px;
	width: 200px;
	height: 150px;
	/* width: 400px;
	height: 300px; */
	/* width: 640px;
	height: 480px; */

	transition: all 0.3s ease;
	border: 2px solid #333;
	border-radius: 16px;
	z-index: 999;
	/* display: none; */
	/* transform: scale(0.35); */
	/* transform-origin: bottom right; */
	/* top: 50%;
	left: 50%; */
	/* transform: translate(-50%, -50%); */
}

#MapboxWindow.middle {
	width: 443px;
	height: 334px;
}

/* #MapboxWindow.middle #MapboxRealMap {
	top: 0px;
	left: 0px;
} */


#MapboxWindow.full {
	width: 90vw;
	/* % ширины окна */
	height: 90vh;
	/* % высоты окна */
	transition: none;
}
#MapboxWindow.full #MapboxRealMap {
	/* top: 0;
	left: 0; */
	width: 100%;
	height: 100%;
	transition: none;
	/* but size related to parent  */
}


#MapboxRealMap {
	position: absolute;
	display: block;
	/* top: -80px;
	left: -120px; */
	/* transition: all 0.3s ease; */
	transition-property: top, left;
	transition-duration: 0.3s;
	transition-timing-function: ease;


	width: 440px;
	height: 330px;
	/* background-color: lightcoral; */
}


@media (min-width: 1400px) {
	#MapboxWindow {
		bottom: 20px;
		right: 20px;
		width: 400px;
		height: 300px;
	}

	#MapboxWindow.middle {
		width: 804px;
		height: 604px;
	}

	#MapboxRealMap {
		/* top: -150px;
		left: -200px; */
		width: 800px;
		height: 600px;
	}	
}

@media (max-width: 576px) {
	#MapboxWindow {
		bottom: 20px;
		right: 20px;
		width: 180px;
		height: 120px;
	}

	#MapboxWindow.middle {
		width: 364px;
		height: 244px;
	}

	#MapboxRealMap {
		/* top: -90px;
		left: -60px; */
		width: 360px;
		height: 240px;
	}	
}

@media (max-width: 500px) {
	#MapboxWindow {
		bottom: 20px;
		right: 20px;
		width: 60px;
		height: 45px;
	}

	#MapboxWindow.middle {
		width: 304px;
		height: 204px;
	}

	#MapboxRealMap {
		/* top: -90px; */
		/* left: -60px; */

		width: 300px;
		height: 200px;
	}	

	#MapboxIcon {
		display: flex;
		vertical-align: middle;
		background: yellowgreen;
	}
	#MapboxWindow {
		border: 0;
	}

	#MapboxWindow.middle #MapboxIcon,
	#MapboxWindow.full #MapboxIcon
	{
		display: none;
	}
	#MapboxWindow.full {
		/* bottom: 0px; */
		right: 0px;		
		width: 100%;
		height: 80vh;
	}

}


/* Сместить шкалу масштаба */
.leaflet-left .leaflet-control-scale {
	margin-left: 15px;
	margin-bottom: 15px;
}

.rclick-menu .leaflet-popup-content-wrapper .leaflet-popup-content {
	margin: 5px 10px 5px 5px;
}



/* .tracker-dir-n svg{

}
.tracker-dir-e svg{

}
.tracker-dir-s svg{

} */
.tracker-dir-w svg{
	transform: scaleX(-1);
	transform-origin: center;
}