/* 
    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.
*/
/* .bxApplElemGrid */
/* .bxUiGrid */
/* ------------------------------------------------------- */
/* | .bxUiGrid_Header                                      | */
/* ------------------------------------------------------- */
/* | .bxUiGrid_Content                                     | */
/* | --------------------------------------------------- | */
/* | | .bxUiGrid_Content_Table                           | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | --------------------------------------------------- | */
/* ------------------------------------------------------- */
/* | .bxUiGrid_Footer                                      | */
/* ------------------------------------------------------- */
bx-ui-grid {
  display: flex;
}
.bxUiGrid,
.bxUiGrid_ngInclude {
  outline: none;
  pointer-events: none;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -ms-flex: 1 1 1px;
  -webkit-flex: 1 1 1px;
  flex: 1 1 1px;
  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*/
}
.bxUiGrid.noView {
  top: -25px;
}
.bxUiGrid > div {
  pointer-events: auto;
  /* Pointer-Events wieder aktivieren nur auf UiGrid deaktivieren. Grund: Content wird "verschoben" - wenn Header nicht dargestellt wird und Grid zu hoch gezeichnet wird können evtl. andere Elemente nicht geklickt werden wegen unsichtbarem Bereich! */
}
.bxApplElemGrid {
  width: 100%;
  height: 100%;
}
.bxApplElemGrid bx-ui-grid {
  height: 100%;
  width: 100%;
}
.bxUiGrid_Header {
  display: block;
  width: 100%;
  height: 28px;
}
.bxUiGrid_Header_Search {
  float: left;
  margin-top: 3px;
  margin-left: 3px;
}
.bxUiGrid_Header_Filter {
  float: left;
  margin-top: 3px;
  margin-left: 6px;
}
.bxUiGrid_Header_EditModes {
  float: left;
  margin-top: 3px;
  margin-left: 6px;
}
.bxUiGrid_Header_View {
  float: right;
  margin-top: 3px;
  margin-right: 3px;
}
.bxUiGrid_Header label {
  font-size: smaller;
  vertical-align: text-bottom;
}
.bxUiGrid_Header input {
  font-size: smaller;
  vertical-align: top;
}
.bxUiGrid_Header select {
  font-size: smaller;
  vertical-align: top;
}
.bxUiGrid_Content {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -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*/
}
.bxUiGrid_Content .bxUiGrid_Content_HeaderTable {
  overflow-y: hidden;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bxUiGrid_Content .bxUiGrid_Content_HeaderTable,
.bxUiGrid_Content .bxUiGrid_Content_Table {
  overflow-x: hidden;
}
.bxUiGrid_Content .bxUiGrid_Content_Table {
  display: block;
  overflow-y: scroll;
  -ms-flex: 1 1;
  -webkit-flex: 1 1;
  flex: 1 1;
  position: relative;
  /* Damit Scroll-Position in Grid berechenbar ist (mit jquery .position()) */
}
.bxUiGrid_Content table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}
.bxUiGrid_Content table .bxUiGrid_Content_ScrollbarSpacer {
  margin: 0;
  padding: 0;
  border-left: none;
}
.bxUiGrid_Content table .bxUiGrid_Content_Table_CheckRowsCol {
  width: 20px;
  _padding-left: 0;
  padding-right: 0;
}
.bxUiGrid_Content table .bxUiGrid_Content_Table_CheckRowsCol input {
  margin: 0;
}
.bxUiGrid_Content table .bxUiGrid_Content_Table_CheckRowsCol .bxTriStateCheckbox span {
  margin: 0;
}
.bxUiGrid_Content_Table_ActionCol,
.bxUiGrid_Content .bxUiGrid_Content_HeaderTable .bxUiGrid_Content_Table_ActionCol {
  width: 14px;
  white-space: normal;
}
.bxUiGrid_Content table tr .bxGlyphButton.bxShowOnHover {
  display: none;
}
.bxUiGrid_Content table thead tr th {
  position: relative;
}
.bxUiGrid_Content table thead tr th .headerActions {
  position: absolute;
  right: 0;
  display: inline-block;
  background-color: #e3e4e5;
  padding: 0 2px 1px 4px;
}
.bxUiGrid_Content table tr .bxGlyphButton.bxHighlight {
  color: red;
  display: inline-block;
}
.bxUiGrid_Content table th {
  white-space: nowrap;
  cursor: default;
}
.bxUiGrid_Content_Table tr td div.bxPropertyDisplayType_Integer,
.bxUiGrid_Content_Table tr td div.bxPropertyDisplayType_Float {
  padding-right: 14px;
}
.bxUiGrid_Content table th,
.bxUiGrid_Content table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: top;
}
.bxUiGrid_Content table th label {
  padding-left: 0;
}
.bxUiGrid_Content table th.separator,
.bxUiGrid_Content table td.separator {
  border-left: 3px solid #81a5c4;
}
.bxUiGrid_Content table th.secondary,
.bxUiGrid_Content table td.secondary {
  color: #9c9e9f;
}
.bxUiGrid_Content table th .sortable {
  cursor: pointer;
  text-decoration: underline;
}
.bxUiGrid_Content table td {
  cursor: pointer;
}
.bxUiGrid_Content table td > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bxUiGrid_Content table tr:hover td .bxGlyphButton,
.bxUiGrid_Content table tr th:hover .bxGlyphButton {
  display: inline-block;
}
.bxUiGrid_Content table tr th [bx-loading-indicator] .bxLoadingIndicator {
  margin: 3px;
  width: 70%;
  height: 70%;
  top: 0;
  left: 0;
}
.bxUiGrid_Content .bxUiGrid_Content_Table table tr.applicationElementGridTableSelectedRow td {
  background-color: rgba(0, 0, 255, 0.3);
}
.bxUiGrid_Content .bxUiGrid_Content_Table table tr.applicationElementGridTableSelectedRow td.applicationElementGridTableCellFocus {
  background-color: rgba(0, 0, 204, 0.3);
}
.bxUiGrid_Content .bxUiGrid_Content_Table table tr:not(.applicationElementGridRowWithChildTable):hover > td {
  background-color: #E3E4E5;
}
.bxUiGrid_Content .bxUiGrid_Content_Table table tr.applicationElementGridTableSelectedRow:hover > td {
  background-color: rgba(193, 194, 233, 0.65);
}
.bxUiGrid_Content .bxUiGrid_Content_Table table tr.applicationElementGridTableSelectedRow:hover > td.applicationElementGridTableCellFocus {
  background-color: rgba(193, 194, 225, 0.65);
}
.bxUiGrid_Content_Table table button {
  border-width: 0;
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
.bxUiGrid_Footer {
  border-top: 1px solid #A4BED4;
  display: block;
  width: 100%;
  height: 24px;
}
.bxUiGrid_Footer_Paging,
.bxUiGrid_Footer_Sum {
  float: left;
  margin-top: 3px;
  margin-left: 3px;
}
.bxUiGrid_Footer_State {
  float: right;
  display: block;
  margin-top: 3px;
  margin-right: 3px;
}
.bxUiGrid_Footer label {
  font-size: smaller;
  vertical-align: text-bottom;
}
.bxUiGrid_Footer input {
  vertical-align: top;
  font-size: smaller;
  width: 20px;
  text-align: right;
}
.bxUiGrid_Footer select {
  vertical-align: top;
  font-size: smaller;
}
.bxUiGrid_Footer button {
  vertical-align: top;
  font-size: smaller;
  border-width: 0;
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
.bxUiGrid_AutoFilterPopup,
.bxUiGrid_FilterExPopup {
  position: fixed;
  z-index: 100;
  /* Sicher mehr als resizable von JQuery-UI (Splitter in Formularen) */
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  border-radius: 3px;
  box-shadow: 0 20px 50px #6c6b6b;
}
/* FilterEx */
.bxUiGrid_Header_FilterEx {
  float: left;
  margin-top: 3px;
  margin-left: 6px;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  /*padding: 0 4px 4px 4px;*/
}
.bxUiGrid_Header_FilterEx div {
  display: inline-block;
  vertical-align: bottom;
}
.bxUiGrid_FilterExItem {
  font-size: smaller;
  border: solid;
  border-color: #A4BED4;
  border-radius: 5px;
  border-width: 1px;
  margin: 2px;
  padding: 1px 5px 1px 5px;
  cursor: pointer;
}
.bxUiGrid_FilterExItem.bxUiGrid_FilterExActive {
  background-color: #ffd1e5;
}
.bxUiGrid_FilterExItem.bxUiGrid_FilterExActive .bxUiGrid_FilterExItemCaption {
  font-weight: bold;
}
.bxUiGrid_FilterExItem .bxUiGrid_FilterExItemInfo {
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.bxUiGrid_FilterExItem .bxUiGrid_FilterExResetFilter {
  padding-left: 2px;
  cursor: pointer;
}
.bxUiGrid_Header_FilterEx .bxUiGrid_FilterExResetAllFilters {
  padding-left: 2px;
  padding-bottom: 4px;
  cursor: pointer;
}