:root{
	--aqua-1:  #082a30;
	--aqua-2:  #0e4853;
	--aqua-3:  #156e7f;
	--aqua-4:  #1c94ab;
	--aqua-5:  #23bad7;
	--aqua-6:  #4bc9e2;
	--aqua-7:  #77d6e9;
	--aqua-8:  #a3e3f0;
	--aqua-9:  #cff1f7;
	--aqua-10: #e9f8fb;
	--aqua-11: #f6fcfe;

	--green-1:  #1d2e0a;
	--green-2:  #334f12;
	--green-3:  #4d781b;
	--green-4:  #68a225;
	--green-5:  #82cb2e;
	--green-6:  #9bd855;
	--green-7:  #b3e27e;
	--green-8:  #cceba8;
	--green-9:  #e4f5d1;
	--green-10: #f3faea;
	--green-11: #fafdf7;
}

.aqua-1 {color: var(--aqua-1);}.aqua-2 {color: var(--aqua-2);}.aqua-3 {color: var(--aqua-3);}.aqua-4 {color: var(--aqua-4);}.aqua-5 {color: var(--aqua-5);}.aqua-6 {color: var(--aqua-6);}.aqua-7 {color: var(--aqua-7);}.aqua-8 {color: var(--aqua-8);}.aqua-9 {color: var(--aqua-9);}.aqua-10 {color: var(--aqua-10);}.aqua-11 {color: var(--aqua-11);}
.green-1 {color: var(--green-1);}.green-2 {color: var(--green-2);}.green-3 {color: var(--green-3);}.green-4 {color: var(--green-4);}.green-5 {color: var(--green-5);}.green-6 {color: var(--green-6);}.green-7 {color: var(--green-7);}.green-8 {color: var(--green-8);}.green-9 {color: var(--green-9);}.green-10 {color: var(--green-10);}.green-11 {color: var(--green-11);}

.welc-card {
	.welc-card-header {
		background-color: #fff !important;
		text-transform: none !important;
		padding-top: 1rem !important;
		> .material-symbols-outlined {
			font-size: 2rem;
			color: var(--aqua-4);
		}
		h3 {
			font-size: 1.125rem !important;
			/*margin-top: 1rem;*/
		}
	}
	.welc-card-body {
		.welc-card-title {
			font-size: 1.125rem !important;
			margin-bottom: 1rem;
		}
		&.card-body {
			padding-top: 0 !important;
			padding-left: 1rem !important;
		}
	}
	&.welc-card-expandable {
		.welc-figure {
			position: relative;
			display: inline-block;
			width: 100%;
			.welc-figure-overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				/*clip-path: polygon(15% 0%, 100% 0, 100% 100%, 45% 100%, 69% 60%, 71% 56%, 72% 54%, 73% 50%, 73% 47%, 72% 44%, 71% 43%, 70% 42%);*/
				clip-path: polygon(35% 0%, 100% 0, 100% 100%, 65% 100%, 89% 60%, 91% 56%, 92% 54%, 93% 50%, 93% 47%, 92% 44%, 91% 43%, 90% 42%);
				background-color: rgba(255, 255, 255, 0.95);
				/*filter: blur(5px);*/
				pointer-events: none;
				&.welc-figure-overlay-2 {
					clip-path: polygon(25% 0%, 100% 0, 100% 100%, 55% 100%, 79% 60%, 81% 56%, 82% 54%, 83% 50%, 83% 47%, 82% 44%, 81% 43%, 80% 42%);
				}
			}
		}
		.welc-card-header {
			padding: 0.25rem 0; /* Added */
			h3 {
				color: var(--primary) !important;
				cursor: pointer;
				.component-heading-title:hover {
					text-decoration: underline;
					text-decoration-thickness: 2px;
				}
			}
		}
		/*.welc-card-body {
			display: none;
		}*/
		&.expand {
			.welc-card-body {
				/*margin-left: 1rem;*/
				border-inline-start: 3px solid var(--primary);
			}
		}
	}
	&.card {
		/*padding: 1rem;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;*/
		&:not(.welc-card-expandable) {
			padding: 1rem;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
			.welc-card-header {
				h3 {
					margin-top: 1rem;
				}
			}
		}
	}
}

#lmap {
	height: 275px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
	
	@media (min-width: 576px) {
		height: 300px;
	}
	@media (min-width: 768px) {
		height: 350px;
	}
	@media (min-width: 992px) {
		height: 480px;
	}
	@media (min-width: 1280px) {
		height: 480px;
	}
}

#lmap-selected-img {
	img {
		background-color: #e5e5e5;
		max-height: 120px;
	}
}

#lmap-selected-pers {
	min-height: 100px;
}

.custom-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	background-color: rgba(181, 226, 140, 0.6);
}