/* 
    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.
*/
.bkFormBaumSuche {
  height: 100%;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.bkFormBaumSuche .bkFormBaumSucheTabs {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
}
.bkFormBaumSuche .mapBaumSucheLoading {
  position: absolute;
  top: 50%;
  left: 50%;
}
.bkFormBaumSuche .mapBaumSuche {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  display: flex;
}
.bkFormBaumSuche .mapBaumSuche .mapTargetElement {
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  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*/
}
.bkFormBaumSuche .mapBaumSuche.mapInDrawingMode {
  border: 2px solid red;
}
.bkFormBaumSuche .bkFormBaumSucheTextPane {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.bkFormBaumSuche .bkFormBaumSucheFilter {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bkFormBaumSuche .bxFieldset .bxFieldset_Content.bkFormBaumSucheFilterContent {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  padding: 0 4px 4px 4px;
}
.bkFormBaumSuche .bkFormBaumSucheFilterContent div {
  display: inline-block;
  vertical-align: bottom;
}
.bkFormBaumSuche .bkFormBaumSucheFilterItem {
  border: solid;
  border-color: #A4BED4;
  border-radius: 5px;
  border-width: 1px;
  margin: 2px;
  padding: 5px 5px 7px 5px;
  height: 12px;
  cursor: pointer;
}
.bkFormBaumSuche .bkFormBaumSucheFilterItem.bkFormBaumSucheFilterAktiv {
  background-color: #ffd1e5;
}
.bkFormBaumSuche .bkFormBaumSucheFilterItem.bkFormBaumSucheFilterAktiv .bkFormBaumSucheFilterItemCaption {
  font-weight: bold;
}
.bkFormBaumSuche .bkFormBaumSucheFilterItem .bkFormBaumSucheFilterItemInfo {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.bkFormBaumSuche .bkFormBaumSucheFilterContent .selectFilterSetting,
.bkFormBaumSuche .bkFormBaumSuchePopupFilterSettings .addFilterSetting,
.bkFormBaumSuche .bkFormBaumSuchePopupFilterSettings .removeFilterSetting,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .resetAllFilter,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .addFilter,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .linkFilter {
  padding: 5px 0 7px 2px;
  height: 15px;
  cursor: pointer;
}
.bkFormBaumSuche .bkFormBaumSucheFilterContent .linkFilter.linkFilterOn {
  color: red;
}
/*
.bkFormBaumSuche .bkFormBaumSucheFilterContent .selectFilterSetting.filterSettingActive {
    color: @colorToggleOn;
}
*/
.bkFormBaumSuche .bkFormBaumSucheFilterContent .selectFilterSetting:hover:not(.filterSettingActive),
.bkFormBaumSuche .bkFormBaumSuchePopupFilterSettings .addFilterSetting:hover,
.bkFormBaumSuche .bkFormBaumSuchePopupFilterSettings .removeFilterSetting:hover,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .addFilter:hover,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .removeFilter:hover,
.bkFormBaumSuche .bkFormBaumSucheFilterContent .linkFilter:hover:not(.linkFilterOn) {
  color: black;
}
.bkFormBaumSuche .bkFormBaumSucheFilterItem .removeFilter {
  cursor: pointer;
  margin-left: 2px;
}
.bkFormBaumSuche .filterSettings {
  background-color: #dee6ff;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 1px;
  margin-top: 1px;
  border-radius: 4px;
}
.bkFormBaumSuchePopupFilter,
.bkFormBaumSuchePopupFilterSettings {
  position: fixed;
  z-index: 10;
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  border-radius: 3px;
  box-shadow: 0 20px 50px #6c6b6b;
}
.bkFormBaumSuche .bkFormBaumSucheBaeume {
  -ms-flex: 1 0 100px;
  -webkit-flex: 1 0 100px;
  flex: 1 0 100px;
}
.bkFormBaumSuche .bkFormBaumSucheTrees {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  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*/
}
.bkFormBaumSuche .bkFormBaumSucheTrees tr.inActiveTree td {
  background-color: #d5d4d4;
}
.bkFormBaumSuche .bkFormBaumSucheTrees tr.activeTree td {
  background-color: #bff7bb;
}
.bkFormBaumSuche .bkFormBaumSucheTrees tr.isInWorklist td {
  background-color: #fefea8;
}
.bkFormBaumSuche .bkFormBaumSucheBaeumeContent {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.bkFormBaumSuche .bkFormBaumSucheActions {
  position: absolute;
  top: 0;
  margin-top: 5px;
  font-size: large;
  right: 0;
}
.bkFormBaumSuche .bkFormBaumSucheActions span {
  cursor: pointer;
}
.bkFormBaumSuche .bkFormBaumSucheActions .bkWorkListAdd {
  padding-left: 0.5em;
  border-left: 1px solid #01529c;
}