#drag_container_extraktionen {
  width: 100%;

  display: flex;
  flex-direction: column;

  background-color: inherit;
  margin-bottom: 0vh;
  padding-left: 0vw !important;
  padding-right: 0vw !important;
  justify-content: flex-start;
  align-items: center;
  min-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  max-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  overflow-x: hidden !important;
  min-width: 85vw !important;
  max-width: 85vw !important;
    
  min-width: 87.9vw!important;
  max-width: 87.9vw !important;
  

}




/* EXTRAKTIONEN SETTINGS PAGE */
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
.extraktionen_button_container {
  width:86vw;

  width: max(83vw, 500px);
  min-width: 500px !important;
  background-color: inherit;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;

}




.input_field_textarea_draggable_small {
  width: 100%;
  max-height: 6vh;
  min-height: var(--input-field-height);
  height: var(--input-field-height);
  font-family: 'Manrope-Regular', sans-serif;
  padding: 0rem 0.5vw;
  border: none !important;
  border-radius: var(--border-radius) !important;
}


.input_field_textarea_draggable_medium {
  width: 100%;
  min-height: var(--input-field-height);
  height: var(--input-field-height);
  font-family: 'Manrope-Regular', sans-serif;
  padding-left: 0.5vw;
  border: none !important;
  margin-left:0.5vw;
  width: 100%;
}




#unit_answer {
  border-radius: 0px !important;
}

#keyword_search {
  margin-left: 0.5vw !important;
}
#title_extraktionen {
  border-radius: 0px !important;
  padding-left: 0.5vw !important;
  padding-right: 0.5vw !important;
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
}

.extraktionen_button {
  width: 100%;
  margin-bottom: 0rem;
  border-radius: var(--border-radius) !important;
  border: none;
  padding: 0.5vw 1rem;

  background-color: inherit;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;


}


.extraktionen_button:hover{
  border-color: var(--purple-light);
  border: var(--border-width) solid var(--border-color);
  background-color: var(--purple-light);
}

.extraktionen_button_text_content, #available_dropdown_values {
  background-color: white;
  width: 100%;
  margin-bottom: 0rem;
  min-height: calc(4vw+var(--font-size-body)) !important;
  max-height: 8vh;
  height: 100%;
  overflow: scroll;
  padding: 1vw !important;
  text-align: left;
  border-radius: var(--border-radius) !important;
  margin-bottom: 1rem !important;
  overflow: auto;
}

.extraktionen_button_text_content {
  padding: 0.2vh 0.5vw !important;
  display: flex;
  flex-direction: column;
  min-height: 5vh !important;
  max-height: 20vh !important;
  margin-bottom: 0.7vh !important;
  height: 100%;
  background-color: white !important;
  
}

#available_dropdown_values {
  padding-left: 0.5vw !important;
  padding-right: 0.5vw !important;
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
  max-height: 20vh;
  min-height: 5vh !important;
}

.extraktionen_button_text_content::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;  /* For vertical scrollbars */
  height: var(--scrollbar-width) !important; /* For horizontal scrollbars */
  overflow: auto !important;
}

#available_dropdown_values {
  margin-bottom: 0rem !important;
  border-radius: 0px !important;
}


#long_description_extraktionen {
  min-height: 12vh !important;

  padding-left: 0.5vw !important;
  padding-right: 0.5vw !important;
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
  border-radius: 0px !important;
  max-height: 40vh !important;
}
#new_answer {
  resize: none;
}
#default_answer {
  border-radius:0px !important; 
  padding-left: 0.5vw !important;
  padding-right: 0.5vw !important;
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
}

#default_answer.dash-dropdown {
  padding: 0px !important;
}



#answer_type {
  background-color: inherit;
}

#answer_type > label {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-bottom: 0.5vh !important;
}


[type = "radio"] {
  margin-right: 0.5vw !important;
  background-color: white !important;
}
input[type = "radio"] {

  accent-color: var(--purple-medium) !important;
  background-color: white !important;
}



.button_colored_yellow Img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(12%) saturate(6297%) hue-rotate(25deg) brightness(90%) contrast(98%);
}
.button_colored_yellow {
  background-color: var(--gold) !important;
  border: var(--border-width) solid var(--gold-border) !important;

  




}
/* 
.hidden_delayed {
  opacity: 0;
  visibility: hidden;
  transition: opacity 5s ease-in-out, visibility 5s;
}
.visible_delayed {
  opacity: 1;
  visibility: visible;
} */

.button_colored_yellow2 Img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(12%) saturate(6297%) hue-rotate(25deg) brightness(90%) contrast(98%);
}
.button_colored_green Img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(89%) saturate(338%) hue-rotate(100deg) brightness(91%) contrast(101%);
}


.button_colored_green {
  background-color: var(--green) !important;
}

.button_colored_green:hover {
  background-color: rgb(70, 123, 70) !important;
}

.button_colored_yellow2 {
  width: 30vw;
}

#unsaved_warning {
  margin-left: 0.5vw !important;

}
.hidden_border {
  border: none !important;
}
.row_included {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
  background-color: transparent !important;
  align-items: center;
  height: 100%;

}

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

}

.text_colored_black {
  color: black !important;
}
.text_colored_yellow {
  color: #664d03 !important;
}
.text_colored_green {
  color: rgba(10,54,34,255) !important;
}


.left_align_title {
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: left;
  background-color: transparent !important;
  padding:0rem;
  margin:0rem;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;

}


.top_row_button_textbausteine {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: inherit;
  margin-top: 0vw;
  margin-bottom: 0.7vh;
  background-color: transparent !important;
  color: black;
  max-width: max(83vw, 500px);
  overflow-x: hidden

}


/* DRAGULA */
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
/* 
#el {
  display: flex;
  flex-direction: column;
  width: 100% !important;
}  */


#modalbody_open_extraktionen {
  overflow: none;
  min-height: 30vh !important;
  height: 100% !important;
  height: 70vh !important;
  max-height: 70vh !important;
  overflow: scroll;

}



#modalbody_save_all_extraktionen, #modalbody_load_extraktionen {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100%;
  text-align: center;


}

.centered_col {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#drag_container_empty {
  width: 100%;

  height: 100%;
  min-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  max-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#drag_container_empty.hidden_div {
  max-height: 0vh !important;
  min-height: 0vh !important;
}

#page_body_extraction_settings {
  padding-top:0vh !important;
  margin-right: 1vw !important;
  overflow:scroll;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: calc(var(--page-content-height) - var(--page-header-buttons)) !important;
  max-height: calc(var(--page-content-height) - var(--page-header-buttons)) !important;
  width: 100%;
  margin-top: 0vh;
  
}
#page_body_extraction_settings >  div:nth-child(2) {
  min-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  max-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;

  overflow: hidden;


  
}




/* #add_extraktionen:disabled, #empty_extraktionen:disabled {
  background-color: grey !important;
  visibility: visible;
  pointer-events: none;
} */

/* #empty_extraktionen:disabled {
  pointer-events: none;
} */



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

}

#unit_answer {
  border-radius: 0px !important;
}


#modalcontent_extraktionen > .button_row_below_chat {
  background-color: inherit;
  align-items: flex-start;
  height: calc(1*var(--button-height) + var(--scrollbar-width)) !important;
}

#modalcontent_extraktionen > .button_row_below_chat > div {
  height: var(--button-height) !important;
}

#temp_docs_uploaded_div_extraction_settings > .panel_file_added > .panel_file_added_text {
  width: 6.32vw !important;
}


#temp_docs_uploaded_div_extraction_settings {
  background-color: transparent;
  height: 100%;
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
  margin-left: 0vw;


}

#temp_docs_uploaded_div_extraction_settings {
  overflow-x: scroll;
  display: flex !important;
  flex-direction: row !important;
  margin-left: 0.25vw;
  background-color: transparent !important;
}


.label.number_extraction_steps {
  height: calc(0.8*var(--button-height)) !important;
  width: calc(1.6*var(--button-height)) !important;
  padding-top:0px !important;
  padding-bottom: 0px !important;
  padding:0px !important;
  margin-right: 5px !important;
  font-size: calc(1*var(--font-size-body)) !important;
}

/* .container_explanations_extractions > :first-child {
  background-color: red !important;
  display: flex;
  flex-direction: row;
} */

#container_explanations_extractions > .row_stretched_left > .left_align_title {
  display: block !important;

  padding: 0px !important;
  color: red !important
}

#switch_generate_explanations_text_extractions, #switch_toggle_referencing, #switch_toggle_multimodial {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  margin-left: 0.5vw;
}

#unit_container > .left_align_title {
  padding-left: 0px !important;
}

.row_stretched_left2.left_align_title.label_row_assistant {
  padding:0px !important;
}

#temp_docs_uploaded_div_extraction_settings {
  overflow-x: auto
}

.row_dependent_question {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
  height: 100%;
  align-items: center;

}
.row_dependent_question> :nth-child(1) {
  margin-right: 5px !important;
  background-color: transparent;
  white-space: nowrap;
} 

#condition_row_dependent_question > :nth-child(2), #condition_row_dependent_question > :nth-child(3), #condition_row_dependent_question > :nth-child(4) {
  display: none;
}

#condition_row_dependent_question {
  margin-top: 10px;
  background-color: var(--grey-background);
  padding: 10px;
  border-radius: var(--border-radius);
  color: black;
  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

}
#condition_row_dependent_question > button > Img {
  filter: none;
}

#condition_row_dependent_question > div > div > .row_stretched_right > button > Img {
  background-color: transparent !important;
  filter: none;
}

/* #condition_row_dependent_question > .row_stretched_right {
  margin: 0px !important;
  padding-right: 3vw !important;
} */


#final_rule_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  overflow-x: auto;
  padding-bottom: 10px;
}
#final_rule_row > Img {
  height: var(--button-img) !important;
  width: var(--button-img) !important;

  padding-right: 3px;
}
#final_rule_row > div {
  padding: 3px;

  white-space: nowrap;
}

#final_rule_row > .label {
  padding: 5px;
  white-space: nowrap;

}

#final_rule_row_alert {
  margin-top: 10px;
}



#info_skip_answer_tooltip {
  max-height: 40vh !important;


}
#info_skip_answer_tooltip > div {
  overflow-y: auto;
  overflow-x: hidden;

  max-height: 40vh !important;



}

#info_skip_answer_tooltip > div::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;  /* For vertical scrollbars */
  height: var(--scrollbar-width) !important; /* For horizontal scrollbars */

}


#dependency_type {
  background-color: inherit;
}

#dependency_type > label {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-bottom: 0.5vh !important;
}