#top_row_sidebar_instructions {

  padding-top: 0vh;
  background-color: inherit;
  min-height: 1vh !important;
  max-height: 1vh !important;
  padding-top: 0vh !important;
  padding-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;
}




#sidebar_and_page_container_instructions {

  color: black;
  /* height: var(--page-content-height); */
  padding: 0vh;
  margin: 0vh;
  overflow: none !important;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;



  margin-bottom: 0vh !important;
}

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

#page_body_instructions {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0vw;
  padding-right: 0vw;
  background-color: transparent !important;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 3vh 0vw;

  height: calc(var(--page-content-height)) !important;

}

#sidebar_knowledge_manager_instructions {
  padding-left: 0.5vw !important;
  padding-right: 0.5vw !important;
}


.manual_button {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  border: none;
  border-radius: 0px !important;
  height: var(--button-height) !important;
  font-size: var(--font-size-button) !important;
  color: white !important;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--purple-medium) !important;
  border-top: var(--border-width) solid var(--border-color);

  padding-left: 0.5vw;
}

.manual_button:hover {
  background-color: var(--purple-light) !important;
}

.manual_button_last {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
  border: none !important;
  border-top: var(--border-width) solid var(--border-color) !important;
}

.manual_button_first {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
  border: none !important;
}

#page_body_instructions > :nth-child(1), #pdf_iframe {
  height: calc(var(--page-content-height) - 6vh) !important;
  width: 80% !important;
}



.manual_button_selected {
  background-color: var(--purple-light) !important;
}

#iframe_container {
  background-color: white !important;
  height: 100%;
  width: 100%;
  margin-bottom: 0vh !important;
  overflow: scroll;
  border-radius: var(--border-radius);
  font-size: var(--font-size-body) !important;

  padding: 5vh 6vw;
  margin-right: 0px !important;
  margin-left: 0px !important;
  font-family: 'Manrope-Regular' !important;
  
}
.MsoListParagraphCxSpMiddle, .MsoListParagraphCxSpFirst, .MsoListParagraphCxSpLast {
  text-align: left !important;
  padding-bottom: 5px !important;
}
.MsoListParagraphCxSpLast {
  padding-bottom: 0px !important;
}

.WordSection1 > h2, .WordSection1 > h2 > a > span {
  font-size: var(--font-size-body) !important;
  visibility: visible;
  color: black !important;

}


#hinweise_tut {
  color: black !important;
  background-color: var(--gold) !important;
  
}

#hinweise_tut:hover {
  color: white !important;
  background-color: var(--gold-border) !important;
  
}

#hinweise_tut.manual_button_selected {
  background-color: var(--gold-border) !important;
  color: white !important;
}
/* .MsoNormal {
  margin-left: 0px !important;
} */
/* .MsoListParagraphCxSpFirst {
  margin-left: 0px !important
} */

/* #iframe_container {
  margin-right: -36px !important;
} */
/* 
.WordSection1 > p {
  margin-right: 36px !important;
} */

/* #html_content_instructions > div > .WordSection1 > p {
  margin: 3vw 0px !important;
} */

#html_content_instructions > div > Img {
  width: 10vw;
}


.MsoNormal > span > a {
  color: blue !important;
}

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