.center-text {
   text-align: center;
   width: 100%;
   margin: 0 auto;

 }

 .header_dash_left {
   background-color: #FED9B7;
   border-radius: 1rem;
 }

 .card_le {
   border: 0.2rem solid white !important;
 }

 .card_rd {
   border: 0.2rem solid #FED9B7 !important;
 }

 .card_rd_r {
   background-color: #b3e5db !important;
 }

 .card_rd_l {
   background-color: #e5b3b3 !important;
 }

 .card_rd_max {
   border: 0.2rem solid #b3e5db !important;
 }

 .card_rd_min {
   border: 0.2rem solid #e5b3b3 !important;
 }

 .head_text {
   color: #000000;

 }

 .card_le {
   height: 100%;
 }

 .header_dash_left {
   height: 100%;
 }


/* Place the map within the box */
 #map {
   height: 690px;
   /* Set the height appropriately */
   width: 100%;
   /* Set the width to 100% of the container */
 }

 .form-select {
   border-radius: 1rem !important;
 }


 .mm-active .active {
  /* color: var(--bs-sidebar-menu-item-active-color) !important; */

  color: white !important;
}


.pic_hu {
 
  gap: 10px; 
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;

}
.pic_hu > div {
  display: flex;
  justify-content: center;
  gap: 10px; 
  margin-top: 1rem;
  margin-bottom: 1rem;

}

.border_all_pro {
  border-color: rgb(38 158 115 / 50%) !important;
    border-style: double !important;
  border-width: 0.5rem !important;
}

#gradient-bar {
  display: flex;
  width: 100%;
  height: 30px;
  /* border: 1px solid #000; */
}
.gradient-segment {
  flex: 1;
  height: 100%;
  display: flex;
    justify-content: space-between;
    margin-top: 5px;
}