.container-gis {
  display: grid; 
    /* grid-template-columns: 1fr 1fr 7fr;  */
  grid-template-columns: 1fr 7fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  /* grid-template-areas: "legend sidebarZoom map2";  */
  grid-template-areas: "legend map2"; 
}



#map {
  width: 90vh;
  height: 85vh;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  /* transform: rotate(45deg); */
}

.label-polSpec {
  background-color: white;
  color: black;
  border: 1px solid gray;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

#aboutTabsContent {
  padding-top: 10px;
}
.progress-bar-full {
  width: 100%;
}
.white {
  color: #FFFFFF;
}
.panel-heading{
  width: 250px;
}
.panel-body{
  width: 250px;
}
.feature-row {
  cursor: pointer;
  width: 250px;
}
.sidebar-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.sidebar-table {
  position: absolute;
  width: 100%;
  top: 103px;
  bottom: 0px;
  overflow: auto;
}

/* CLASSES OF HYML LABELS IN LEAFLET*/
.my-label-class{
  font-weight: bold;
  font-size: 10px;


}

.my-label-classLoc{
  font-weight: bold;
  font-size: 10px;


}



.my-label-filter-gis{
  font-weight: bold;
  font-size: 12px;
  color: red;



}



.custom-icon1{
  font-weight: bold;
  color: red;
  font-size: 5px;
  white-space: nowrap;

}

.custom-icon-pk{
  font-weight: bold;
  color: red;
  white-space: nowrap;
  text-decoration: underline;


}


.custom-icon2{
  font-weight: bold;
  font-size: 38px;
  color: green;
  white-space: nowrap;
}

.table-bridge{
  font-weight: bold;
  font-size: 38px;
  color: green;

}

.img-parcel{

    padding: 10px;
    transition: transform 0.5s;
    /* Set default size */
    width: 350px;
    height: auto;

}

.custom-icon-land{

  white-space: nowrap;
}

.img-parcel:hover {
  transform: scale(2.5);
  /* Adjust as necessary */
}

.img-elem{

  padding: 10px;
  transition: transform 0.5s;
  /* Set default size */
  width: 800px;
  height: auto;

}

.img-elem:hover {
transform: scale(1.5);
/* Adjust as necessary */
}


.leaflet-control-layers {
  overflow: auto;
}
.leaflet-control-layers label {
  font-weight: normal;
  margin-bottom: 0px;
}
.leaflet-control-layers-list input[type="radio"], input[type="checkbox"] {
  margin: 2px;
}
.table {
  margin-bottom: 0px;
}

.navbar-text{
  margin-bottom: 0px;
  display: flex;

align-content:center
}

.typeahead {
  background-color: #FFFFFF;
}
.tt-dropdown-menu {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin-top: 4px;
  padding: 4px 0;
  width: 100%;
  max-height: 300px;
  overflow: auto;
}
.tt-suggestion {
  font-size: 14px;
  line-height: 20px;
  padding: 3px 10px;
}
.tt-suggestion.tt-cursor {
  background-color: #0097CF;
  color: #FFFFFF;
  cursor: pointer;
}
.tt-suggestion p {
  margin: 0;
}
.tt-suggestion + .tt-suggestion {
  border-top: 1px solid #ccc;
}
.horizontal_dotted_line {
  border-bottom: 1px dotted #333;
  width: 10px;
}
.typeahead-header {
  margin: 0 5px 5px 5px;
  padding: 3px 0;
  border-bottom: 2px solid #333;
}

.leaflet-tooltip.building-label {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  color: #333;
  font-weight: bold;
  padding: 2px 4px;
}

#searchbox {
  padding-right: 30px;     /* space for the icon */
}

#searchicon {
  pointer-events: none;    /* so clicks go to input */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #aaa;
}



.results {
  position: absolute;
  top: 100%; /* Justo debajo del input */
  left: 0;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #ddd;
  z-index: 9999;
}

.results .category {
  font-weight: bold;
  padding: 2px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}

.results .category img {
  width: 10px;
  height: 10px;
  margin-right: 8px;
}

.results .item {
  padding: 1px 1px;
  cursor: pointer;
}

.results .item:hover {
  background-color: #f8f9fa;
}


.navbar-form .form-group {
  position: relative;
}

@media (max-width: 991.98px) {

  .legend {

    display: none;
  }
      #map {
        position: absolute;
      }
      
      .sidebar {
        margin-left: -250px;
        display: none;
    }
    .nav-logo{
        display: block;
    }
    .sidebar.open {
        margin-left: 0;
    }

    .content {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 768px) {
  .navbar {
    display: none;
  }
}

/* 
@media (max-width: 992px) {
  .navbar .navbar-brand {
    font-size: 18px;
  }
}
@media (max-width: 767px){
  #sidebar {
    display: none;
  }trim
  .url-break {
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
      hyphens: auto;
  }
  .dropdown-menu a i{
    color: #FFFFFF;
  }
}
/* Print Handling */
/* @media print {
  .navbar {
    display: none !important;
  }
  .leaflet-control-container {
    display: none !important;
  }
}  */