
.girafe-container, .girafe-container svg {
    background: transparent !important;
}



/* tags$style(type = 'text/css', ".btn {width: 100%;}") */

/*  mapgl legends */
.mapboxgl-legend {
  background-color: #2f2f2fdd !important;
}

.legend-text {
  color: #DDDDDD !important;
}

/* so dropdown menus don't fall behind the mapgl legends*/
.dropdown-menu {
  z-index: 1003;
}


/*  for navtabs, used to go between the distributions and the data table */
.nav-tabs {
  font-weight: bold;
  text-overflow: ellipsis;
  background-color: black;
}

/* font color and margins for menu item labels. */
.control-label {
  color: white;
  margin-top: 9px;
}

/* z-index for leaflet controls so i.e., zoom button don't go above dropdown menus */
.leaflet-container {
  z-index:0;
}


/* smaller margins and padding for option sidebars */
.col-sm-3 {
  padding-left: 2px;
  padding-right: 2px;
  margin: 0px;
}
.well {
  padding: 6px;
}

/* color for search bar text in datatable? seems to get overriden somewhere*/
.dataTables_filter {
  color: white;
}


/* stylizing maplibre popups */
.maplibregl-popup .maplibregl-popup-content {
      color: white;
      background-color: #414853 !important;
      font-size: 11px;
      line-height: 14px;
      max-width: 250px;
      border-radius: 1rem;
      margin: 5px; /* Remove outer margin */
      padding: 5px; /* Adjust inner padding */
      font-size:"-4";
    }

.maplibregl-popup-anchor-top .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
    border-bottom-color: #414853 !important;
    }
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
    border-top-color: #414853 !important;
    }
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-right-color: #414853 !important;
    }
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    border-left-color: #414853 !important;
    }
