#add_element_button Img, #delete_element_button Img, #save_load_button_tree Img {
  
  height: var(--tab-img) !important;
  width: var(--tab-img) !important;
}

#add_element_button, #delete_element_button, #save_load_button_tree {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#add_element_button, #delete_element_button, #save_load_button_tree {
  width: 9vw;

}


#add_node, #add_edge, #deduct, #empty_tree {
  width: 100%;
}

#save_tree, #load_tree, #validate_tree, #change_underlying_catalogue {
  width: 100%;
}



.popover_dropdown_menu_bottom,.popover_dropdown_menu_bottom_wide {
  width: 9vw !important;
  min-width: 130px !important;
  margin: 0rem;
  padding: 0rem;
  border-radius: 0px !important;
  background-color: var(--purple-dark) !important;
  overflow: hidden;
  border-left: none;
}



#download_cytoscape_settings {
  margin-left: 0.5vw;
}


.displayed_tree {
  background-color: inherit !important;
  display: flex;
  flex-direction: row;
  /* flex-direction: row;
  justify-content: flex-start; */
  width: 100%;

  color: black !important;
  padding: 0rem;
  margin: 0rem;
  font-size: var(--font-size-body) !important;
  height: 100%;

  padding-left: 1vw;
  padding-right: 0.7vw;
  text-align: left !important;


}
.displayed_tree > .button_pad {
  text-align: left !important;

  align-items: flex-start;
}



.vertical_list_path {
  display: flex;
  flex-direction: column;
  background-color: inherit !important;
  position: absolute;
  margin-top: 1vw !important;
  z-index: 3;
}

.page_header_horizontal_short {
  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: scroll;
  height: var(--page-header-buttons);
}

.text_colored {
  color: var(--purple-dark) !important;
}

#sidebar_tree_settings_page {
  z-index: 100 !important;
}

.offcanvas-body {
  margin: 0rem !important;
  padding: 0rem !important;

}
#explanations_tree_modify, #explanations_tree {

  background-color: inherit;
  width: 100% !important;
  height: 100%;
  
  padding: 1rem;
  border-radius: 0vw;
  margin-left: 0vw;
  overflow-y: scroll;
  visibility: visible;
  color: black;
  margin-right: 0vw;
  padding-bottom: 0vw;

  border-left: none;

  border-radius: 0vw;
  margin-top: 0vh; 

  /* box-shadow: inset 0.1vw 0vw 0.1vw 0vw white; */
  border-left: var(--border-width) solid var(--border-color);

  color: white;
  font-size: calc(0.9*var(--font-size-body));
  margin-right: 0vw;
  overflow: hidden !important;
  z-index: 1000 !important;
}

#explanations_tree_modify {
  height: 100vh;
  overflow: scroll;
}


#add_element_button:disabled, #save_tree:disabled, #load_tree:disabled, #delete_element_button:disabled,#add_element_button:disabled:hover, #delete_element_button:disabled:hover, #save_tree:disabled:hover, #load_tree:disabled:hover {
  visibility: visible;
  background-color: var(--purple-dark) !important;
}

#add_node:disabled, #add_node:disabled:hover, #deduct:disabled, #deduct:disabled:hover {
  visibility: visible;
  background-color: var(--purple-dark) !important;
}


#tree_settings_container,#tree_container {
  background-color: inherit !important;
  display: flex;
  flex-direction: row;
  height: 100% !important;

  padding: 0rem;

  background-color: inherit !important;

  margin-left: 0vw;

  margin: 0rem;
  background-color: inherit !important;
  border: 0px solid white;

}



#tree_settings {
  background-color: inherit !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0rem;
  visibility: visible;


  /* font-family: 'Satoshi-Regular', sans-serif !important;
  /* font-family:Helvetica, sans-serif; */
  /* font-size: 2.5vw !important;

  letter-spacing: 0.02vw; */ 

}


.offcanvas_custom {
  background-color: var(--black);
  margin: 0rem !important;
  padding: 0rem !important;

  width: calc(1.7*var(--sidebar-width)) !important;
  z-index: 300 !important;
}

.title_tree_settings {
  
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  background-color: inherit;
  margin: 0rem;
  font-size: calc(0.8*var(--font-size-header));
}
/* .title {
  
  display: flex;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  background-color: inherit;
  margin: 0rem;
  font-size: var(--font-size-header);
} */
.offcanvas-header {
  height: 0rem !important;
  padding: 0rem !important;
  margin: 0rem !important;
  z-index: 1000 !important;
}
.offcanvas-header > .btn-close {
  height: 0rem !important;
  visibility: hidden;
}

.button_top_right {
  background-color: inherit;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;


}

.bottom_row_tree_settings_modify, .bottom_row_tree_settings_modify_row {
  margin-top: 0vw;
  background-color: inherit;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.bottom_row_tree_settings_modify_row {
  flex-direction: column;
}

#button_switch_to_new_tree {
  width: 10vw;
  display: flex; 
  flex-direction: column;
  width: 100% !important;
}
.fifty_width_button {
  width: 60% !important;
  

}
.full_width_button {
  width: 100% !important;
}
.button_row_top_sidebar {
  background-color: inherit;
  display: flex;
  flex-direction: row;
  margin: -1rem -1rem 0rem -1rem;
  padding-bottom: 1rem;

}


#modalbody_node_text_field {
  height: 77vh !important;
  overflow: hidden;
}
/* #modalbody_confirm,#modalbody_confirm_list, #modalbody_options_string, #modalbody_save_tree, #modalbody_load_chat, #modalbody_load_tree, #modalbody_node_text_field, #modalbody_open_textbaustein,#modalbody_open_extraktionen, #modalbody_load_textbausteine,#modalbody_load_extraktionen, #modalbody_save_all_textbaustein, #modalbody_save_chat, #modalbody_save_all_extraktionen {
  background-color: var(--grey-background);
  border-radius: 0vw;
  margin: 0rem !important;
  padding: 0vw 1vw 1vw 1vw !important;
}

#modalbody_confirm, #modalbody_confirm_list, #modalbody_save_tree, #modalbody_load_tree, #modalbody_load_chat, #modalbody_node_text_field, #modalbody_open_textbaustein,#modalbody_open_extraktionen, #modalbody_load_textbausteine,#modalbody_load_extraktionen, #modalbody_save_all_textbaustein, #modalbody_save_chat, #modalbody_save_all_extraktionen, #modalbody_options_string {
  border-bottom: none;
}



#modalbody_confirm, #modalbody_confirm_list, .modal-body, #modalbody_save_tree, #modalbody_load_tree, #modalbody_load_chat, #modalbody_confirm_empty_level,#modalbody_confirm_deletion_docs, #modalbody_confirm_deletion,#modalbody_confirm_deletion_extraktionen, #modalbody_node_text_field, #modalbody_open_textbaustein, #modalbody_open_extraktionen, #modalbody_load_textbausteine, #modalbody_save_all_textbaustein,#modalbody_save_chat, #modalbody_save_all_extraktionen, #modalbody_options_string {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0vw 1vw 1vw 1vw !important;

} */


/* #modalbody_node_text_field {

  height: 80vh !important;
  overflow: scroll;

} */
.accordion_container {
  max-height: 63vh;
  background-color: inherit;
  overflow: scroll;

}

.accordion {
  border-radius: 0vw !important;
  padding: 0rem !important;
  margin: 0rem !important;
}

/*whole container */
.accordion-item {
  border: none;
  border-radius: 0vw !important;
  background-color: transparent;
}

.accordion-header {
  border-radius: 0px !important;
  border: none;
}




.accordion-button {
  font-size: var(--font-size-button) !important;
  box-shadow: none;
  padding: 0.5vw;
  border: none !important;
  /* border-radius: 0vw !important;
  border-top-left-radius: 0vw !important;
  border-top-right-radius: 0vw !important;
  border-radius: 0vw !important; */
  background-color: var(--purple-medium) !important;
  color: white;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
  !important;
  box-shadow:none !important;
  font-weight: 400 !important;
  height: var(--button-height) !important;
}
.accordion-button::after {
  color: white !important;
  background-color: transparent !important;
}
.accordion-button:hover {
  background-color: var(--purple-light) !important;
}


.accordion-body {
  padding: 1vw 0.5vw !important;
  background-color: #3c3c3c;
  color: white;
  /* background-color: transparent;
  border-top: none;
  box-shadow: 0px 0px 69px -5px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0px 0px 69px -5px rgba(255,255,255,1) inset;
  -moz-box-shadow: 0px 0px 69px -5px rgba(255,255,255,1) inset; */

  /* margin-top: -1vw; */
  /* margin-bottom: 0.2vw; */
}

.accordion-button {
  margin-bottom: 1px;
  margin-top: 1px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--purple-light) !important;
  color: white;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-item:first-of-type {
  border-radius: 10px; /* Example radius */
}

#switch_new_tree {
  padding-left: 1vw;
}



#textfield_node {/*, #quill_urteil { */
  background-color: white;
  color: black;
  border-radius: var(--border-radius);
  line-height: 1.6;

  /* font-family: 'Satoshi-Regular', sans-serif; */
  width: 100%;
}



.ql-snow a {
  color: black !important;
}


#modalbody_save_tree, #modalbody_load_tree, #modalbody_change_catalogue_tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.row_stretched_left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: inherit;
} 

.switch_title2 {
  margin-right: 0.5vw !important;
}

.notice_container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  
}

#unsaved_warning_tree {
  margin-left: 0.5vw !important;
}

#notice_load_tree, #notice_load_tree2, #warning_load_tree, #warning_change_catalogue_tree, #warning_save_tree {
  margin-top: 0px !important;
  width: 100% !important;
}

#container_warning_message_load_tree {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}

.dropdown_container_long {
  background-color: inherit;
  width: 100%;

  margin-bottom: 0vh;
}

.zero_five_width_placeholder {
  width: 0.5vw;
}

.toggle_several_conditions {
  padding-bottom: 2vh;
  padding-top: 2vh;
  /* border-bottom: 0.1vw dashed white !important; */
}

.button_margin_right {
  margin-right: 0.5vw;
}



#condition_1_string_type {
  width: 100%;
}

#available_string_values {
  border: var(--border-width) solid var(--border-color);
  resize: none !important;
}

.input_field_textarea_draggable {
  width: 100%;
  min-height: 15vh;
  font-family: 'Satoshi-Regular', sans-serif;
  padding: 1rem;
  border: none !important;
}


.height_stretched {
  height: 5vh !important;
}

#condition_1_string > .Select {
  padding: 0px !important;
}

.row_stretched_right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: inherit;
  padding-right: 0vw;
}
.input_field_small {
  width: 7vw;
  border: none !important;
}

.or_button_placeholder{
  padding-top: 0.5vw;
  border-top: var(--border-width) dotted var(--grey-background) !important;
}

.extra_row {
  background-color: inherit;
  height: 2vw;
}


#horizontal_half_container_tree {
  width: 30%;
}


#catalogue_selected_tree_settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 15vw !important;
  overflow: hidden;
  margin-right: 0.5vw !important;

}
#button_row_edges {
  margin-top: 2vh;
}

#switch_tree {
  margin-top: 1vh !important;
}
#modalbody_validate_tree {
  max-height: 70vh;
  overflow: scroll;
  border-bottom-left-radius: var(--modal-radius) !important;
  border-bottom-right-radius: var(--modal-radius) !important;
}

#modal_footer_validate_tree {
  display: none;
}

#feedback_load_tree {
  padding-top: 15px;
}