/* 
    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.
*/
.bxDirPopupFrame {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.bxDirPopupFrame .bxDirPopupFrame_Header {
  background-color: #e3e4e5;
  border: 1px solid #A4BED4;
  border-radius: 4px;
  padding: 3px;
  overflow: visible;
  white-space: nowrap;
  height: 24px;
  font-weight: 600;
  cursor: pointer;
}
.bxDirPopupFrame .bxDirPopupFrame_Footer {
  margin-top: 12px;
  height: 24px;
}
.bxDirPopupFrame_Content {
  margin: 8px 4px 4px 4px;
  -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*/
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.bxDirPopupFrame_Content > 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 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -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*/
}
.bxDirPopupFrame .ui-resizable-handle {
  border-top: 3px dotted #9a9898;
  margin-top: 4px;
}
.bxDirPopupFrame .ui-resizable-handle.ui-resizable-e {
  width: 1px;
}
.bxDirPopupFrame .ui-resizable-handle.ui-resizable-s {
  height: 1px;
}