/* Minification failed. Returning unminified contents.
(806,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(806,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(847,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
 */
body {
	padding: 0;
	margin: 0;
	-webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}

img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

html, body, #map {
	height: 100%;
	width: 100%;
}

.container {
	max-height: 450px;
	width: auto;
	overflow-y: auto;
	overflow-x: hidden;
	padding-left: 16px;
}

.form-control {
	width: 320px;
}

#filterButton {
	position: absolute;
	top: 80px;
	margin-left: 11px;
	z-index: 400;
	border-radius: 3px;
	color: black;
	background-color: #f4f4f4;
	border: 2px solid #89A9B2;
	width: 33px;
	height: 33px;
	display: block;
	text-align: center;
	background-image: url(../Content/Images/Uncover-icon.png);
	background-size: cover;
}

	#filterButton.active {
		background-color: #a9a9a9;
		/*color: #f4f4f4;*/
	}

#areaButton {
	position: absolute;
	top: 118px;
	margin-left: 11px;
	z-index: 400;
	border-radius: 3px;
	color: black;
	background-color: #f4f4f4;
	border: 2px solid #89A9B2;
	width: 33px;
	height: 33px;
	display: block;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
}

	#areaButton.active {
		background-color: #a9a9a9;
		color: #f4f4f4;
	}

#myLocationButton {
	position: absolute;
	top: 156px;
	margin-left: 11px;
	z-index: 400;
	border-radius: 3px;
	color: black;
	background-color: #f4f4f4;
	border: 2px solid #89A9B2;
	width: 33px;
	height: 33px;
	display: block;
	text-align: center;
	justify-content: center;
	/*align-items: center;*/
	display: flex;
}

#RegisterButton {
	position: absolute;
	top: 195px;
	margin-left: 11px;
	z-index: 400;
	border-radius: 3px;
	color: black;
	background-color: #f4f4f4;
	border: 2px solid #89A9B2;
	width: 33px;
	height: 33px;
	display: block;
	text-align: center;
	justify-content: center;
	/*align-items: center;*/
	display: flex;
}

#FavoriteButton {
	position: absolute;
	top: 235px;
	margin-left: 11px;
	z-index: 400;
	border-radius: 3px;
	color: black;
	background-color: #f4f4f4;
	border: 2px solid #89A9B2;
	width: 33px;
	height: 33px;
	/*display: block;*/
	display: none;
	text-align: center;
	justify-content: center;
	/*align-items: center;*/
	/*display: flex;*/
}

.modal-title {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	color: #337AB7;
}

.modal-content {
	width: 370px;
	min-width: 370px;
}

.filterp {
	margin: 0;
}

.locationButton {
	margin-top: 4px;
}

.Popup {
	font-size: 15px;
	font-family: serif;
	/*font-weight: 700;*/
}

.OpenButton {
	padding-left: 10px;
}

.modal-dialog {
	width: 400px;
}

.checkbox label {
	padding-left: 5px;
}

.marker-cluster-small {
	background-color: darkgray;
}

	.marker-cluster-small div {
		background-color: grey;
	}

.marker-cluster-medium {
	background-color: darkgray;
}

	.marker-cluster-medium div {
		background-color: grey;
	}

.marker-cluster-large {
	background-color: darkgray;
}

	.marker-cluster-large div {
		background-color: grey;
	}

.marker-cluster span {
	font-weight: bold;
	color: white;
}

/*Legend specific*/
.legend {
	padding: 6px 8px;
	font: 14px Arial, Helvetica, sans-serif;
	/*background-color: #f4f4f4;*/
	/*border: 2px solid #89A9B2;*/
	/*background: white;
			background: rgba(255, 255, 255, 0.8);*/
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
	border-radius: 3px;
	line-height: 24px;
	color: #555;
}

	.legend h4 {
		text-align: center;
		font-size: 16px;
		margin: 2px 12px 8px;
		color: #777;
	}

	/*.legend span {
		position: relative;
		bottom: 3px;
	}*/
	.legend span {
		position: fixed;
		bottom: 0;
		left: 11px;
	}

	.legend i {
		width: 18px;
		height: 18px;
		float: left;
		margin: 0 8px 0 0;
		opacity: 0.7;
	}

		.legend i.icon {
			background-size: 18px;
			background-color: rgba(255, 255, 255, 1);
		}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: 2px solid #89A9B2;
}

.material-icons {
	font-size: 14px
}

.btn {
	padding: 5px 5px;
	margin-top: 3px;
}

.open-map {
	color: #212529;
	/*background-color: #ffc107;*/
	border-color: #ffc107;
	background-image: linear-gradient(#ffc107, #A76F00);
}

ul.checkbox li {
	border: 1px transparent solid;
	display: inline-block;
	width: 10em;
}

.leaflet-popup-content {
	min-width: 250px;
}


.select2-container {
	min-width: 350px;
	max-width: 350px;
}

	.select2-container .select2-selection {
		min-height: 40px;
		max-height: 75px;
		overflow: auto;
		width: 320px;
	}

.select2-results__option {
	padding-right: 20px;
	vertical-align: middle;
}

	.select2-results__option:before {
		content: "";
		display: inline-block;
		position: relative;
		height: 20px;
		width: 20px;
		border: 2px solid #e9e9e9;
		border-radius: 4px;
		background-color: #fff;
		margin-right: 20px;
		vertical-align: middle;
	}

	.select2-results__option[aria-selected=true]:before {
		font-family: fontAwesome;
		content: "\f00c";
		color: #fff;
		background-color: #337ab7;
		border: 0;
		display: inline-block;
		padding-left: 3px;
	}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb;
	color: #272727;
}

.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #337ab7;
	border-width: 2px;
}

.select2-container--default .select2-selection--multiple {
	border-width: 2px;
}

.select2-container--open .select2-dropdown--below {
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
	display: none;
}

.select-icon .placeholder {
	/* display: none; */
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
	display: none !important;
	/* content: "" !important; */
}

.select-icon .select2-search--dropdown {
	display: none;
}

/* Popup container - can be anything you want */
.popup {
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 35px;
	font-size: 17px;
}

	/* The actual popup */
	.popup .popuptext {
		visibility: hidden;
		max-width: 350px;
		min-width: 250px;
		/*background-color: #555;*/
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 8px 8px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: -87%;
		margin-left: -87px;
		background-image: linear-gradient(#ffc107, #A76F00);
		font-size: 15px;
		word-wrap: break-word;
	}

		/* Popup arrow */
		.popup .popuptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	.popup .phonepopuptext {
		visibility: hidden;
		min-width: 125px;
		text-align: center;
		border-radius: 6px;
		padding: 8px 8px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		margin-left: -60px;
		background-image: linear-gradient(#ffc107, #A76F00);
		font-size: 15px;
	}

		/* Popup arrow */
		.popup .phonepopuptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}


	/* Toggle this class - hide and show the popup */
	.popup .show {
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}

.unpopup {
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
}

	/* The actual popup */
	.unpopup .unpopuptext {
		visibility: hidden;
		max-width: 350px;
		min-width: 250px;
		/*background-color: #555;*/
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 8px 8px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		/*left: -87%;*/
		margin-left: -9em;
		/*font-size: 17px;*/
		background-image: linear-gradient(#ffc107, #A76F00);
	}

		/* Popup arrow */
		.unpopup .unpopuptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #555 transparent transparent transparent;
		}

	/* Toggle this class - hide and show the popup */
	.unpopup .show {
		visibility: visible;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}

.shortDescButton {
	position: relative;
	display: inline-block;
	border: 1px solid #333;
	background-color: #f0f0f0;
	padding: 0px 0px 0px 3px;
	width: 20px;
	height: 15px;
	border-radius: 25%;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#alertbox {
	width: 335px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*height: 25px;*/
	height: auto;
	padding: 0;
}

.verificationBox {
	width: 335px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*height: 25px;*/
	height: auto;
	padding: 0;
}

audio::-webkit-media-controls-panel {
	/*background-color: #ffc107;
	background-color: #FFAA00;*/
	background-image: linear-gradient(#ffc107, #A76F00);
}

#cover-spin {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.7);
	z-index: 9999;
	display: none;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

#cover-spin::after {
	content: '';
	display: block;
	position: absolute;
	left: 48%;
	top: 40%;
	width: 40px;
	height: 40px;
	border-style: solid;
	border-color: black;
	border-top-color: transparent;
	border-width: 4px;
	border-radius: 50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}

.expiry-date {
	font-size: small;
	color: red;
	font-weight: bold;
	border-radius: 3px;
	background-color: rgba(244, 244, 244, 0.5);
	border: 2px solid #89A9B2;
	display: block;
	padding: 3px;
}

.confirm {
	right: 0;
	position: absolute;
	margin: 3px 19px;
	background-color: transparent;
	border: none;
	font-size: 23px;
}

.social-icons {
	padding: 10px;
	text-align: center;
}

	.social-icons a {
		line-height: 20px;
		font-size: 20px;
		margin: 0 3px;
		text-decoration: none;
	}

		.social-icons a i {
			line-height: 20px;
			font-size: 20px;
			-webkit-transition: all 200ms ease-in;
			-webkit-transform: scale(1);
			-ms-transition: all 200ms ease-in;
			-ms-transform: scale(1);
			-moz-transition: all 200ms ease-in;
			-moz-transform: scale(1);
			transition: all 200ms ease-in;
			transform: scale(1);
		}

		.social-icons a:hover i {
			box-shadow: 0px 0px 150px #000000;
			z-index: 2;
			-webkit-transition: all 200ms ease-in;
			-webkit-transform: scale(1.5);
			-ms-transition: all 200ms ease-in;
			-ms-transform: scale(1.5);
			-moz-transition: all 200ms ease-in;
			-moz-transform: scale(1.5);
			transition: all 200ms ease-in;
			transform: scale(1.5);
		}

.checkbox {
	position: relative;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	margin-top: 10px;
}

	.checkbox input {
		position: absolute;
		width: 0;
		left: 50px;
		height: 0;
		opacity: 0;
		cursor: pointer;
	}

	.checkbox .checkmark {
		position: relative;
		display: block;
		top: 0;
		left: 0;
		width: 16px;
		height: 16px;
		background: white;
		border-radius: 3px;
		outline: 1px solid #acacac;
		transition: all 0.2s ease;
	}

	.checkbox:hover .checkmark {
		background: #f4f4f5;
		transition: all 0.2s ease;
	}

	.checkbox input:checked ~ .checkmark {
		background: #3f7fed;
		outline: 1px solid rgb(95, 126, 240);
	}

	.checkbox input[type="radio"] ~ .checkmark {
		border-radius: 50%;
	}

	.checkbox .checkmark::after {
		position: absolute;
		display: block;
		content: "";
		left: 50%;
		top: 40%;
		width: 4px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		transform: translate(-50%, -50%) rotate(45deg);
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-moz-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		opacity: 0;
		transition: all 0.2s ease;
	}

	.checkbox input:checked ~ .checkmark::after {
		opacity: 1;
		transition: all 0.2s ease;
	}

.locked {
	background-color: gray;
	cursor: not-allowed;
}

.disappearing-text {
	position: absolute;
	/*background-color: rgba(255, 255, 255, 0.8);*/ /* Optional: Add a semi-transparent background */
	padding: 5px;
	font-size: 14px;
	z-index: 1000;
	max-width: 65%;
	max-height: 65%;
	/*background-color: #f4f4f495;*/
	margin-top: 4em;
}

.nav > li > a {
	padding: 10px 10px;
}

.select2-selection--single {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.select2-dropdown--below {
	width: 335px !important;
}

.select2-dropdown--above {
	width: 335px !important;
}

.required:after {
	content: " *";
	color: red;
}

.buttonfloating.launcher-button {
	animation: 0.1s ease 0s 1 normal none running dewAppear;
}

.buttonfloating {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	float: right;
	border-radius: 30px 8px 30px 30px;
	background-color: rgb(0, 96, 99);
	box-shadow: none;
	color: rgb(255, 255, 255);
	z-index: 1000;
	cursor: pointer;
	padding: 8px;
	transition: all 0.1s ease-out 0s;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	right: 1px;
	bottom: 35px;
	border: none;
	position: fixed;
	min-width: 107px;
	max-width: 156px;
	<!-- height: 56px; -->
	z-index: 2147483000;
	visibility: visible;
}

#launcher-frame {
	right: -10px !important;
	bottom: 65px !important;
	border: none !important;
	position: fixed !important;
	min-width: 104px !important;
	max-width: 156px !important;
	height: 56px !important;
	z-index: 2147483000 !important;
	visibility: visible !important;
}

#freshworks-frame-wrapper {
	right: 0px !important;
	bottom: 75px !important;
	height: calc(100% - 84px) !important;
	visibility: visible !important;
}

.donationlabel {
	font-size: 1em;
	font-weight: 600;
	float: left;
	user-select: none;
	margin: 0px 8px 2px 6px;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.2s ease-in-out 0s;
}

#popupContainer {
	display: none;
	position: fixed;
	bottom: 75px; /* Adjust as needed */
	right: -5px;
	background: #fff;
	<!-- padding: 20px; -->
	/*border-radius: 15px;*/
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 10000000000;
}

#popupContent {
	height: 490px;
	width: 370px;
	border-radius: 15px
}

#closeButton {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.donationclose {
	z-index: 1000;
	background-color: rgba(7, 18, 40, 0.4);
	position: absolute;
	right: 16px;
	top: 16px;
	width: 32px;
	height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	opacity: 1;
}

.donation-logo {
	fill: rgb(255, 255, 255);
	margin: 0px auto;
	display: block;
	width: 14px;
	height: 14px;
	transition: all 0.1s ease-in 0s;
}

/*.modal-header::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.8;
	background: url(https://widget.freshworks.com/widgetBase/static/media/pattern_2.f2b4abff.png) 0% 0% / contain;
	transition: all 0.5s ease 0s;
}*/

@media screen and (orientation: landscape) and (max-width: 850px) {
	#popupContent {
		height: 200px; /* Adjust the width for landscape orientation */
	}
}

.screen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	display: none;
	align-items: center;
	z-index: 1000;
}

.loader {
	width: 100%;
	height: 15px;
	text-align: center;
}

.dot {
	position: relative;
	width: 15px;
	height: 15px;
	margin: 0 2px;
	display: inline-block;
}

	.dot:first-child:before {
		animation-delay: 0ms;
	}

	.dot:first-child:after {
		animation-delay: 0ms;
	}

	.dot:last-child:before {
		animation-delay: 200ms;
	}

	.dot:last-child:after {
		animation-delay: 200ms;
	}

	.dot:before {
		content: "";
		position: absolute;
		left: 0;
		width: 15px;
		height: 15px;
		background-color: blue;
		animation-name: dotHover;
		animation-duration: 900ms;
		animation-timing-function: cubic-bezier(.82,0,.26,1);
		animation-iteration-count: infinite;
		animation-delay: 100ms;
		background: white;
		border-radius: 100%;
	}

	.dot:after {
		content: "";
		position: absolute;
		z-index: -1;
		background: black;
		box-shadow: 0px 0px 1px black;
		opacity: .20;
		width: 100%;
		height: 3px;
		left: 0;
		bottom: -2px;
		border-radius: 100%;
		animation-name: dotShadow;
		animation-duration: 900ms;
		animation-timing-function: cubic-bezier(.82,0,.26,1);
		animation-iteration-count: infinite;
		animation-delay: 100ms;
	}

@keyframes dotShadow {
	0% {
		transform: scaleX(1);
	}

	50% {
		opacity: 0;
		transform: scaleX(.6);
	}

	100% {
		transform: scaleX(1);
	}
}

@keyframes dotHover {
	0% {
		top: 0px;
	}

	50% {
		top: -50px;
		transform: scale(1.1);
	}

	100% {
		top: 0;
	}
}

.gradient-color {
	background: linear-gradient(214.85deg, rgb(0, 168, 134) 0%, rgb(0, 108, 159) 100%) 0% 0% / contain;
}

.side-tab {
	position: fixed;
	left: -250px;
	top: 0;
	width: 200px;
	height: 100%;
	background-color: #333;
	color: #fff;
	padding: 15px;
	transition: left 0.3s ease-in-out;
	z-index: 1000;
}

	.side-tab.show {
		left: 0;
	}

.side-tab-header {
	background-color: #444;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.side-tab-header span {
		font-size: 18px;
		font-weight: bold;
	}

.tab-close-button {
	background-color: #444;
	border: none;
	color: white;
	padding: 5px 10px;
	font-size: 16px;
	cursor: pointer;
}

/*.side-tab-body {
	padding: 20px;
}*/

.side-tab-body ul {
	list-style-type: none;
	padding: 0;
}

.side-tab-body li {
	padding: 10px 0;
	border-bottom: 1px solid #555;
	cursor: pointer;
}

.delete-icon {
	cursor: pointer;
	margin-left: 10px;
	color: red;
}

.intl-tel-input .country-list {
	position: absolute;
	z-index: 2;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -1px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	background-color: white;
	border: 1px solid #CCC;
	white-space: nowrap;
	max-height: 200px;
	overflow-y: scroll;
	max-width: 335px;
}