#tree {
  background-color: inherit !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0rem;
  visibility: visible;
  overflow: none;
  background-color: inherit;
  padding: 0rem 0rem 0rem 2rem;


}
.tree_error {
  height: 100%;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: 2rem !important;
}


 /* .page_header_horizontal_short_tree {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: inherit;
  padding: 1vh 1vw;
  background-color: inherit;
  animation: flyInFromLeft 0.5s ease-in-out !important;  
  overflow: hidden;
} */



.container_right_align_tree {
  height: 3vh !important;
  position: absolute;
  margin-right: 0vw;
  background-color: yellow;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

#filename_selected_baum > div {
  padding: 0px !important;
}

#filename_selected_baum {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#filename_selected_baum Img {
  
  height: var(--tab-img) !important;
  width: var(--tab-img) !important;

}

#tree_selected_baum Img {
  height: var(--tab-img) !important;
  width: var(--tab-img) !important;
}

#filename_selected_baum {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 15vw !important;
  overflow: hidden;

}




#tree_selected_baum {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 15vw !important;

}

/* #current_filename_baum {
  width: 20vw;
  display: flex;
  flex: row;
  justify-content: center;
  align-items: center;
} */

.custom_button_filename_tree {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  border: none;
  font-size: var(--font-size-button) !important;

  height: 100%;
  color: white;
  padding:0rem;
  margin: 0rem;
  border-radius: 0px;

  height: var(--button-height) !important;
  background-color: var(--purple-dark) !important;
  width: 25vw !important;
  white-space: nowrap;
  padding-left: calc(0.5* var(--tab-img));
  /* overflow: non; */
}

.popover_dropdown_menu_bottom_tree, .popover_dropdown_menu_bottom_tree_trees {
  width: 15vw !important;
  margin: 0rem;
  padding: 0rem;
  border-radius: 0px !important;
  background-color: var(--purple-dark) !important;
  /* overflow: hidden; */
  border-left: none;
  margin-left: calc(-0.5 * var(--tab-img)) !important;
  margin-left: 0px !important;
  /* margin-left: -1.5vw !important; */
  overflow: hidden;
}




#download_cytoscape {
  margin-left: 0.5vw;
}


#tabs_explanation_decision {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;


}

.raw_rule {
  background-color: white;
  color: black;
  padding: 0.5vw;
  border-radius: var(--border-radius);
  margin-top: 0.5vw;
  word-wrap: break-word !important;
}

#tab_content {
  background-color: inherit;
  overflow-x: scroll !important;
  max-height: 90vh !important;
}
#tab_content > u, a {
  color: white !important;
}