/*==== spinner loading =====*/
/*
.spinner {
	height: 120px;
	width: 120px;
	margin: 94px auto 0 auto;
	position: relative;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 14px solid rgba(0, 174, 239, .15);
	border-right: 14px solid rgba(0, 174, 239, .15);
	border-bottom: 14px solid rgba(0, 174, 239, .15);
	border-top: 14px solid rgba(0, 174, 239, .8);
	border-radius: 100%;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
	}
}
@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
	}
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}
*/
/*==== emd spinner loading =====*/


/*
	.customMarkerFucusSecond {
	  position: absolute;
	  cursor: pointer;
	  background: #52BAFF;
	  width: 50px;
	  height: 50px;
	  margin-left: -25px;
	  margin-top: -60px;
	  border-radius: 50%;
	  padding: 0px;
	}
	.customMarkerFucusSecond:after {
	  content: "";
	  position: absolute;
	  bottom: -7px;
	  left: 16px;
	  border-width: 10px 10px 0;
	  border-style: solid;
	  border-color: #52BAFF transparent;
	  display: block;
	  width: 0;
	}
	.customMarkerFucusSecond img {
	  width: 40px;
	  height: 40px;
	  margin: 5px;
	  border-radius: 50%;
	}

	.customMarkerFucusThird {
	  position: absolute;
	  cursor: pointer;
	  background: #FF0000;
	  width: 50px;
	  height: 50px;
	  margin-left: -25px;
	  margin-top: -60px;
	  border-radius: 50%;
	  padding: 0px;
	}
	.customMarkerFucusThird:after {
	  content: "";
	  position: absolute;
	  bottom: -7px;
	  left: 16px;
	  border-width: 10px 10px 0;
	  border-style: solid;
	  border-color: #FF0000 transparent;
	  display: block;
	  width: 0;
	}
	.customMarkerFucusThird img {
	  width: 40px;
	  height: 40px;
	  margin: 5px;
	  border-radius: 50%;
	}

	.customMarkerFucusFourth {
	  position: absolute;
	  cursor: pointer;
	  background: #229954;
	  width: 50px;
	  height: 50px;
	  margin-left: -25px;
	  margin-top: -60px;
	  border-radius: 50%;
	  padding: 0px;
	}
	.customMarkerFucusFourth:after {
	  content: "";
	  position: absolute;
	  bottom: -7px;
	  left: 16px;
	  border-width: 10px 10px 0;
	  border-style: solid;
	  border-color: #229954 transparent;
	  display: block;
	  width: 0;
	}
	.customMarkerFucusFourth img {
	  width: 40px;
	  height: 40px;
	  margin: 5px;
	  border-radius: 50%;
	}

.share_area_flood{
	border: 1px solid #b2b2b2;
    border-top: 0px;
    background-color: #dae5ea;
    padding: 5px;
	text-align: right;
}
.share_area_flood > a {
	color: #535353;
	margin-right: 10px;
}

@media screen and (max-width: 992px) {
	.mapPinDetail.maskDetail {
		margin-top: 30px;
		left: 0px;
		width: auto !important;
		top: 30px !important;
		height: fit-content;
	}
}

.customMarkerMekong2020 {
  position: absolute;
  cursor: pointer;
  background: #85C1E9; 
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -60px;
  border-radius: 50%;
  padding: 0px;
}

.customMarkerMekong2020:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 16px;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #85C1E9 transparent;
  display: block;
  width: 0;
}
.customMarkerMekong2020 img {
  width: 40px;
  height: 40px;
  margin: 5px;
  border-radius: 50%;
}
  
 .user-img-display {
	width: 100px;
    height: 100px;
    object-fit: cover;
 }
*/