/* Indikator-Seite -----------------------------------------------------------------------*/

#indikator-seite .rank-list-title {
  text-align: center;
  color: var(--dark-grey);
}

/*
#indikator-seite button[data-id="indikator-select_variable"] {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}*/

#indikator-seite:has(button[data-id="indikator-select_variable"]) .menu-box .shiny-input-container {
  max-width: 95%;
  width: 200px;
}

#indikator-seite:has(button[data-id="indikator-select_variable"]) .menu-box .shiny-input-container:has(#indikator-select_variable-label) {
  max-width: 95%;
  width: 400px;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .buttons-minimierbares-element button{
  display: none;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .minimierbares-element {
  display: inherit;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .buttons-minimierbares-element .control-label {
  margin: auto;
}

#indikator-variable2 {
  margin-right: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#indikator-variable2 #indikator-variable2_select_div {
  max-height: 200px;
  transition: all .6s ease;
}

#indikator-variable2:not(.aktiv) #indikator-variable2_select_div {
  overflow: hidden;
  max-height: 0;
}

#indikator-variable2:not(.aktiv) #indikator-button_variable2_minus,
#indikator-variable2.aktiv       #indikator-button_variable2_plus {
  display: none;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) #indikator-variable2,
#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) #indikator-tip_zuruecksetzen,
#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) #indikator-ergebnis-box,
#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) fieldset legend,
#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) div.form-group label.control-label {
  display: none;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) fieldset {
  border: none;
  box-shadow: none!important;
}

#indikator-seite .control-label.highlighted{
  display: none;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .control-label.highlighted {
  display: inherit;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .menu-box.highlighted {
  border: 2px solid var(--beige);
  box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.1), -10px -10px 10px white;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .menu-box {
  padding: 28px 28px 18px 28px;
  width: fit-content;
  margin: auto;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .menu-box:not(.highlighted) {
  display: flex;
  flex-direction: row;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) #indikator-tip_variable .form-group {
  margin: auto;
}

#indikator-seite:has(button[title="nichts ausgewählt"][data-id="indikator-select_variable"]) .menu-row {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-evenly;
}

#indikator-seite .menu-box:has("#indikator-reset"){
  position: absolute;
  top: -20px;
  right: 0;
}

#indikator-seite[tab-value = "1"] .tab_button[data-value = "1"],
#indikator-seite[tab-value = "2"] .tab_button[data-value = "2"],
#indikator-seite[tab-value = "3"] .tab_button[data-value = "3"],
#indikator-seite[tab-value = "4"] .tab_button[data-value = "4"],
#indikator-seite[tab-value = "5"] .tab_button[data-value = "5"],
#indikator-seite[tab-value = "6"] .tab_button[data-value = "6"]{
  color: white;
  background-color: var(--blue);
}

#indikator-seite[max-tab-value = "1"] .tab_button[data-value = "2"],
#indikator-seite[max-tab-value = "1"] .tab_button[data-value = "3"],
#indikator-seite[max-tab-value = "2"] .tab_button[data-value = "3"],
#indikator-seite[max-tab-value = "1"] .tab_button[data-value = "4"],
#indikator-seite[max-tab-value = "2"] .tab_button[data-value = "4"],
#indikator-seite[max-tab-value = "3"] .tab_button[data-value = "4"],
#indikator-seite[max-tab-value = "1"] .tab_button[data-value = "5"],
#indikator-seite[max-tab-value = "2"] .tab_button[data-value = "5"],
#indikator-seite[max-tab-value = "3"] .tab_button[data-value = "5"],
#indikator-seite[max-tab-value = "4"] .tab_button[data-value = "5"],
#indikator-seite[max-tab-value = "1"] .tab_button[data-value = "6"],
#indikator-seite[max-tab-value = "2"] .tab_button[data-value = "6"],
#indikator-seite[max-tab-value = "3"] .tab_button[data-value = "6"],
#indikator-seite[max-tab-value = "4"] .tab_button[data-value = "6"],
#indikator-seite[max-tab-value = "5"] .tab_button[data-value = "6"]{
  display: none;
}