#page_body_sprachmittler_finden {
  display: flex !important; 
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  background-color: transparent !important;
  margin: 0px !important;
  align-items: center;
  justify-content: center;
}


#ag_grid_preview_sprachmittlertabelle, #ag_grid_preview_sprachmittlertabelle2 {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

#ag_grid_dolmetscherliste_modal_container {

  padding: 5px !important;

}

#modalbody_update_liste {
  overflow: scroll;
  max-height: 70vh !important;
  padding-bottom: calc(min(2vw,30px) - 5px) !important;
  padding-top:min(2vw,30px) !important;
  margin:0px !important;
}

#ag_grid_sprachmittlerliste {

  width: 100% !important;

  padding: 0vw 1vw;
  height: 100%;
  margin-bottom: calc(1*var(--button-height)) !important;

  background-color: transparent !important;
}

#ag_grid_sprachmittlertabelle {
  max-height: 55vh !important;
  min-height: calc(var(--page-content-height) - 6*var(--button-height)) !important;
  max-height: calc(var(--page-content-height) - 6*var(--button-height)) !important;
  width: 100%;
  
  
}


#page_body_sprachmittler_finden > :nth-child(3) {
  width: var(--page-content-width) !important;
  background-color: transparent !important;

  width: 100%;
  width: 100vw !important; 
  padding-left: 0vw !important;
  padding-right: 0vw !important;
  width: var(--page-content-width) !important;
  min-width: var(--min-page-content-width) !important;


}
#page_body_sprachmittler_finden {
  display: flex;
  flex-direction: row;
  background-color: transparent !important;
  justify-content: flex-start;
}

#button_below_table {
  margin-top: 1vh !important;
}


#info_search {
  margin-left: 20px !important;
}

#filter_sprachmittler {
  margin-left: 5px !important;
}

.grid_title {
  margin-top: 10px;
  padding-top:3px;

  width: 80px; 

}

#page_body_sprachmittler_finden.page_body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
   height: calc(var(--page-content-height) - var(--page-header-buttons)) !important;
}


.center_container_sprachmittler {
  display: flex;
  flex-direction: column;
  width: 400px !important;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.center_container_sprachmittler > div {
  margin-bottom: 5px
}
.center_container_sprachmittler > button {
  margin-bottom: 5px
}

#modalbody_show_dolmetscher_details {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

#dolmetscherdetails {
  max-height: 70vh !important;
  overflow-x: scroll;
 width: 100%;
}

.key_dolmetscher {
  min-width: 500px !important;
  max-width: 500px !important;
  font-weight: bold;
  overflow-x: auto;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.value_dolmetscher {
  width: 500px !important;
  white-space: nowrap;
}

#modalbody_ai_search {
  overflow-y: hidden;
  max-height: 70vh !important;
  min-height: 70vh !important;
  padding: 0px !important;
}

#modal_ai_search {
  overflow: hidden;
}


#text_info_filter, #calculate_distance_text, #info_search {
  text-align: left !important;
  background-color: transparent !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#calculate_distance_text {
  background-color: transparent !important;
}

#info_search {
  height: var(--button-height) !important;
  background-color: transparent !important;
  justify-content: center;
  align-items: center;
}

#info_search:hover {
  background-color: var(--purple-medium) !important;
}
#info_search:hover > Img, #info_search:focus > Img {
  filter: invert(97%) sepia(3%) saturate(11%) hue-rotate(67deg) brightness(104%) contrast(103%);

}
#info_search:focus:focus {
  background-color: var(--purple-medium) !important;
}


#info_search_popover > .tooltip-inner {
  max-height: 100vh;
  overflow-y: auto
}

#info_search_popover > .tooltip-inner:-webkit-scrollbar, #info_search_text::-webkit-scrollbar {
    width: var(--scrollbar-width) !important;  /* For vertical scrollbars */
    height: var(--scrollbar-width) !important; /* For horizontal scrollbars */
    overflow: auto !important;

}

#info_search_text {
  overflow-y: auto !important;
  max-height: 90vh;
}