#chat_container_web,.chat_container_loading {
    display: flex;
    flex-direction: column;
    background-color: inherit !important;
    height: 100% !important;
    width: 100%;
    margin-top: 0vw;
    padding-top:0.5vw;
    overflow: auto !important;
    max-height: calc(46vh + 10vh - var(--banner-height));
    max-height: calc(46vh + 10vh - var(--banner-height) + var(--page-header-buttons));
    overflow-x:hidden !important;
    
    padding-right: 0.5vw;
}






#input_prompt_textfield_web, #input_prompt_textfield_overarch_web > div {
  width: 100%;
  height: 100%;
  border: none !important;
  background-color: transparent;
  box-shadow: none !important;
  border-style: none !important;
  resize: none;
}

#input_prompt_textfield_web:active,
#input_prompt_textfield_web:focus {
  border: none !important;
  border-style: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
}






#send_prompt_button_container_web {
    width: var(--button-height) !important; 
    height: var(--button-height) !important;
}










  #top_row_sidebar_web {

    padding-top: 0vh;
    background-color: inherit;
    /* min-height: var(--button-height) !important;
    max-height: var(--button-height) !important; */
    margin-top: 0vh !important;
    margin-bottom: 0vh;
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100%;
    overflow: auto;
    background-color: var(--grey-background) !important;
    justify-content: center;
    align-items: center;
    background-color: inherit !important;
    display: none !important;
    height: 0px !important;

  }




  #sidebar_knowledge_manager_contents_knowledge_web, #sidebar_knowledge_manager_contents_chat_web, #sidebar_knowledge_manager_contents_chat_loading {
    /* padding: 0rem !important;
    background-color: inherit !important;
    margin: 0rem !important;
    background-color: inherit !important;

    display: flex;
    flex-direction: column;

    height: 0vh !important;
    padding-bottom: 0vh !important;
    background-color: green !important;
    justify-content: flex-end;
    height: 80vh !important;
    margin-top: 6vh !important; */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    width: 100%;
    margin-top: 0vh !important;
    background-color: transparent;

  }

  #sidebar_knowledge_manager_contents_chat_loading {
    margin-top: 0vh !important;
    height: 20px !important;
    width: 20px !important;
  }





#sidebar_knowledge_base_tab_contents_web, #sidebar_chat_tab_contents_web {

    background-color: inherit !important;
    display: flex;
    flex-direction: column;
    min-height: calc(83vh + 10vh - var(--banner-height)) !important;


    width: 100% !important;
    text-align: left;
    margin: 0rem !important;
    padding: 0rem 0vw !important;
    background-color: transparent !important;
    background-color: inherit !important;
    padding-bottom: 0vw !important;



}
#sidebar_chat_tab_contents_web {
  max-height: calc(80vh + 10vh - var(--banner-height)) !important;
}



#retrieved_chat_list_container_web {
    background-color: inherit;

    
    width: 8vw;
    width: 8vw;


    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin: 0rem !important;
    padding: 0rem !important;
    overflow-y:auto !important;
    height: 100% !important;
    background-color: inherit !important;
    max-height: calc(var(--page-content-height) - 2.2vh - 48px) !important;

}

#retrieved_chat_list_container_web::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
}



#retrieved_chat_list_container_web {
    margin-top: 1vh !important;
    display: block;

    padding-left: 0vw;
    padding-right: 0vw; 
}









/* .disabled_button_visible_custom > div {
    pointer-events: all;
} */







#slider_explanations_multiple_doc_web > div > .rc-slider-rail {
  background-color: white;
}

#slider_explanations_multiple_doc_web {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0rem !important;
  margin: 0rem !important;
  margin-left: 3vw !important; 
}

#tabs_explanation_doc_selection_web {
  color: black;
  margin-bottom: var(--border-width) solid black !important;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}

#tabs_explanation_doc_selection_web > .nav-tabs {
  border-bottom: none !important;
}

#tabs_explanation_doc_selection_web > .nav-tabs {
  border-bottom: none !important;
}
#tabs_explanation_doc_selection_web > .nav-item {
  border-bottom: none !important;

}
#tabs_explanation_doc_selection_web > .nav-item > a {
  color: black !important;
  border-bottom: var(--border-width) solid black !important;
  margin-bottom: 0vw;

}

#tabs_explanation_doc_selection_web.nav.nav-tabs {
  border-bottom: none;
  margin-bottom: 1vh;
}






#button_row_up_down_web {
  margin-top: 1vh;
  display: flex;
  margin-bottom: 1vh;

}


#abort_knowledge_management_web {
  margin-left: 0.5vw;
  height: 4vh !important;
  width: 4vh !important;

  height: var(--button-height)!important;
  width: var(--button-height)!important;
  height: var(--button-height) !important;
  width: var(--button-height) !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#abort_knowledge_management_web > Img {
  filter: invert(100%) !important;
  height: calc(0.9*var(--button-img)) !important;
  width: calc(0.9*var(--button-img)) !important;



}

/* .button_white_border.button_radius_left {
  border-right: none;
} */


#de_web, #en_web, #es_web, #tabs_knowledge_selection_web {
  border-right: none !important;
}




@keyframes fadeIn_text {
  from { opacity: 0; }
  to { opacity: 1; }
}

#displayed_doc_explanation_web {
  min-height: 40vh !important;
  max-height: 40vh !important;

}

#modalbody_explanation_prompt_web {

  padding-bottom: 1vh;
  /* display: flex;
  flex-direction: column;

  align-items: center; */
  
}

#displayed_doc_explanation_web {

  max-height: 60vh !important;

}

#modalbody_explanation_prompt_web {
  min-height: 85vh !important;
  max-height: 85vh !important;
  overflow: hidden;
}


#notice_exp_web > button > Img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(14%) saturate(7426%) hue-rotate(223deg) brightness(86%) contrast(100%);
}

#notice_exp_text_web {
  color: black !important;
}

#notice_exp_text_web {
  word-wrap: break-word !important; /* Older property, but widely supported */
  overflow-wrap: break-word !important; /* Modern property */
  white-space: normal !important;
  overflow: visible;
  padding-left: 0.5vw;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;

}

#notice_exp_web {
  background-color: rgb(211, 221, 255) !important;
  width: 100% !important;
}

#notice_exp_web {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100% !important;
  padding: 1vh 0.5vw !important;
  margin-bottom: 1vh !important;
}


/* 
a.ocos_response
  pointer-events: none;
} */


/* DOUBLE LINE BREAKS */ 





/* .ocos_response a::before  {
  content: "\[";
}
.ocos_response a::after  {
  content: "\]";
} */


/* .markdown_chat > ul  {
  list-style-type: none;
  padding-left: 0 !important;
  margin-left: 0 !important;
} */

/* .ocos_response:hover {
  background-color: white !important; 
} */

/* .citation-link {
  background-color: red !important;
} */

/* a.citation-link  {
  color: blue !important;
  text-decoration: none !important;
  background-color: transparent;
} */

a.citation-link  {
  color: #0073e6 !important; /* Soft blue */
  text-decoration: none; /* Removes default underline */
  font-weight: 500; /* Slightly bold for readability */
  transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
  
  /* white-space: nowrap !important;
  overflow: hidden !important; */

}
a.citation-link:hover {
  color: #005bb5; /* Darker blue on hover */
  text-shadow: 0 0 5px rgba(0, 115, 230, 0.5); 
}

a.citation-link:focus {
  outline: 2px solid #0073e6; /* Accessibility focus ring */
  outline-offset: 2px;
}

a.citation-link:active {
  color: #003f7f; /* Even darker blue on click */
}
/* a.citation-link:hover {
  text-decoration: underline !important;
  font-weight: bold;
} */

.reference,.reference-no-hover {

  display: inline-block;
  background-color: #cccbcb !important;    /* Light grey background */
  color: #333;              /* Text color */
  padding: 2px 6px;         /* Spacing around the text */
  border-radius: 4px;       /* Rounded corners */
  font-size: 0.9em;         /* Slightly smaller text (optional) */
  text-decoration: none;    /* Remove underline if it's a link */
  color: black !important;
  text-decoration: none !important;
  margin: 0px 2px;
  width: 25px !important;
  text-align: center;
  white-space: nowrap;
}




.reference:hover {
  background-color: #a8a6a6 !important;
}


.hidden-bracket {
  display: none;
}



/* .ocos_response {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

#ocos_response.visible {
  opacity: 1;
} */


#modal_header_web_search_init > .btn-close {
  display: none;
}

#modalbody_web_search_init {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}

#confirm_notice_web_search, #reject_notice_web_search {
  max-width: 150px !important;
}
/* 
#reject_notice_web_search {
  background-color: var(--red) !important;
}

#confirm_notice_web_search {
  background-color: var(--green-border) !important;
}

#reject_notice_web_search:hover, #confirm_notice_web_search:hover {
  background-color: var(--purple-light) !important;
} */

#text_web_search {
  display: flex;
  flex-direction: row;
}

#warning_web_search {
  margin-left: 0.5vw !important;
  height: clamp(30px,4vh,40px) !important;

}
#warning_web_search > button {
  height: clamp(30px,4vh,40px) !important;
}

#warning_web_search > div {
  height: clamp(30px,4vh,40px) !important;
}


#confirm_notice_web_search, #reject_notice_web_search {
  width: 7vw !important;
}

#checkbox_notice_web_search > label > input {
  margin-right: 0.5vw !important;
}

#checkbox_notice_web_search_container {
  padding: 0.5vw;
  border-radius: var(--border-radius);
}
#confirm_notice_web_search:disabled {
  background-color: var(--grey-background) !important;
  visibility: visible !important;
}


/* 
.ocos_response {


  margin-top: 0vw;
  border-radius: var(--border-radius);
  color: black;
  border: none;
  text-align: left;
  max-width: 60vw !important;

  word-wrap: break-word;
  overflow: auto !important;
  pointer-events: auto;

  transition: none !important;
  scroll-behavior: smooth;
  will-change: contents;
  background-color: white !important;
  contain: content;
  -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, .6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 

  justify-content: center;
  align-items: flex-start;
  background-color: white !important;

}

.ocos_response, .ocos_input, #init_message_web.ocos_response {
  min-height: 5px !important;
  padding:min(0.5vw,8px) min(0.5vw,8px);
  display: flex;
  flex-direction: column; 
  justify-content: center;
} */


/* OLD */
#magic_prompt_web {
  margin-right: 0.5vw !important;
}