/* 
    WICHTIG: Wenn Variablen geändert werden, müssen ALLE .LESS-Dateien im Projekt neu kompiliert werden.

    bxVariablesCustom.less: Wird durch bxVariables.less von byronONE automatisch eingebunden.
                            Dient dazu, Variablen aus dem Standard für Custom-Projekte zu überschreiben.
*/
.bxUiTabs_Tabs {
  position: static;
  border: 1px solid #A4BED4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  /* Min-Height benötigt damit overflow mit Flexboxes funktioniert!: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox*/
}
.bxUiTabs_Headers {
  padding-left: 2px;
  border-bottom: 1px solid #A4BED4;
  overflow: visible;
  padding-top: 2px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bxUiTabs_Header {
  display: inline-block;
  padding: 5px 13px 5px 13px;
  margin-right: 2px;
  margin-bottom: 1px;
  cursor: pointer;
  border: 1px solid #A4BED4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bxUiTabs_Header.selected {
  color: white;
  background-color: #01529c;
  border-color: #A4BED4;
  z-index: 99;
}
.bxUiTabs_Header.hilite:not(.selected) {
  background-color: #e3e4e5;
}
.bxUiTabs_Header:not(.selected) {
  background-color: white;
}
.bxUiTabs_Header:not(.selected):hover {
  background-color: #E3E4E5;
}
.bxUiTabs_Panes {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  display: flex;
  min-height: 0;
  /* Min-Height benötigt damit overflow mit Flexboxes funktioniert!: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox*/
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.bxUiTabs_Pane {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  /* Min-Height benötigt damit overflow mit Flexboxes funktioniert!: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox*/
  overflow: auto;
  padding: 3px;
}
.bxUiTabs_Pane > div {
  /* Default setzen für Inhalt: Wenn nur 1 Div dann wird dieses auf 100% vergrössert */
  /* Nur Flexbox verwenden weil z.B. Chrome Bug hat, dass Flex-Item-Child keine Height 100% haben kann. Nur komische Workarounds welche nicht wirklich cross-browser funktionieren -> https://stackoverflow.com/questions/15381172/css-flexbox-child-height-100 */
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  /* Min-Height benötigt damit overflow mit Flexboxes funktioniert!: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox*/
}