#mapid {
  min-height: 100%;
}

#nav-items-div{
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
}


.toggle-sidenav-button{
  cursor: pointer;
  font-size: 23px;
  padding:2px;
  margin-right: 10px;
  padding-left: 7px;
  padding-right: 7px;
}

.margin-top{
  margin-top:57px;
  min-height: 100%;
}

.custom-control-inline{
  cursor: pointer !important;
}


.loader-popup-ifram{
  background: url('../img/loader.gif') center center no-repeat;

}



#jstree_demo_div{
  padding: 0;
  overflow: auto;
}

#map-container-div{
  padding:0;
}

.display-flex{
  display: flex !important;
}

.text-color-white{
  color:white !important;
}

.margin-none{
  margin: 0 !important;
}

.align-items-center-custom{
  align-items: center;
}

.justify-content-space-between{
justify-content: space-between;
}


.justify-content-center-custom{
justify-content: center;
}

.jstree-icon.jstree-themeicon-custom{
      background-size: 20px !important;
}

.custom-close-button{
display: flex;
    margin-left: -3%;
    z-index: 3;
    justify-content: center;
    align-items: center;
    padding: 2px;
    background-color: white;
    border-top:1px solid #ced4da;
    border-bottom:1px solid #ced4da;
    padding-right: 10px;
    cursor: pointer;
    border-color: #80bdff;
}


.search-input-custom{
  border-right: none;
}

.search-input-custom:focus{
  border-right: none;
  /* box-shadow:-3px 0px 0 0.2rem rgba(0,123,255,.25); */
}

.sidenav-custom{
  border: solid 3px black;
}

#sidenav-heading-div{
padding: 3px;
    background-color: #203264;
}

#legend{
      position: absolute;
    z-index: 999;
    right: 51px;
    top: 10px;
    background-color: #00000066;
    border-radius: 15px;
}

#searchBarDiv{
  padding: 4px;
}

#logo{
      position: absolute;
    z-index: 999;
    right: 40%;
    top: 5px; 
    background-color: #00000066;
    border-radius: 15px;
}

.popup-marker .leaflet-popup-tip-container{
 
    left: -1% !important;
    margin-left: -25px !important;
    transform: rotate(89deg) !important;
    top: 49% !important;

}

.popup-marker.leaflet-popup{
  bottom: -335px !important;
  left: 19px !important;
}


.popup-marker-400 .leaflet-popup-tip-container{
 
    left: -1% !important;
    margin-left: -25px !important;
    transform: rotate(89deg) !important;
    top: 49% !important;

}

.popup-marker-400.leaflet-popup{
 bottom: -300px !important;
    left: 24px !important;
}

.refresh-btn{
  margin-right: 5px;
  margin-left: 1px;
}

#nav-ul-div{
      margin-top: 6px;
}

@media (max-width: 600px) {
  #logo {
    display: none;
  }
}

@media (max-height: 600px) and (orientation:landscape) {
  #logo {
    display: none;
  }
}