@media all and (min-width:601px) {
		#pnl-main			{height:calc(100vh - 50px); overflow-y:auto;}
	 }


	@media all and (min-width:601px) {
		.pnl-map,
		.pnl-assets			{flex-basis:50%; }
	}
	@media all and (max-width:600px) {
		.pnl-assets			{order:2;}
		.pnl-map			{order:1;}
	}


	.pnl-assets								{padding:2vw; height:auto;}
	.pnl-assets>div							{display:flex; flex-wrap:wrap; column-gap:30px; row-gap:30px;}
	.pnl-assets>div>.asset					{}
	.pnl-assets>div>.asset>.lbl-wrapper		{padding:8px 0 0 10px;}
	.pnl-assets>div>.asset>.img-wrapper		{border-radius:12px; overflow:hidden; width:100%;height:13vw; background-position:center; background-size:cover;}
	.pnl-assets>div>.asset>.img-wrapper>img				{display:block;}
	.pnl-assets>div>.asset>.img-wrapper>.btn-favorite	{position:absolute; top:10px; right:10px; background-color:white; padding:6px 5px 5px 5px; border-radius:20px;}
	.pnl-assets>div>.asset>.img-wrapper>.lbl-highlight	{position:absolute; top:10px; left:0px ; background-color:rgba(255,255,255,0.4); padding:5px 15px; border-radius:0 6px 6px 0;}


	@media all and (min-width:1201px) {
		.pnl-assets>div>.asset					{flex-basis:31%; max-width:31%;}
		.pnl-assets>div>.asset>.img-wrapper		{}
	}
	@media all and (min-width:601px) and (max-width:1200px) {
		.pnl-assets>div>.asset					{flex-basis:45%; max-width:45%;}
	}
	@media all and (max-width:600px) {
		.pnl-assets>div							{height:auto; overflow-x:hidden; overflow-y:visible;flex-direction:column; row-gap:30px;}
		.pnl-assets>div>.asset					{}
		.pnl-assets>div>.asset>.img-wrapper		{height:200px;}
	}

	@media all and (max-width:600px) {
		.pnl-assets>.pnl-assets-drawer			{display:block; padding:3px 0; text-align:center;}
		.pnl-assets>.pnl-assets-drawer>span		{display:inline-block; width:80px; height:6px; background-color:#ddd; border-radius:8px;}
	}


	.pnl-map			{height:calc(100vh - 50px); position:sticky; top:0px;}
	.pnl-map>*			{width:100%; height:100%;}

	@media all and (max-width:600px) {
		.pnl-map		{height:45vh;}
	}



	.pnl-map .leaflet-tooltip		{padding:1px 5px; background-color:#fff; border:1px solid #888; border-radius:10px; color:#222; margin: -10px 0 0 22px !important;
									  white-space: nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:all;
									 box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1); font-size:0.8rem; font-weight:bold; letter-spacing:0px; font-family:Roboto;
	}
	.pnl-map .leaflet-tooltip:before{border:none !important;}
	}