/*
   Simple Base Stylesheet - 
*/

.my-label {
    position: absolute;

    font-size:20px;
	color:red;
	background-color: transparent;
	border: 5px;
	background-image: url("./icons/circle-icon.png");
	
}


.up-arrow {
    display: inline-block;
    position: absolute;
    border: 0px solid transparent;
    text-decoration: none;
    border-radius: 0px;
    padding: 2px;
    margin-top: 0px;
	background-color: transparent;
	font-size:20px;
	color:red;
	box-shadow: none;
}

.up-arrow:before {
    content: '';
    display: block;  
    position: absolute;
    left: 140px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-bottom-color: transparent;
}

.up-arrow:after {
    content: '';
    display: block;  
    position: absolute;
    left: 141px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-bottom-color: transparent;
}

/*  https://github.com/Leaflet/Leaflet/issues/4686  */
.leaflet-fade-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-animated { 
    will-change:auto !important; 
	}

/* for easy button icon */
.icon {
  color: red;
  font-size: 10vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.bed-div-icon{

  background-color: grey;
  box-shadow: 5px;
  border: 4px solid transparent;
  border-radius: 4px;
}

.bed-grey-div-icon{

  background-color: grey;
  box-shadow: 5px;
  border: 4px solid transparent;
  border-radius: 4px;
  opacity: 0.7;
}

.bed-rose-div-icon{

  background-color: LightPink;
  box-shadow: 5px;
  border: 4px solid transparent;
  border-radius: 4px;
  opacity: 0.7;
}

/* css to customize Leaflet default styles  */
.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
    /*background: #ccffff; */
    color: #000000;
	font-size: 16px;
}

.map-tooltip-text {
	
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.map-tooltip-link {
	
	/* background-color: #E5E4E2; */ 
	display: inline-block;
	margin-left:20px;
	margin-right:5px;
	width:8px;
	vertical-align:sub;
}

.map-tooltip-details {
	
	font-size: 12px;
	display: inline-block;
	
}



/* remove label background elements */
.leaflet-tooltip.my-labels {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-size: 20px;
  }


.leaflet-marker-icon {

      width: 12px; 

   /*background-image: url("./icons/circle-icon.png");
   */
}

.my-div-icon{
  background: url("./icons/circle-icon.png");
  width: 64px;
  height: 64px;
  /*
  background-color: grey; 
  opacity: 0.5;
  */
  box-shadow: 5px;
  border: 4px solid transparent;
  border-radius: 4px;
  
}

.my-div-icon-start{
  background: url("./icons/pin_red_16.png");
  /*width: 32px;
  height: 32px;
  */
  background-color: grey; 
  opacity: 1.0;
  
  box-shadow: 0px;
  border: 0px solid transparent;
  border-radius: 0px;

}

.my-div-icon-end{
  background: url("./icons/pin_green_32.png");
  /*
  width: 32px;
  height: 32px;
  */
  background-color: red; 
  opacity: 1.0;
  
  box-shadow: 0px;
  border: 0px solid transparent;
  border-radius: 0px;

}


*/ 
/*
.leaflet-marker-icon {
background:transparent;
border: transparent;

width: 64px !important;
height: 32px !important;
  }
*/