/* 
    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.
*/
[class^="icon-"],
[class*=" icon-"] {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 3px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #013769;
}
.disabled [class^="icon-"],
.disabled [class*=" icon-"],
.disabled {
  color: #9c9e9f;
  cursor: wait !important;
}
html * {
  font-size: 100.01%;
}
html,
.bxView {
  height: 100%;
  margin: 0;
  /* Wichtig weil: 100% + Margin von HTML/Body mit Margin erzeugt leider Scrollbar */
  /* user-select auf HTML-Ebene ausgeschaltet. Sonst ist es in IE 11 mit Shift-Taste möglich doch Text zu selektieren. Erklärung hier: http://ie.microsoft.com/TestDrive/HTML5/msUserSelect/Default.html ("... will block selection from starting on that element. It will not block an existing selection from entering the element.") und hier http://jsfiddle.net/chriscoyier/vGG8F/3/ */
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
body {
  margin: 0;
  border: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  overflow: hidden;
  background-color: #eeeeee;
  color: #404040;
  text-align: left;
}
a[href],
a[href] * {
  color: #01529c;
  background-color: transparent;
  text-decoration: none;
}
a[href]:focus,
a[href]:hover,
a[href]:active,
a[href]:focus *,
a[href]:hover *,
a[href]:active * {
  color: #404040;
  text-decoration: underline;
  outline: 0 none;
}
hr {
  color: #ffffff;
  background-color: transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border: 0;
  border-bottom: 1px solid #A4BED4;
}
/* Achtung: nicht zuviel auf "table" abwälzen weil Grid viel Spezialverhalten wieder überschreiben muss. Lieber bxSimpleTable-Klasse verwenden um "Standard"-BISX-Tabelle zu stylen. */
table {
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 0.5em;
}
table th,
table td {
  border: 1px solid #A4BED4;
  overflow: hidden;
  padding: 0.2em;
  text-align: left;
}
table th {
  background-color: #e3e4e5;
  font-weight: 600;
}
table td {
  background-color: white;
}
table tr:nth-child(2n) td {
  background-color: #f0f1f1;
}
table.bxSimpleTable tr:hover > td {
  background-color: #E3E4E5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0 0 0.25em 0;
}
h1 {
  /* 30px */
  font-size: 250%;
}
h2,
#headerTitle {
  /* 24px */
  font-size: 200%;
}
h3 {
  /* 18px */
  font-size: 150%;
}
h4,
#headerSubtitle {
  /* 16px */
  font-size: 133.33%;
}
h5,
h6 {
  /* 14px */
  font-size: 116.67%;
}
.bold {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.alignLeft,
.alignLeft.bxPropertyDisplayType_Integer,
.alignLeft.bxPropertyDisplayType_Float {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignCenter,
.alignCenter.bxPropertyDisplayType_Integer,
.alignCenter.bxPropertyDisplayType_Float {
  text-align: center;
}
.allowNewLine {
  white-space: pre;
}
/* #bxTool                                                     #bxTool                                                 */
/* -------------------------------------------------------     ------------------------------------------------------- */
/* | #bxTool_Header                                      |     | #bxTool_Header                                      | */
/* -------------------------------------------------------     ------------------------------------------------------- */
/* | #bxTool_Content                                     |     | #bxTool_Content                                     | */
/* | --------------------------------------------------- |     | --------------------------------------------------- | */
/* | | #bxTool_Content_Table                           | |     | | #bxTool_Content_Table.HNav                      | | */
/* | | ----------------------------------------------- | |     | | ----------------------------------------------- | | */
/* | | | #bxTool_Navbar | #bxTool_Main               | | |     | | | #bxTool_Navbar                              | | | */
/* | | |                | -------------------------- | | |     | | ----------------------------------------------- | | */
/* | | |                | | #bxTool_Container      | | | |     | | | #bxTool_Main                                | | | */
/* | | |                | |                        | | | |     | | | ------------------------------------------- | | | */
/* | | |                | |                        | | | |     | | | | #bxTool_Container                       | | | | */
/* | | |                | |                        | | | |     | | | |                                         | | | | */
/* | | |                | |                        | | | |     | | | |                                         | | | | */
/* | | |                | -------------------------- | | |     | | | ------------------------------------------- | | | */
/* | | ----------------------------------------------- | |     | | ----------------------------------------------- | | */
/* | --------------------------------------------------- |     | --------------------------------------------------- | */
/* -------------------------------------------------------     ------------------------------------------------------- */
/* | #bxTool_Footer                                      |     | #bxTool_Footer                                      | */
/* -------------------------------------------------------     ------------------------------------------------------- */
#bxTool {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
#bxTool_Header {
  height: 40px;
  background-color: #ffffff;
}
#bxTool_Header div {
  display: block;
  padding: 10px 5px 5px 5px;
}
#bxTool_Header .bxTool_Header_Title {
  float: left;
  font-size: 150%;
  padding: 10px 5px 5px 5px;
}
#bxTool_Header_LayoutManager {
  float: right;
}
#bxTool_NavBar {
  height: 30px;
  background-color: #e3e4e5;
  border: 1px solid #A4BED4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
  overflow: visible;
  white-space: nowrap;
  vertical-align: top;
  /* Sonst verschieben sich Applikationen wenn eine zu hoch wird: https://stackoverflow.com/questions/9273016/why-is-this-inline-block-element-pushed-downward */
}
#bxTool_NavBarRelative {
  position: relative;
  top: 0;
  height: 30px;
  width: 100%;
  background-color: #e3e4e5;
  border: 1px solid #A4BED4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
  overflow: visible;
}
.bxTool_NavBar_Application {
  font-size: 1.07em;
  display: inline-block;
  padding: 5px 13px 7px 13px;
  margin-right: 2px;
  cursor: pointer;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  vertical-align: top;
  /* Sonst verschieben sich Applikationen wenn eine zu hoch wird: https://stackoverflow.com/questions/9273016/why-is-this-inline-block-element-pushed-downward */
}
.bxTool_NavBar_Application_Selected {
  background-color: #ffffff;
  border-left-color: #A4BED4;
  border-top-color: #A4BED4;
  border-right-color: #A4BED4;
  height: 18px;
  z-index: 99;
  font-weight: 600;
}
.bxTool_NavBar_Application_NotSelected {
  background-color: #e3e4e5;
  height: 18px;
  padding-bottom: 5px;
}
.bxTool_NavBar_Application_NotSelected:hover {
  background-color: #E3E4E5;
  border-color: #A4BED4;
}
#bxTool_Content {
  flex-grow: 1;
  background-color: #ffffff;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#bxTool_Container {
  flex-grow: 1;
  position: relative;
}
#bxTool_Footer {
  height: 20px;
  background-color: #e3e4e5;
  border-top: 1px solid #A4BED4;
}
#bxTool_Footer a,
#bxTool_Footer a:hover {
  padding: 3px 3px 0 3px;
  font-size: smaller;
  text-decoration: none;
  color: #01529c;
}
#bxTool_ContextMenu {
  position: fixed;
}
/* .bxApplElem */
/* | --------------------------------------------------- | */
/* | | .bxApplElem_Header                              | | */
/* | --------------------------------------------------- | */
/* | | .bxApplElem_Content                             | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | |                                                 | | */
/* | --------------------------------------------------- | */
/* ------------------------------------------------------- */
.bxApplElem {
  position: absolute;
  border-radius: 4px;
  border: 8px double #e3e4e5;
  background-color: #ffffff;
  color: #404040;
  /* Select muss hier disabled werden sonst gibts Text-Highlights. Aber bei unteren elementen muss select wieder aktiviert werden (deshalb bei .applElementContainer wieder drin) */
  /* Chrome has very bad support for this feature! https://developer.mozilla.org/en-US/docs/Web/CSS/user-select */
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bxApplElem.maximized {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
}
.bxApplElem .bxApplElem_Loading {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: central;
}
.bxApplElem_Header {
  width: 100%;
  cursor: move;
  /* -1 damit keine doppelten Ränder bei verschachtelten Divs */
  margin-left: -1px;
  margin-top: -1px;
  border: solid 1px #A4BED4;
  background-color: #e3e4e5;
  text-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bxApplElem_Header label {
  display: inline-block;
  padding: 3px;
  cursor: move;
  /* für Firefox */
}
.bxApplElem_Content {
  position: absolute;
  left: 0;
  top: 31px;
  right: 0;
  bottom: 0;
  width: 100%;
  /* Select müsste hier enabled werden damit Text-Highlights wieder gehen. Wurde für .applicationElement deaktiviert. */
  /* Chrome has very bad support for this feature! https://developer.mozilla.org/en-US/docs/Web/CSS/user-select */
  overflow: hidden;
}
.applicationElementDragging {
  opacity: 0.7;
  cursor: move;
}
.bxGlyphButton {
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding-right: 4px;
  font-size: smaller;
}
.bxGlyphButton:hover {
  color: black;
}
/* Property-Value-Anzeige je Datentyp */
.bxPropertyDisplayType_Integer {
  text-align: right;
}
.bxPropertyDisplayType_Float {
  text-align: right;
}
/* Menüs (Applikationselemente) */
.bxApplElem_Header_Menu {
  font-size: 13px;
  cursor: pointer;
}
.bxApplElem_Header_Menu ul {
  margin: 0;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
}
.bxApplElem_Header_Menu li {
  list-style-type: none;
  border: solid 1px transparent;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bxApplElem_Header_Menu li.disabled {
  pointer-events: none;
  /* onclick-abhängen */
  color: #9c9e9f;
}
.bxApplElem_Header_Menu > ul > li {
  display: inline-block;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 4px 8px 4px 8px;
  margin: 0 1px 0 1px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.bxApplElem_Header_Menu_Title {
  font-weight: 600;
}
.bxApplElem_Header_Menu ul li:not(.bxApplElem_Header_Menu_Title):hover {
  background-color: #E3E4E5;
  border: solid 1px #81a5c4;
}
.bxApplElem_Header_Menu ul li .bxApplElem_Header_SubMenu {
  display: none;
  background-color: #ffffff;
  z-index: 100;
  opacity: 0;
  margin: 0;
  position: absolute;
  border-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px transparent;
  /* HF: CSS Trick. Wenn Position Absolute geht es vom Parent aus. Sobald aber Left/Top angegeben wird nicht mehr. Mit Margin kann jedoch weiterhin von Parent ausgegangen werden. Beim Menü macht sich das bemerkbar, wenn nicht das erste Menü aufgeklappt wird sondern ein anderes. */
  margin-left: -9px;
  margin-top: 5px;
}
.bxApplElem_Header_Menu ul li:hover .bxApplElem_Header_SubMenu {
  display: block;
  opacity: 1;
  border: solid 1px #A4BED4;
}
.bxApplElem_Header_Menu ul li .bxApplElem_Header_SubMenu li {
  display: block;
  font-weight: normal;
  padding: 4px 8px 4px 8px;
}
.bxApplElem_Header_Menu .bxApplElem_Header_Menu_TriangleDown {
  /* http://codepen.io/chriscoyier/pen/lotjh */
  border-top: 4px solid #404040;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
  vertical-align: middle;
  margin-left: 3px;
}
label.bxTriStateCheckbox {
  width: auto;
  min-height: 1.6em;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
label.bxTriStateCheckbox span {
  display: none;
  margin-left: 3px;
  margin-right: 2px;
  font-size: 1.25em;
  color: #808080;
}
label.bxTriStateCheckbox.bxIsIndeterminate input {
  display: none;
}
label.bxTriStateCheckbox.bxIsIndeterminate span {
  display: inline;
}
.ngdialog {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.ngdialog.ngdialog-theme-default .ngdialog-content.ui-draggable {
  margin: 0;
}
.ngdialog-overlay,
.ngdialog.ngdialog-closing .ngdialog-overlay,
.ngdialog-content {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close {
  top: 6px;
  right: 6px;
}
.bxLoadingIndicator {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: bxLoadingIndicatorCircleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: bxLoadingIndicatorCircleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: bxLoadingIndicatorCircleFadeDelay 1.2s infinite ease-in-out both;
  animation: bxLoadingIndicatorCircleFadeDelay 1.2s infinite ease-in-out both;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  transform: rotate(210deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  transform: rotate(330deg);
}
.bxLoadingIndicator .bxLoadingIndicatorCircle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.bxLoadingIndicator .bxLoadingIndicatorCircle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
#bxTool_Footer a {
  cursor: pointer;
}
@-webkit-keyframes bxLoadingIndicatorCircleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@-moz-keyframes bxLoadingIndicatorCircleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes bxLoadingIndicatorCircleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}