/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap'); */

#mapid { 
    height: 100%!important;
    position: absolute;
    display:flex;
    top:0; 
    bottom:0; 
    right:0; 
    left:0;
    z-index:0;
 }
 .mapmod { padding:0!important;}
 #basemaps-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 400;
    background: white;
    padding: 10px;
}

#basemaps {
    margin-bottom: 5px;
}
 
 .formaptime{
    display:none!important;
 }
 
 .popupimage{
    width:120px;
    border-radius:10px;
 }

/* sidepanel */
 .cd-nugget-info{display:block;font-family:"droid serif",serif;color:#fff;margin:20px auto 0;font-size:1.2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:120px;position:relative}.cd-nugget-info::after{content:'';position:absolute;display:inline-block;top:16px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:1px;width:0%;background-color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.cd-nugget-info:hover::after{width:100%}


 html, body {
   height: 100%;
   margin: 0;
   font-family: 'Poppins', sans-serif!important;
   font-size:13px!important;
}
.leaflet-control-search{
   font-size:12px!important;
}
.leaflet-control-layers{
   font-size:11px!important;
}
#mapid{
   width:100%;
   height:100vh;
}
.leaflet-left .leaflet-control > img{
   border-radius:10px;
}
.sidebarCustom {
   color:#000;
   font-size:12px!important;
}
.sidebarCustom > h1 {
   font-size:20px;
   font-weight:bold;
}
.leaflet-sidebar {
   padding-top:50px!important;
}
.leaflet-sidebar .close{
   right: 30px!important;
   top: 60px!important;
}

.boxColor{
   width:30px;
   height:30px;
   display:inline-block;
   box-sizing:border-box;
}
.alignMiddle{
   vertical-align:middle;
}
.geoImage{
   width:100%;
}
.dataListing > li > span{
   font-weight:bold;
}
.search-tip {
   white-space: nowrap;
}
.search-tip b {
   display: inline-block;
   clear: left;
   float: right;
   padding: 0 4px;
   margin-left: 4px;
}
.geositesMarker{
   display:none;
}
.legendTitle{
   font-size:13px!important;
}
.geositeIcon{
   background-color:rgb(211, 54, 54);
   border-radius:50%;
   text-align:center;
   width: 2.4em;
   height: 2.4em;
   line-height: 2.4em;
   display: inline-block;
}
   .geositeIconLegend{
      background-color:rgb(211, 54, 54);
      border-radius:50%;
      text-align:center;
      width: 1.4em;
      height: 1.4em;
      line-height: 1.4em;
      display: inline-block;
   }
.biositesIcon{
   background-color:rgb(102, 180, 47);
   border-radius:50%;
   text-align:center;
   width: 2.4em;
   height: 2.4em;
   line-height: 2.4em;
   display: inline-block;
}
   .biositesIconLegend{
      background-color:rgb(102, 180, 47);
      border-radius:50%;
      text-align:center;
      width: 1.4em;
      height: 1.4em;
      line-height: 1.4em;
      display: inline-block;
   }
.culturalIcon{
   background-color:rgb(213, 131, 43);
   border-radius:50%;
   text-align:center;
   width: 2.4em;
   height: 2.4em;
   line-height: 2.4em;
   display: inline-block;
}
   .culturalIconLegend{
      background-color:rgb(213, 131, 43);
      border-radius:50%;
      text-align:center;
      width: 1.4em;
      height: 1.4em;
      line-height: 1.4em;
      display: inline-block;
   }

.villageIcon{
   background-color:rgb(43, 139, 213);
   border-radius:50%;
   text-align:center;
   width: 2.4em;
   height: 2.4em;
   line-height: 2.4em;
   display: inline-block;
}
   .villageIconLegend{
      background-color:rgb(43, 139, 213);
      border-radius:50%;
      text-align:center;
      width: 1.4em;
      height: 1.4em;
      line-height: 1.4em;
      display: inline-block;
   }

.fosterIcon{
   background-color:rgb(179, 43, 213);
   border-radius:50%;
   text-align:center;
   width: 2.4em;
   height: 2.4em;
   line-height: 2.4em;
   display: inline-block;
}
   .fosterIconLegend{
      background-color:rgb(179, 43, 213);
      border-radius:50%;
      text-align:center;
      width: 1.4em;
      height: 1.4em;
      line-height: 1.4em;
      display: inline-block;
   }
.leaflet-top{
   margin-top:40px!important;
}
.navClicker{
   color:#fff!important;
}
   .navClicker:hover{
      color: rgb(253, 253, 253)!important;
   }
.customDModal{
   color:#000;
   line-height:normal!important;
}
   .customDModal btn{
      font-size:13px;
   }

/* design marker properly */
.leaflet-popup-content{
   /* width:fit-content!important; */
   margin:0!important;
}

.markerContent{
   margin:5px 10px!important;
   width:auto!important;
}

   .markerContent > h5 {
      font-weight:bold!important;
      font-size:12px!important;
   }