/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@6.5.1_webpack@5.65.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/.pnpm/less-loader@10.2.0_less@4.1.2+webpack@5.65.0/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/index.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
body {
  background-color: transparent;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  cursor: default;
  color: #000;
  letter-spacing: 0.2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: -moz-none;
  /* Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong */
  -webkit-text-size-adjust: none;
  /* Disable highlight color. May be enabled for specific elements if required */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.ios {
  /* Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.
    Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.
    He has to wait until the invisible scrolling has finished before he can try to click the button.
    Another drawback: there is a flickering effect of labels on certain screens (e.g. beamer) with chrome when a popup (e.g. smart field popup) is shown and position is set to fixed.
    Hence it is important to only activate it on ios. */
  position: fixed;
}
/* -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 */
::-moz-selection {
  background: #1561A7;
  color: #fff;
}
::selection {
  background: #1561A7;
  color: #fff;
}
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
}
:-moz-placeholder {
  /* older versions of firefox */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
}
::-moz-placeholder {
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
}
:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
}
::placeholder {
  /* Most modern browsers */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
}
/* Hide IE decorations for text input fields: */
/* - Clear button ("X"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx */
/* - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx */
/* Note: Set width/height to 0 instead of "display: none", because of http://stackoverflow.com/a/17986002 */
::-ms-clear {
  width: 0;
  height: 0;
}
::-ms-reveal {
  width: 0;
  height: 0;
}
.disabled::-moz-selection {
  background: #666666;
  color: #EFEFEF;
}
.disabled::selection {
  background: #666666;
  color: #EFEFEF;
}
.disabled::-webkit-input-placeholder {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
  /* Fill color is inherited, make sure it is ignored and the current color is used instead. Needed for iOS, see usage of -webkit-text-fill-color below*/
  -webkit-text-fill-color: currentcolor;
}
.disabled:-moz-placeholder {
  /* older versions of firefox */
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.disabled::-moz-placeholder {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.disabled:-ms-input-placeholder {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
/* Add this class to temporary remove an element from the document flow. */
/* !important is used to override any specific "display" values (because this */
/* call would in most cases be less specific than the element's rules). */
.hidden {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
/* Add this class to temporary hide (but not remove from flow) an element. Similar to "hidden". */
.invisible {
  visibility: hidden !important;
  /* NOSONAR (!important is okay here) */
}
*,
*::before,
*::after {
  /* NOSONAR (universal selector is okay here) */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 */
/* use -moz-none to allow child element to set -moz-user-select: text */
/* See also: focusUtil.js, isSelectableText() */
.table-cell,
.table-header-item,
.tree-node,
.table-footer,
.table-control,
.table-info-item,
.table-header-menu-group-text {
  -moz-user-select: -moz-none;
}
input,
textarea,
button {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.2px;
}
input,
textarea,
.input-field {
  background-color: transparent;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
input.disabled,
textarea.disabled,
.input-field.disabled {
  background-color: transparent;
  border-color: #DADADA;
  color: #666666;
}
input:focus,
textarea:focus,
.input-field:focus,
input.focused,
textarea.focused,
.input-field.focused {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
input.has-error,
textarea.has-error,
.input-field.has-error {
  border-color: #D53F3F;
  background-color: #FEE0E0;
}
input.has-error:focus,
textarea.has-error:focus,
.input-field.has-error:focus,
input.has-error.focused,
textarea.has-error.focused,
.input-field.has-error.focused {
  outline: none;
  box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);
}
input.read-only,
textarea.read-only,
.input-field.read-only {
  background-color: transparent;
  border-color: transparent;
  border-bottom: dashed 1px #DADADA;
  color: #000;
}
textarea.read-only {
  border: 1px dashed #DADADA;
}
input[type="text"].alternative,
input[type="password"].alternative {
  /* Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border */
  padding-bottom: 1px;
  /* Compensate padding-bottom to align input text with label on the left */
  /* It won't be perfect (especially when zoomed) but should be good enough */
  padding-top: 2px;
}
input.alternative,
.input-field.alternative {
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.23);
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding-left: 0;
  padding-right: 0;
}
input.alternative.disabled,
.input-field.alternative.disabled {
  color: #808080;
  border-bottom-style: dashed;
  border-bottom-color: #CFCFCF;
}
input.alternative:focus,
.input-field.alternative:focus,
input.alternative.focused,
.input-field.alternative.focused {
  color: #1561A7;
  border-bottom-color: #1561A7;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
input.alternative.has-error,
.input-field.alternative.has-error {
  color: #D53F3F;
  border-bottom-color: #D53F3F;
}
input.alternative.has-error:focus,
.input-field.alternative.has-error:focus,
input.alternative.has-error.focused,
.input-field.alternative.has-error.focused {
  border-bottom-color: #D53F3F;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
input.alternative.read-only,
.input-field.alternative.read-only {
  color: #000;
}
input {
  padding: 0 10px;
  /* remove platform specific styling, mainly used to remove shadow on iOS Safari */
  /* text inputs on Safari have 2px top and bottom margin -> remove*/
  margin: 0;
}
input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input.disabled,
textarea.disabled {
  /* Only setting the color has no effect for input elements on iOS Safari -> set fill color, too */
  /* It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well */
  /* Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) */
  -webkit-text-fill-color: #808080;
  opacity: 1;
}
input.disabled.read-only,
textarea.disabled.read-only {
  -webkit-text-fill-color: #000;
}
input.disabled::selection,
textarea.disabled::selection {
  -webkit-text-fill-color: #EFEFEF;
}
textarea.alternative {
  background-color: transparent;
}
textarea.alternative.disabled:not(.read-only) {
  background-color: transparent;
  border: 1px dashed #DADADA;
  color: #808080;
}
input[type="text"],
textarea {
  /* Explicitly set 'user-select' to something other than 'none', otherwise the focus manager */
  /* might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already */
  /* provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
textarea {
  /* these two properties are required for FF, otherwise the editable textarea is 2px too large, */
  /* and the DOM inspector does not include these 2 pixels. */
  margin: 0 auto;
  padding: 7px 10px;
  resize: none;
  /* Override default overflow value 'scroll' */
  overflow: auto;
  /* IE/Edge: show scrollbars on textarea if the content is too big to fit */
  /* overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property */
  -ms-overflow-style: auto;
  /* remove platform specific styling, mainly used to remove shadow on ios safari */
  -webkit-appearance: none;
  -moz-appearance: none;
}
textarea.alternative {
  border-radius: 3px;
}
.input-field {
  padding: 7px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
button {
  padding: 2px 7px;
  margin: 0;
  /* reset user agent style, e.g. on safari */
}
/* cursor handling */
/* The following classes are added dynamically while dragging. !important is necessary to override */
/* any cursor an underlying component defines while moving the mouse. */
.col-resize,
.col-resize * {
  /* NOSONAR (universal selector is okay here) */
  cursor: col-resize !important;
  /* NOSONAR (!important is okay here) */
}
.row-resize,
.row-resize * {
  /* NOSONAR (universal selector is okay here) */
  cursor: row-resize !important;
  /* NOSONAR (!important is okay here) */
}
/* Used to temporarily disable pointer events on iframes while dragging elements */
.dragging-in-progress {
  pointer-events: none;
}
/* remove the dotted border in firefox */
button::-moz-focus-inner {
  border: 0;
}
.drag-handle {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -5px;
  cursor: move;
  z-index: 10;
}
.closer {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  cursor: pointer;
  color: #999999;
  padding: 4px;
  border-radius: 3px;
}
.closer::before {
  content: '\E045';
}
.closer:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.closer:active,
.closer.active {
  background-color: rgba(0, 0, 0, 0.12);
}
.save-needer {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #999999;
}
.save-needer::before {
  content: '\E050';
}
/* Used to display errors from server when desktop is not available */
.fatal-error {
  margin: 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.application-loading-root {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  pointer-events: none;
}
.application-loading-root.fadeout {
  -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;
  -moz-animation: application-loading-fade-out 250ms linear 1 forwards;
  -o-animation: application-loading-fade-out 250ms linear 1 forwards;
  animation: application-loading-fade-out 250ms linear 1 forwards;
}
@-webkit-keyframes application-loading-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes application-loading-fade-out {
  to {
    opacity: 0;
  }
}
.application-loading01 {
  height: 80px;
  width: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.application-loading01::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 6px 3px rgba(21, 97, 167, 0.9);
  -webkit-animation: pulsate 2s ease-out infinite;
  -moz-animation: pulsate 2s ease-out infinite;
  -o-animation: pulsate 2s ease-out infinite;
  animation: pulsate 2s ease-out infinite;
}
.application-loading02 {
  height: 120px;
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.application-loading02::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 4px 2px #1FC9AA;
  -webkit-animation: pulsate 2.84s ease-out infinite;
  -moz-animation: pulsate 2.84s ease-out infinite;
  -o-animation: pulsate 2.84s ease-out infinite;
  animation: pulsate 2.84s ease-out infinite;
}
a,
.link,
.app-link {
  color: #1561A7;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.link:hover,
.app-link:hover {
  color: #1b7bd4;
}
a:active,
.link:active,
.app-link:active,
a.active,
.link.active,
.app-link.active {
  color: #2F3C45;
}
a:focus,
.link:focus,
.app-link:focus {
  outline-color: #1561A7;
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
}
.font-icon {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.white-space-nowrap {
  white-space: nowrap;
}
.startup-error {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);
  margin: 100px 50px;
  padding: 20px;
  border: 1px solid #D53F3F;
  background-color: #FEE0E0;
}
.startup-error-title {
  font-weight: bold;
  padding-bottom: 10px;
}
/* --- z-index --- */
/* Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each */
/* of these elements (iff they are "positioned"). To bring a new element to the top, add it to the end of the list. */
/* https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context */
.scout > .desktop-navigation,
.scout > .desktop-header,
.scout > .desktop-bench,
.scout > .splitter,
.scout > .glasspane,
.scout > .busyindicator,
.scout > .dialog,
.scout > .messagebox,
.scout > .file-chooser,
.scout > .tooltip,
.scout > .popup,
.scout > .notifications {
  z-index: 0;
}
noscript {
  display: block;
}
noscript > .wrapper > .box-content > h1 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
}
/* Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.
 * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).
 * Reset to default.
 */
iframe {
  -ms-user-select: element;
}
.error-popup-correlation-id {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #808080;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.accordion {
  /* Necessary if field is not scrollable to prevent overlaps */
  overflow: hidden;
}
.accordion.scrollable {
  padding-right: 15px;
}
.accordion > .group:not(.first):not(.collapse-bottom) > .group-header {
  border-top: 1px solid #DADADA;
}
.accordion > .group > .group-body {
  margin-bottom: 10px;
}
.accordion > .group,
.accordion > .scrollbar {
  opacity: 1;
  transition: opacity 250ms;
}
.accordion.loading > .group,
.accordion.loading > .scrollbar {
  opacity: 0;
}
.accordion.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.accordion.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.accordion.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.action {
  cursor: pointer;
}
.action:hover {
  color: #1561A7;
}
.action:active {
  color: #1561A7;
}
.action.disabled {
  color: #808080;
  cursor: default;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1561A7;
  background-color: transparent;
  --border-color: #1561A7;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 7px;
}
.button.borderless {
  background-color: transparent;
  border: 0;
}
.button.borderless:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px #93c5f4;
}
.button > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.button > .icon {
  /* Padding only relevant for icons larger than the container */
  padding-top: 2px;
  padding-bottom: 2px;
}
.button > .icon.with-label {
  margin-right: 8px;
}
.button > .icon.loading,
.button > .icon.broken {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
.button > .icon.image-icon {
  max-height: 100%;
}
.button > .font-icon {
  font-size: 16px;
}
.button > .submenu-icon {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  padding-left: 8px;
}
.selected.button > .submenu-icon {
  -webkit-transform: rotateX(180deg) translateY(-1px);
  -ms-transform: rotateX(180deg) translateY(-1px);
  transform: rotateX(180deg) translateY(-1px);
}
.button > .button-label,
.button > .icon,
.button > .submenu-icon {
  opacity: 1;
  transition: opacity 250ms;
}
.button:hover {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.button:active,
.button.active {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.button.selected {
  color: #fff;
  background-color: #1561A7;
  border-color: #1561A7;
}
.button.selected:hover {
  background-color: #014786;
  border-color: #014786;
}
.button.selected.active,
.button.selected:active {
  background-color: #012c53;
  border-color: #012c53;
}
.button.selected.has-popup {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.button:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.button.default {
  background-color: #1561A7;
  /* border is necessary to align the text with text from buttons with a real border */
  border-color: #1561A7;
  color: #fff;
}
.button.default:hover {
  background-color: #014786;
  border-color: #014786;
}
.button.default:active,
.button.default.active {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.button.default.selected {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.button.default:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.button:disabled,
.button.disabled {
  background-color: transparent;
  border-color: #DADADA;
  color: #808080;
  cursor: default;
}
.button:disabled:hover,
.button.disabled:hover,
.button:disabled.active,
.button.disabled.active,
.button:disabled:active,
.button.disabled:active,
.button:disabled.selected,
.button.disabled.selected {
  background-color: transparent;
  border-color: #DADADA;
  color: #808080;
}
.button:disabled.selected,
.button.disabled.selected {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.button:disabled.selected.has-popup,
.button.disabled.selected.has-popup {
  color: #808080;
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.button.loading > .button-label,
.button.loading > .icon,
.button.loading > .submenu-icon {
  opacity: 0;
  transition: opacity 250ms;
}
.button.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.button.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 20px;
  height: 20px;
}
.button.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/**
 * Used for static pages like login, logout, unsupported-browser and noscript section.
 * Note: This box must not depend on javascript because it is used for the noscript section as well.
 */
.box {
  display: table;
  position: absolute;
  height: 75%;
  width: 100%;
  margin: 15px 0;
}
.box > .wrapper {
  display: table-cell;
  vertical-align: middle;
}
.box-content {
  border: 0 solid #DADADA;
  border-radius: 12px;
  background-color: #fff;
  max-width: 450px;
  margin: 0 auto;
  padding: 45px 95px 50px 95px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
.box-content > .header {
  text-align: center;
}
.box-content > .header > .logo {
  margin-top: 4px;
  margin-bottom: 40px;
  max-height: 30px;
}
.box-content.small > .header > .logo {
  max-width: 50%;
}
.box-content > .button-bar {
  padding-top: 32px;
  text-align: center;
}
.box-content > .button-bar > .button {
  padding: 7px 7px;
  font-size: 14px;
}
.box-content.centered {
  text-align: center;
}
@media (max-width: 490px) {
  .box-content {
    padding: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .box-content > .header > .logo {
    margin-bottom: 30px;
    margin-top: 0;
  }
}
@media (max-height: 400px) {
  .box-content {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .box-content > .header > .logo {
    margin-bottom: 20px;
    margin-top: 0;
  }
}
@media (max-height: 700px) {
  .box {
    height: calc(100% -  15px * 2);
  }
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.box-buttons > .box-button {
  padding: 6px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 16px;
  min-width: 104px;
}
.box-buttons > .box-button:last-child {
  margin-right: 0;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.check-box {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-align: center;
  width: 18px;
  height: 18px;
  border: 1px solid #999999;
  border-radius: 3px;
  background-color: transparent;
}
.check-box:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.check-box.checked {
  background-color: #1561A7;
  border-color: #1561A7;
  color: #fff;
}
.check-box.checked::before {
  position: absolute;
  display: block;
  line-height: 18px;
  width: 16px;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E005';
  font-size: 11px;
}
.check-box.undefined {
  background-color: #1561A7;
  border-color: #1561A7;
}
.check-box.undefined::before {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  width: 10px;
  border-radius: 1px;
  height: 2px;
  background-color: #fff;
}
.check-box.disabled {
  cursor: default;
  border-color: #DADADA;
}
.check-box.disabled.checked {
  background-color: #808080;
  border-color: #808080;
}
.check-box.disabled.undefined {
  background-color: #808080;
  border-color: #808080;
}
#scout .checkbox-checked-disabled {
  background-color: #808080;
  border-color: #808080;
}
/*
 * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.calendar {
  white-space: nowrap;
  padding-left: 0;
}
.calendar-scrollable-components {
  height: 100%;
}
.calendar-header {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 8px 20px 12px 0;
}
.calendar-header > .busyindicator-label {
  display: table-cell;
  vertical-align: middle;
  text-indent: 0;
}
.calendar-header.mobile {
  padding-right: 6px;
}
.calendar-header-row {
  display: table;
  width: 100%;
}
.calendar-header-row.last {
  padding-top: 10px;
}
.calendar-range {
  display: table-cell;
  vertical-align: middle;
  padding-left: 8px;
  width: 1%;
}
.calendar-previous,
.calendar-today,
.calendar-next {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  height: 30px;
  color: #000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  margin-right: 5px;
  line-height: 29px;
}
.calendar-previous:hover,
.calendar-today:hover,
.calendar-next:hover {
  color: #1561A7;
}
.calendar-today {
  padding-left: 15px;
  padding-right: 15px;
}
.calendar-title {
  display: table-cell;
  vertical-align: middle;
  color: #000;
}
.calendar-header-row.last > .calendar-title {
  text-align: center;
}
.calendar-select {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  margin-left: 15px;
  margin-right: 15px;
}
.calendar-previous:hover::before,
.calendar-next:hover::before {
  color: #1561A7;
}
.calendar-previous::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 20px;
  width: 29px;
  content: '\E012';
  color: #000;
  text-align: center;
}
.calendar-next::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 20px;
  width: 29px;
  content: '\E013';
  color: #000;
  text-align: center;
}
.calendar-commands {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}
.calendar-mode,
.calendar-toggle-year,
.calendar-toggle-list {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 30px;
  line-height: 29px;
  cursor: pointer;
}
.calendar-mode {
  padding: 0 8px;
  min-width: 65px;
  border-top: 1px solid rgba(0, 0, 0, 0.23);
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
  border-left: 1px solid rgba(0, 0, 0, 0.23);
}
.calendar-mode.first {
  border-left: 1px solid rgba(0, 0, 0, 0.23);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.calendar-mode.last {
  border-right: 1px solid rgba(0, 0, 0, 0.23);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 5px;
}
.calendar-mode:hover {
  color: #1561A7;
}
.calendar-mode.selected {
  color: #2F3C45;
  background-color: #E9F0F6;
}
.calendar-mode-menu {
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
.calendar-toggle-year,
.calendar-toggle-list {
  margin-left: 5px;
}
.calendar-toggle-year:hover::before,
.calendar-toggle-list:hover::before {
  color: #1561A7;
}
.calendar-toggle-year::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 18px;
  width: 29px;
  content: '\E029';
  color: #000;
  text-align: center;
}
.calendar-toggle-list::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 18px;
  width: 29px;
  content: '\E01C';
  color: #000;
  text-align: center;
}
.calendar-component {
  display: flex;
  flex-direction: row;
  position: relative;
  float: left;
  line-height: 24px;
  height: 24px;
  min-height: 20px;
  width: calc(100% -  32px);
  text-align: left;
  color: #000;
  /* Default colors used when component has no specific class */
  background-color: #E9F0F6;
  /* Colors for type Appointment */
  /* Colors for type Task */
}
.calendar-component:not(.component-task):not(.component-month) {
  border-bottom: 2px solid transparent;
}
.calendar-component > .content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar-component > .calendar-component-leftcolorborder {
  flex-shrink: 0;
  top: 0;
  left: 0;
  width: 4px;
  margin-right: 4px;
  background-color: #C1DEF9;
  /* Default colors used when component has no specific class */
}
.calendar-component:hover {
  background-color: #C1DEF9;
}
.calendar-component:hover > .calendar-component-leftcolorborder {
  background-color: #1561A7;
}
.calendar-component.comp-selected {
  background-color: #74A8D8;
}
.calendar-component.comp-selected > .calendar-component-leftcolorborder {
  background-color: #1561A7;
}
.calendar-component.calendar-appointment {
  background-color: #FCF0E5;
}
.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {
  background-color: #FFBE6B;
}
.calendar-component.calendar-appointment:hover {
  background-color: #FDE1B1;
}
.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {
  background-color: #FE9915;
}
.calendar-component.calendar-appointment.comp-selected {
  background-color: #FFBE6B;
}
.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {
  background-color: #FE9915;
}
.calendar-component.calendar-task {
  background-color: #DCFBF5;
}
.calendar-component.calendar-task > .calendar-component-leftcolorborder {
  background-color: #67E9D1;
}
.calendar-component.calendar-task:hover {
  background-color: #BDF2E8;
}
.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {
  background-color: #67E9D1;
}
.calendar-component.calendar-task.comp-selected {
  background-color: #67E9D1;
}
.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {
  background-color: #1FC9AA;
}
.calendar-component-title {
  font-weight: bold;
}
.calendar-component-intro {
  font-size: 11px;
  color: #999999;
}
.calendar-list-container {
  display: inline-block;
  vertical-align: top;
  width: 0;
  padding: 0;
  overflow: hidden;
}
.calendar-list {
  width: 270px;
  padding: 0 0 0 30px;
  height: 100%;
}
.calendar-list > .calendar-component {
  cursor: pointer;
  height: auto;
  width: calc(100% - 10px);
  background-color: transparent !important;
  /* NOSONAR (required to override original component background color) */
  margin-top: 12px;
  color: #000;
}
.calendar-list-title {
  position: relative;
  width: calc(100% - 10px);
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  color: #000;
}
.calendar-list-title::after {
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -1px;
  content: '';
  background-color: #DADADA;
}
.calendar-grids {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.calendar-grid {
  display: block;
  height: calc(100% - 25px);
  padding-right: 20px;
}
.calendar-grid + .scroll-shadow {
  --scroll-shadow-inset-right: 20px;
}
.calendar-grid.mobile {
  padding-right: 6px;
}
.calendar-grid.mobile + .scroll-shadow {
  --scroll-shadow-inset-right: 6px;
}
.calendar-grid.calendar-grid-short {
  height: calc(100% - 105px);
}
.calendar-top-grid {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #DADADA;
  height: 105px;
  margin-right: 20px;
}
.calendar-top-grid.calendar-top-grid-short {
  height: 25px;
}
.calendar-top-grid.mobile {
  margin-right: 6px;
}
.calendar-week-header,
.calendar-week {
  display: block;
  width: 100%;
  white-space: nowrap;
}
.calendar-week-allday-container,
.calendar-week-allday-container > .calendar-week-name {
  height: 80px;
}
.calendar-week-allday-container > .calendar-day {
  padding-top: 30px;
}
.calendar-week-header,
.calendar-week-header > .calendar-day-name,
.calendar-week-header > .calendar-week-name {
  height: 25px;
}
.calendar-week {
  position: relative;
}
.calendar-week-name {
  width: 45px;
}
.calendar-day-name,
.calendar-week-name,
.calendar-day {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  /* draw over grid */
}
.calendar-day {
  padding: 0;
  /* helps to center days between 10 and 19 nicer */
}
.calendar-day:not(.calendar-no-label)::before {
  position: absolute;
  content: attr(data-day-name);
  color: #666666;
  left: 7px;
  top: 7px;
  z-index: 1;
  /* draw over calendar items */
}
.calendar-day.out {
  background-color: transparent;
}
.calendar-day.out::before {
  color: #CFCFCF;
}
.calendar-day.weekend::before {
  color: #014786;
}
.calendar-day.weekend-out {
  background-color: transparent;
}
.calendar-day.weekend-out::before {
  color: #74A8D8;
}
.calendar-day.now::before {
  color: #FE9915;
  font-weight: bold;
}
.calendar-day.selected.center-nice::before {
  padding-right: 2px;
}
.calendar-day .calendar-component {
  margin-left: 32px;
  margin-bottom: 1px;
  margin-top: 1px;
}
.calendar-day .calendar-component.component-month.compact {
  top: 30px;
  margin-left: 0;
  width: 100%;
}
.calendar-day .calendar-component.component-day,
.calendar-day .calendar-component.component-task {
  position: absolute;
  word-break: break-all;
  left: 0;
  margin: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.calendar-day .calendar-component.component-open-top {
  overflow: visible;
  padding-top: 10px;
  /* Compensate for open top padding */
}
.calendar-day .calendar-component.component-open-top > .calendar-component-leftcolorborder {
  height: calc(100% + 10px);
  top: -10px;
}
.calendar-day .calendar-component.component-open-top::before {
  position: absolute;
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  left: calc(50% - 8px);
  top: -8px;
  transform: rotate(45deg);
  background-color: #fff;
}
.calendar-day .calendar-component.component-open-bottom {
  overflow: visible;
  border-bottom: none;
  /* Compensate for calendar-component border */
}
.calendar-day .calendar-component.component-open-bottom::after {
  position: absolute;
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  left: calc(50% - 8px);
  bottom: -8px;
  transform: rotate(45deg);
  background-color: inherit;
}
.calendar-day.selected.now::before {
  left: 4px;
  top: 3px;
  font-weight: normal;
  border: solid 4px #FE9915;
  border-radius: 50%;
  background-color: #FE9915;
  color: #fff;
}
.calendar-day.selected::before {
  text-align: center;
  left: 4px;
  top: 3px;
  width: 23px;
  height: 23px;
  border: solid 4px #1561A7;
  border-radius: 50%;
  background-color: #1561A7;
  color: #fff;
}
.calendar-week-name {
  font-size: 11px;
  color: #999999;
  padding-top: 9px;
  text-align: center;
}
.calendar-day::after,
.calendar-day-name::after {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  background-color: #DADADA;
}
.calendar-week:not(.calendar-week-noborder)::after {
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  content: '';
  background-color: #DADADA;
}
.calendar-day-name::before {
  position: absolute;
  content: attr(data-day-name);
  color: #666666;
  left: 7px;
  bottom: 0;
  z-index: 1;
  /* draw over calendar items */
  line-height: 25px;
}
.calendar-week-axis {
  position: absolute;
  left: 39px;
  width: calc(100% - 45px + 6px);
}
.calendar-week-axis:not(.first)::after {
  position: absolute;
  height: 1px;
  width: 100%;
  content: '';
  background-color: rgba(0, 0, 0, 0.07);
}
.calendar-week-axis:not(.first).hour::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.calendar-week-axis:not(.first)::before {
  position: absolute;
  font-size: 12px;
  left: -35px;
  top: -8px;
  color: #999999;
  content: attr(data-axis-name);
}
.calendar-week-task {
  position: relative;
  left: 0;
  width: 100%;
}
.calendar-week-task::after {
  position: relative;
  height: 1px;
  width: 100%;
  content: '';
  background-color: #DADADA;
}
.calendar-week-task::before {
  position: absolute;
  font-size: 11px;
  top: 28px;
  left: 7px;
  color: #999999;
  content: attr(data-axis-name);
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.year-panel-container {
  display: inline-block;
  vertical-align: top;
  width: 0;
  overflow: hidden;
  position: relative;
}
.year-panel-title {
  position: relative;
  margin-left: 10px;
  width: calc(100% - 40px);
  height: 25px;
  white-space: nowrap;
}
.year-panel-title > .year-title-item {
  display: inline-block;
  padding-right: 15px;
  line-height: 25px;
  color: #999999;
  cursor: pointer;
  font-weight: bold;
}
.year-panel-title > .year-title-item.selected {
  color: #000;
  cursor: default;
}
.year-panel-title > .year-title-item:hover {
  color: #000;
}
.year-panel-title::after {
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -1px;
  content: '';
  background-color: #DADADA;
}
.year-panel-list {
  position: relative;
  width: 180px;
  margin-left: 10px;
  height: calc(100% -  25px);
  overflow: hidden;
}
.year-panel-list > .year-month {
  margin-top: 18px;
  margin-bottom: 8px;
  position: relative;
  padding-top: 20px;
  padding-right: 15px;
  float: left;
  width: 180px;
}
.year-panel-list > .year-month > .year-day {
  position: relative;
  float: left;
  width: 23px;
  text-align: right;
  color: #000;
  height: 24px;
  padding-right: 5px;
  line-height: 24px;
  cursor: pointer;
}
.year-panel-list > .year-month > .year-day.year-hover {
  background-color: #E9F0F6;
}
.year-panel-list > .year-month > .year-day.year-range {
  background-color: #E9F0F6;
}
.year-panel-list > .year-month > .year-day.year-range-day {
  background-color: #1561A7;
  color: #fff;
}
.year-panel-list > .year-month > .year-day.year-hover-day {
  background-color: #1561A7;
  color: #fff;
}
.year-panel-list > .year-month::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: attr(data-title);
  font-weight: bold;
  color: #000;
}
.year-panel-list > .year-month::after {
  position: absolute;
  bottom: 0;
  right: 19px;
  height: calc(100% - 20px);
  width: 26%;
  content: '';
  background-color: #666666;
  opacity: 0.1;
  pointer-events: none;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.date-picker-popup {
  position: absolute;
  width: 290px;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
  overflow: hidden;
}
.date-picker {
  position: relative;
}
.date-picker.touch-only :not(.selected):not(.disabled):not(:active):hover {
  background-color: inherit;
}
.date-picker-scrollable {
  position: relative;
  width: 100%;
}
.date-picker-month-box {
  position: relative;
  display: inline-block;
  width: 100%;
}
.date-picker-month {
  width: 100%;
  padding: 0 13px 13px 13px;
}
.date-picker-weekdays {
  color: #666666;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.date-picker-weekday {
  display: inline-flex;
  height: 36px;
  width: 32px;
  margin: 2px;
  justify-content: center;
  padding-top: 7px;
}
.date-picker-week {
  display: flex;
  justify-content: space-between;
}
.date-picker-day {
  display: inline-flex;
  width: 32px;
  height: 32px;
  margin: 2px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
}
.date-picker-day.date-picker-out,
.date-picker-day.date-picker-out-weekend {
  color: #808080;
}
.date-picker-day.date-picker-day-weekend-separator {
  margin-left: 5px;
}
.date-picker-day.date-picker-now {
  color: #AD6200;
  font-weight: bold;
}
.date-picker-day.date-picker-now > .text {
  border-bottom: 2px #AD6200 solid;
  margin-bottom: -2px;
}
.date-picker-day.preselected {
  background-color: rgba(0, 0, 0, 0.04);
}
.date-picker-day:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.date-picker-day:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.date-picker-day.selected {
  color: #fff;
  background-color: #1561A7;
  font-weight: bold;
}
.date-picker-day.selected.date-picker-now > .text {
  border-bottom-color: #fff;
}
.date-picker-day.disabled {
  color: #c1c1c1;
  background-color: inherit;
}
.date-picker-header {
  padding: 17px 10px 14px 10px;
}
.date-picker-separator {
  position: absolute;
  top: 98px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.date-picker-weekend-separator {
  position: absolute;
  top: 38px;
  height: calc(100% - 13px - 36px - 2px - 2px);
  width: 0;
  border-right: 1px rgba(0, 0, 0, 0.1) solid;
}
.date-picker-header-month {
  text-align: center;
  cursor: default;
  font-size: 18px;
  line-height: 30px;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date-picker-left-y,
.date-picker-left-m,
.date-picker-right-y,
.date-picker-right-m {
  width: 26px;
  height: 26px;
  margin: 3px 2px 6px 2px;
  padding-top: 4px;
  color: #999999;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
}
.date-picker-left-y:hover,
.date-picker-left-m:hover,
.date-picker-right-y:hover,
.date-picker-right-m:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.date-picker-left-y:active,
.date-picker-left-m:active,
.date-picker-right-y:active,
.date-picker-right-m:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.date-picker-left-y {
  float: left;
  margin-left: 5px;
}
.date-picker-left-m {
  float: left;
}
.date-picker-left-y::before {
  content: '\E010';
}
.date-picker-left-m::before {
  content: '\E012';
}
.date-picker-right-y {
  float: right;
  margin-right: 7px;
}
.date-picker-right-m {
  float: right;
}
.date-picker-right-y::before {
  content: '\E011';
}
.date-picker-right-m::before {
  content: '\E013';
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.desktop:focus {
  outline: none;
}
.desktop.has-navigation-handle > .splitter {
  height: calc(100% - 50px);
}
.desktop.in-background {
  background-color: #F5F5F5;
}
/* "Open URI" related rules */
.download-frame {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  /* Do _not_ use 'display: none', because that seems to interrupt the download in Safari */
}
/*
 * Copyright (c) 2014-2020 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-logo {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
  background-color: #fff;
}
.desktop-logo.clickable {
  cursor: pointer;
}
.desktop-logo > .image {
  height: 32px;
  min-width: 0;
  border: 1px solid #fff;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.dense {
  /* FormField.less */
  /* SmartField.less */
  /* MenuBar.less */
  /* GroupBox.less */
  /* TabBox.less */
  /* TableHeader.less */
  /* Table.less */
  /* TableFooter.less */
  /* DesktopBench.less */
  /* ContextMenuPopup.less */
  /* CheckBoxField.less */
  /* main.less */
  /* Button */
  /* RadioButton.less */
  /* LabelField.less */
  /* Tree.less */
  /* Outline.less */
  /* ValueField.less */
  /* TagBar.less */
  /* use default margin in the overflow popup, otherwise the tags sit on each other */
  /* TagField.less */
  /* BreadcrumbItem.less */
}
.dense .form-field > label {
  padding-top: 4px;
  /* @borderless-field-padding-y; */
  padding-bottom: 4px;
  /* @borderless-field-padding-y; */
}
.dense .smart-field > .field > .multiline-lines,
.dense .smart-field.read-only > .field > .multiline-lines,
.dense .smart-field.alternative > .field > .multiline-lines {
  line-height: 15px;
  padding-top: 2px;
  /* padding: 3px @text-field-padding-x; */
  padding-bottom: 2px;
}
.dense .proposal-chooser > .active-filter,
.dense .proposal-chooser > .status {
  height: 30px;
}
.dense .proposal-chooser > .active-filter > .radiobutton-group {
  height: 30px;
}
.dense .proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {
  height: 30px;
}
.dense .menubar:not(.main-menubar) > .menubar-box > .menu-item,
.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-item {
  padding-top: 3px;
  /* @menubar-item-padding-y; */
  padding-bottom: 3px;
  /* @menubar-item-padding-y; */
  /* By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed */
  min-height: 24px;
  /* @logical-grid-row-height; */
}
.dense .menubar:not(.main-menubar) > .menubar-box > .menu-button,
.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-button {
  padding-top: 2px;
  padding-bottom: 2px;
}
.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu {
  padding: 0;
}
.dense .menubar:not(.main-menubar) > .menubar-box > .form-field-menu {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.dense .group-box-header {
  margin-top: 6px;
  /* @group-box-title-margin-top; */
}
.dense .group-box-header > .title {
  padding-top: 6px;
  /* padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; */
  padding-bottom: 6px;
}
.dense .group-box-body {
  padding-top: 10px;
  /* padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; */
  padding-bottom: 8px;
  /* redefine */
}
.dense .group-box-body.y-padding-invisible {
  padding-top: 0;
  padding-bottom: 0;
}
.dense .tab-box-header {
  margin-top: 6px;
  /* @group-box-title-margin-top; */
}
.dense .tab-item > .title {
  padding-top: 6px;
  /* padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; */
  padding-bottom: 6px;
}
.dense .overflow-tab-item.menu-item {
  padding-top: 4px;
  /* padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; */
  padding-bottom: 4px;
}
.dense .table-header-item {
  margin-top: 2px;
  /* margin: @table-header-item-margin-y @table-header-item-margin-x  */
  margin-bottom: 2px;
  min-height: 24px;
  /* min-height: @table-header-item-min-height; */
}
.dense .table-header-resize {
  padding-top: 4px;
  /* 8px 8px; */
  padding-bottom: 4px;
}
.dense .table,
.dense .detail-table.table {
  --table-row-padding-y: 4px;
}
.dense .table-cell.table-node > .table-row-control {
  /* padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; */
  padding-top: 6px;
}
.dense .table-control-resize {
  height: 12px;
}
.dense .detail-table.table > .table-header > .table-header-item {
  margin-top: 2px;
  margin-bottom: 2px;
  min-height: 24px;
}
.dense .context-menu > .menu-item,
.dense .context-menu > .combo-menu > .menu-item {
  padding-top: 6px;
  /* padding: 11px 15px; */
  padding-bottom: 6px;
}
.dense .context-menu > .combo-menu {
  padding: 0;
}
.dense .check-box-field > .field {
  padding-top: 2px;
  /* padding: 6px 0; */
  padding-bottom: 2px;
}
.dense .input-field {
  padding-top: 2px;
  /* padding: @text-field-padding-y @text-field-padding-x; */
  padding-bottom: 2px;
}
.dense .button-field > .button {
  padding-top: 0;
  /*   padding: @button-padding-y @button-padding-x; */
  padding-bottom: 0;
  min-height: 24px;
}
.dense .button-field > .button > .icon {
  padding-top: 0;
  /* padding-top: 2px; */
  padding-bottom: 0;
  /* padding-bottom: 2px; */
}
.dense .radio-button > .field {
  padding-top: 2px;
  /*   padding: 6px 0; */
  padding-bottom: 2px;
}
.dense .radio-button > .field > .label {
  padding-top: 1px;
  /* padding-top: @radio-button-label-padding-top; */
}
.dense .label-field > .field {
  padding-top: 2px;
  /* padding-top: @borderless-field-padding-y; */
  padding-bottom: 2px;
  /* padding-bottom: @borderless-field-padding-y; */
}
.dense .tree-node {
  padding-top: 3px;
  /* padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; */
  padding-bottom: 3px;
}
.dense .tree-node-control {
  padding-top: 4px;
  padding-bottom: 3px;
}
.dense .outline.tree > .tree-data > .tree-node,
.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node {
  padding-top: 6px;
  /* padding-top: @outline-node-padding-y; */
  padding-bottom: 6px;
  /* padding-bottom: @outline-node-padding-y; */
}
.dense .outline.tree > .tree-data > .tree-node > .tree-node-control,
.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {
  padding-top: 6px;
  /* padding-top: @outline-node-control-padding-y; */
}
.dense .value-field > input,
.dense .value-field > .input-field,
.dense .value-field > .field > input,
.dense .value-field > .field > .input-field,
.dense .value-field > .file-input {
  /* Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height*/
  min-height: 24px;
}
.dense .tag-element,
.dense .overflow-icon {
  height: 20px;
  /* @tag-field-tag-height */
  line-height: 20px;
  /* @tag-field-tag-height */
  margin-top: 0;
  /* margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; */
}
.dense .tag-overflow-popup > .popup-body > .tag-element {
  margin-top: 3px;
}
.dense .tag-field > .field > input {
  padding-bottom: 1px;
}
.dense .breadcrumb-item {
  font-size: 13px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-bench {
  position: absolute;
  top: 0;
  background-color: #fff;
  border-left: 1px solid #DADADA;
  /* Make some space for the navigation handle (when the navigation is closed */
  /* Only do it if detail-table is at the bottom left corner */
}
.navigation-invisible > .desktop-bench {
  border-left: 0;
}
.desktop-bench.drop-shadow {
  border-left: 0;
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: calc(100% -  3px);
  box-shadow: -8px 0 10px 0 rgba(0, 0, 0, 0.1);
  clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);
}
.desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > .desktop-bench.drop-shadow {
  border-top-left-radius: 12px;
  overflow: hidden;
}
.desktop-bench.animate-remove {
  -webkit-animation-name: slideout-right;
  -moz-animation-name: slideout-right;
  -o-animation-name: slideout-right;
  animation-name: slideout-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area {
  background-color: #F5F5F5;
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area::before {
  display: none;
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab.last > .edge.right {
  z-index: 0;
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .sub-title {
  color: #666666;
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .status-container > .save-needer {
  color: rgba(0, 0, 0, 0.23);
}
.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area:not(.overflown) > .desktop-tab.last {
  margin-right: 0;
}
.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {
  margin-left: 30px;
}
.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls > .table-control.selected {
  border-left-color: #DADADA;
}
.desktop-bench > .splitter.x-axis {
  margin-left: -7px;
  margin-right: -7px;
}
.desktop-bench.outline-content-has-dimmed-background {
  background-color: #F5F5F5;
}
.detail-table.table {
  --table-row-margin-x: 10px;
  --table-row-padding-y: 10px;
  --table-aggregate-row-padding-y-small: 7px;
  --table-aggregate-row-padding-y-large: 20px;
}
.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px rgba(21, 97, 167, 0.8) solid;
  width: 100px;
  height: 100px;
}
.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.detail-table.table > .table-header {
  background-color: #F5F5F5;
  border-bottom-color: #DADADA;
}
.detail-table.table > .table-header > .table-header-item {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.detail-table.table > .table-header > .menubar-container > .menubar > .menubar-box > .menu-item.last {
  margin-right: 12px;
}
.detail-table.table > .table-footer {
  background-color: #fff;
}
.detail-table.table > .table-data > .scrollbar > .scrollbar-thumb.x-axis {
  padding-top: 4px;
}
.detail-table.table > .table-data > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,
.detail-table.table > .table-data > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {
  padding-top: 2px;
}
.detail-table.table > .table-data + .scroll-shadow {
  --scroll-shadow-size: 10px;
  --scroll-shadow-blur: 10px;
  --scroll-shadow-spread: 10px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.bench-column {
  position: absolute;
}
.bench-column > .splitter.y-axis {
  margin-top: -7px;
  margin-bottom: -7px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.group {
  position: relative;
}
.group-header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  color: inherit;
}
.group-header:focus {
  outline: none;
}
.group-header.disabled {
  cursor: default;
}
.group-header.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
  left: inherit;
  right: 0;
}
.group-header.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 16px;
  height: 16px;
}
.group-header.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.group-title {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.group-header:focus > .group-title {
  color: #1561A7;
  text-decoration: underline;
}
.group-title-suffix {
  margin-left: 8px;
  font-size: 14px;
}
.group-icon.with-title {
  margin-right: 8px;
}
.group-collapse-icon {
  /* Set to same height as before element to prevent header from getting larger */
  height: 16px;
  transition: transform 0.3s;
  margin-right: 8px;
  margin-top: -1px;
  /* since icon height is reduced it needs to be moved up a little to center it again */
}
.group-collapse-icon::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E014';
  font-size: 16px;
}
.group-collapse-icon.collapsed {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.group-header.collapse-right > .group-title {
  flex-grow: 1;
}
.group-header.collapse-right > .group-title-suffix {
  text-align: right;
}
.group-header.collapse-right > .group-collapse-icon {
  transition: transform 0s;
  margin-right: 0;
  margin-left: 8px;
  margin-top: 0;
}
.group-header.collapse-right > .group-collapse-icon::before {
  content: '\E014';
}
.group-header.collapse-right > .group-collapse-icon.collapsed {
  -webkit-transform: rotatex(180deg);
  -ms-transform: rotatex(180deg);
  transform: rotatex(180deg);
}
.group.collapse-bottom > .group-header.custom-header-widget {
  cursor: default;
}
.group.collapse-bottom > .group-body {
  margin-bottom: 0;
}
.group.collapse-bottom > .group-footer {
  display: flex;
}
.collapsible.group.collapse-bottom > .group-footer {
  cursor: pointer;
}
.group.collapse-bottom > .group-footer > .group-collapse-border {
  flex-grow: 1;
  margin-top: 8px;
  margin-bottom: 8px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #DADADA;
}
.group.collapse-bottom > .group-footer > .group-collapse-icon {
  transition: transform 0s;
  margin: 0;
}
.group.collapse-bottom > .group-footer > .group-collapse-icon::before {
  content: '\E015';
  padding: 0 4px;
}
.group.collapse-bottom > .group-footer > .group-collapse-icon.collapsed {
  -webkit-transform: rotatex(180deg);
  -ms-transform: rotatex(180deg);
  transform: rotatex(180deg);
}
.group.collapse-bottom > .group-footer:hover > .group-collapse-icon::before {
  color: #FE9915;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.simple-tab-box {
  position: absolute;
  min-width: 50px;
  min-height: 50px;
}
.simple-tab-box > .simple-tab-area {
  position: relative;
  height: 64px;
  /* Has the same effect as "border-bottom: 1px solid @border-color", but is over-drawable by child */
  /* elements (such as the selected view-tab). The border would not be, because of "overflow: hidden". */
}
.simple-tab-box > .simple-tab-area::before {
  content: '';
  background-color: #DADADA;
  width: 100%;
  height: 1px;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
}
.simple-tab-box > .tab-content {
  height: 100%;
  background-color: #fff;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.simple-tab-area {
  position: absolute;
  top: 0;
  white-space: nowrap;
  display: flex;
}
.simple-tab-area > .simple-overflow-tab-item {
  border-right: 1px solid #DADADA;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 30px;
  background-color: #F5F5F5;
  text-align: center;
  cursor: pointer;
}
.simple-tab-area > .simple-overflow-tab-item::after {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E014';
}
.simple-tab-area.spread-even:not(.overflown) > .simple-tab {
  flex-grow: 1;
}
.simple-tab-area.spread-even:not(.overflown) > .simple-tab.last {
  border-right-width: 0;
}
.simple-tab-area.spread-even > .simple-overflow-tab-item {
  border-right-width: 0;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.simple-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  background-color: #F5F5F5;
  border-right: 1px solid #DADADA;
  cursor: pointer;
  width: 120px;
  min-width: 60px;
}
.simple-tab > .title-line {
  display: flex;
  align-items: center;
}
.closable.simple-tab > .title-line {
  margin-right: 20px;
}
.simple-tab > .title-line > .icon-container {
  display: flex;
}
.simple-tab > .title-line > .icon-container > .icon {
  margin-right: 6px;
}
.simple-tab > .title-line > .icon-container > .icon.font-icon {
  font-size: 14px;
}
.simple-tab > .title-line > .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
.simple-tab > .title-line > .status-container {
  position: relative;
  display: inline-flex;
  margin-left: 4px;
  color: #808080;
}
.simple-tab > .title-line > .status-container > .status {
  margin-left: 5px;
}
.simple-tab > .closer {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  display: none;
}
:hover.simple-tab > .closer,
.closable.selected.simple-tab > .closer {
  display: inline-block;
}
.simple-tab > .sub-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
  color: #666666;
}
.simple-tab:hover > .title-line > .title {
  color: #1561A7;
}
.simple-tab:active > .title-line > .title {
  color: #1561A7;
}
.simple-tab.disabled {
  cursor: default;
}
.simple-tab.disabled > .title-line > .title {
  color: #808080;
}
.simple-tab.selected {
  cursor: default;
  background-color: #fff;
}
.simple-tab.selected > .title-line > .title {
  color: #000;
}
.simple-tab > .key-box {
  bottom: 4px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.carousel {
  overflow: hidden;
}
.carousel-filmstrip {
  transition: transform 200ms;
}
.carousel-item {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.carousel-status {
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}
.carousel-status > .status-item {
  color: #CFCFCF;
  display: inline;
  margin-right: 6px;
}
.carousel-status > .current-item {
  color: #000;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.collapse-handle {
  position: absolute;
  display: table;
  z-index: 10;
  bottom: 0;
  margin-bottom: 15px;
}
.collapse-handle.right-aligned {
  right: 0;
}
.collapse-handle.left-aligned {
  left: 0;
}
.collapse-handle-body {
  position: relative;
  display: table-cell;
  padding: 7px 8px;
  background-color: #fff;
  color: #5C5C5C;
  border: 1px solid #DADADA;
  border-radius: 8px;
  cursor: pointer;
}
.collapse-handle-body::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 16px;
}
.collapse-handle-body.left.both-visible {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.collapse-handle-body.left::before {
  content: '\E012';
}
.collapse-handle-body.right.both-visible {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.collapse-handle-body.right::before {
  content: '\E013';
}
.collapse-handle-body:hover {
  background-color: #e7e7e7;
}
.collapse-handle-body:active,
.collapse-handle-body.active {
  background-color: #dbdbdb;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-tab.simple-tab {
  width: 200px;
  min-width: 130px;
  margin: 8px 3px 0 0;
  padding: 10px 10px 0 20px;
  border-radius: 12px 12px 0 0;
  border: 0 solid transparent;
  border-bottom-width: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.closable.desktop-tab.simple-tab > .title-line {
  margin-right: 25px;
}
.desktop-tab.simple-tab > .title-line > .icon-container {
  color: rgba(255, 255, 255, 0.7);
}
.desktop-tab.simple-tab > .title-line > .title {
  font-size: 14px;
}
.desktop-tab.simple-tab > .title-line > .status-container {
  color: rgba(255, 255, 255, 0.7);
}
.desktop-tab.simple-tab > .title-line > .status-container > .save-needer {
  color: inherit;
}
.desktop-tab.simple-tab > .sub-title {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  letter-spacing: 0.2px;
  padding-top: 1px;
}
.desktop-tab.simple-tab > .closer {
  color: rgba(255, 255, 255, 0.7);
  padding: 4px;
  margin: 7px;
  border-radius: 8px;
}
.desktop-tab.simple-tab > .closer > .key-box {
  top: 0;
  right: 0;
}
.desktop-tab.simple-tab > .closer:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.14);
}
.desktop-tab.simple-tab > .closer:active,
.desktop-tab.simple-tab > .closer.active {
  background-color: rgba(0, 0, 0, 0.2);
}
.desktop-tab.simple-tab > .key-box {
  bottom: 9px;
  margin-left: 4px;
}
.desktop-tab.simple-tab.animate-modality-highlight {
  -webkit-animation-name: flash-desktop-tab;
  -moz-animation-name: flash-desktop-tab;
  -o-animation-name: flash-desktop-tab;
  animation-name: flash-desktop-tab;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.desktop-tab.simple-tab:hover,
.desktop-tab.simple-tab:active {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
.desktop-tab.simple-tab:hover > .title-line > .title,
.desktop-tab.simple-tab:active > .title-line > .title {
  color: inherit;
}
.desktop-tab.simple-tab.glasspane-parent {
  pointer-events: unset;
}
.desktop-tab.simple-tab.glasspane-parent:not(.disabled):not(.selected):hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.desktop-tab.simple-tab.glasspane-parent:not(.selected):hover > .closer {
  display: none;
}
.desktop-tab.simple-tab.disabled {
  background-color: transparent;
}
.desktop-tab.simple-tab.disabled > .title-line > .title {
  color: rgba(255, 255, 255, 0.4);
}
.desktop-tab.simple-tab.selected {
  background-color: #fff;
  border-color: transparent;
}
.desktop-tab.simple-tab.selected > .title-line > .icon-container {
  color: #808080;
}
.desktop-tab.simple-tab.selected > .title-line > .title {
  color: #000;
  font-weight: bold;
}
.desktop-tab.simple-tab.selected > .title-line > .status-container {
  color: #808080;
}
.desktop-tab.simple-tab.selected > .title-line > .status-container > .save-needer {
  color: rgba(0, 0, 0, 0.23);
}
.desktop-tab.simple-tab.selected > .sub-title {
  color: #666666;
}
.desktop-tab.simple-tab.selected > .closer {
  color: #999999;
}
.desktop-tab.simple-tab.selected > .closer:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.desktop-tab.simple-tab.selected > .closer:active,
.desktop-tab.simple-tab.selected > .closer.active {
  background-color: rgba(0, 0, 0, 0.12);
}
.desktop-tab.simple-tab.selected > .edge {
  --color: #fff;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  bottom: -5px;
  height: 12px;
  width: 12px;
  box-sizing: content-box;
  border: 5px solid var(--color);
  border-top: none;
}
.desktop-tab.simple-tab.selected > .edge.left {
  left: -12px;
  border-bottom-right-radius: 17px;
  border-left: none;
}
.desktop-tab.simple-tab.selected > .edge.right {
  right: -12px;
  border-bottom-left-radius: 17px;
  border-right: none;
}
.desktop-tab.simple-tab.selected > .edge.right {
  z-index: 1;
}
.desktop-tab.simple-tab.selected.first > .edge.left {
  display: none;
}
.desktop-tab.simple-tab.selected.animate-modality-highlight {
  -webkit-animation-name: flash-desktop-tab-selected;
  -moz-animation-name: flash-desktop-tab-selected;
  -o-animation-name: flash-desktop-tab-selected;
  animation-name: flash-desktop-tab-selected;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.desktop-tab.simple-tab.selected.animate-modality-highlight > .edge {
  -webkit-animation-name: flash-desktop-tab-selected-edge;
  -moz-animation-name: flash-desktop-tab-selected-edge;
  -o-animation-name: flash-desktop-tab-selected-edge;
  animation-name: flash-desktop-tab-selected-edge;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes flash-desktop-tab {
  0% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
  }
  50% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@keyframes flash-desktop-tab {
  0% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
  }
  50% {
    background-color: rgba(0, 0, 0, 0.1);
  }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@-webkit-keyframes flash-desktop-tab-selected {
  0% {
    background-color: #fff;
  }
  25% {
    background-color: #cccccc;
  }
  50% {
    background-color: #fff;
  }
  75% {
    background-color: #cccccc;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes flash-desktop-tab-selected {
  0% {
    background-color: #fff;
  }
  25% {
    background-color: #cccccc;
  }
  50% {
    background-color: #fff;
  }
  75% {
    background-color: #cccccc;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes flash-desktop-tab-selected-edge {
  0% {
    box-shadow: 0 12px 0 0 #fff;
  }
  25% {
    box-shadow: 0 12px 0 0 #cccccc;
  }
  50% {
    box-shadow: 0 12px 0 0 #fff;
  }
  75% {
    box-shadow: 0 12px 0 0 #cccccc;
  }
  100% {
    box-shadow: 0 12px 0 0 #fff;
  }
}
@keyframes flash-desktop-tab-selected-edge {
  0% {
    box-shadow: 0 12px 0 0 #fff;
  }
  25% {
    box-shadow: 0 12px 0 0 #cccccc;
  }
  50% {
    box-shadow: 0 12px 0 0 #fff;
  }
  75% {
    box-shadow: 0 12px 0 0 #cccccc;
  }
  100% {
    box-shadow: 0 12px 0 0 #fff;
  }
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-tab-area > .simple-overflow-tab-item {
  border-radius: 8px;
  margin: 14px 3px 6px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 0 solid transparent;
}
.desktop-tab-area > .simple-overflow-tab-item:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
.desktop-tab-area > .simple-overflow-tab-item.selected {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-header {
  position: absolute;
  top: 0;
  height: 64px;
  color: #fff;
  background-color: #1561A7;
}
.desktop-header > .simple-tab-area {
  height: 64px;
}
.navigation-invisible > .desktop-header > .simple-tab-area > .desktop-tab.selected > .edge.left {
  display: block;
}
.navigation-invisible > .desktop-header:not(.has-view-button-box) > .simple-tab-area {
  margin-left: 6px;
}
.desktop-header.animate-remove {
  -webkit-animation-name: slideout-right;
  -moz-animation-name: slideout-right;
  -o-animation-name: slideout-right;
  animation-name: slideout-right;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-front,
.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-back {
  animation-duration: 0s;
}
.in-background.desktop-header > .view-button-box > .view-menu-tab.selected {
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-button:hover,
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu::before {
  height: 100%;
  border-color: #1561A7;
  top: 0;
}
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover > .icon {
  background-color: transparent;
}
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected > .icon {
  background-color: transparent;
}
.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.selected {
  color: inherit;
  background-color: transparent;
}
.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.disabled {
  background-color: transparent;
}
.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected,
.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected {
  background-color: #F5F5F5;
}
.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected > .edge,
.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected > .edge {
  --color: #F5F5F5;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-navigation {
  position: absolute;
  height: 100%;
  width: 290px;
  min-width: 49px;
  background-color: #1561A7;
  color: #262626;
}
.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title {
  background-color: #1561A7;
  border-bottom: 0;
  color: #fff;
}
.desktop-navigation-breadcrumb {
  width: 240px;
}
.navigation-body {
  position: absolute;
  background-color: #fff;
}
.desktop-navigation.in-background > .navigation-body {
  background-color: #F5F5F5;
}
.desktop-navigation > .desktop-tool-box > .menu-item {
  margin-bottom: 6px;
}
.desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {
  font-size: 20px;
}
.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {
  font-size: 22px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-navigation-handle.collapse-handle {
  position: absolute;
}
.desktop-navigation-handle.collapse-handle > .collapse-handle-body {
  background-color: #fff;
  border-color: #DADADA;
  color: #5C5C5C;
}
.desktop-navigation-handle.collapse-handle > .collapse-handle-body:hover {
  background-color: #e7e7e7;
}
.desktop-navigation-handle.collapse-handle > .collapse-handle-body:active,
.desktop-navigation-handle.collapse-handle > .collapse-handle-body.active {
  background-color: #dbdbdb;
}
.desktop-navigation-handle.collapse-handle.right-aligned.both-visible {
  right: 5px;
}
.desktop-navigation-handle.collapse-handle.right-aligned:not(.both-visible) > .collapse-handle-body {
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.desktop-navigation-handle.collapse-handle.left-aligned.both-visible {
  right: 5px;
}
.desktop-navigation-handle.collapse-handle.left-aligned:not(.both-visible) > .collapse-handle-body {
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.navigation-handle-key-box {
  margin-top: -6px;
}
.navigation-handle-key-box.left {
  margin-right: -4px;
}
.navigation-handle-key-box.right {
  margin-left: -4px;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-notifications {
  position: fixed;
  right: 10px;
  top: 0;
  height: calc(100% -  72px);
  width: 300px;
  margin-top: 72px;
  pointer-events: none;
  /* Don't block access to the elements in the background */
}
/*** Animation: slide-in ***/
@-webkit-keyframes desktop-notification-slide-in {
  0% {
    left: 300px;
    margin-bottom: 0;
  }
  80% {
    left: 15px;
  }
  100% {
    left: 0;
    margin-bottom: 10px;
  }
}
@keyframes desktop-notification-slide-in {
  0% {
    left: 300px;
    margin-bottom: 0;
  }
  80% {
    left: 15px;
  }
  100% {
    left: 0;
    margin-bottom: 10px;
  }
}
/**
 * Slides in the notification from the right end of the screen
 * and increases the size of the bottom margin to move down existing
 * notifications.
 */
.desktop-notification-slide-in {
  -webkit-animation-name: desktop-notification-slide-in;
  -moz-animation-name: desktop-notification-slide-in;
  -o-animation-name: desktop-notification-slide-in;
  animation-name: desktop-notification-slide-in;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/*** Animation: fade-out ***/
@-webkit-keyframes desktop-notification-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes desktop-notification-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.desktop-notification-fade-out {
  -webkit-animation-name: desktop-notification-fade-out;
  -moz-animation-name: desktop-notification-fade-out;
  -o-animation-name: desktop-notification-fade-out;
  animation-name: desktop-notification-fade-out;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.desktop-notification {
  position: relative;
  width: 300px;
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 8px 0 8px 10px;
  border-radius: 8px;
  pointer-events: auto;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  /* Prevent overlay of text/loader and close icon */
}
.desktop-notification.no-icon {
  padding: 16px 12px 16px 23px;
}
.desktop-notification.closable {
  padding-right: 35px;
}
.desktop-notification-content {
  max-width: 100%;
}
.has-icon > .desktop-notification-content {
  max-width: calc(100% - 40px);
  margin-left: 10px;
}
.ok > .desktop-notification-content {
  color: #00856C;
  font-weight: bold;
}
.no-icon.ok > .desktop-notification-content::before {
  content: '';
  position: absolute;
  border: 2px solid #00856C;
  background-color: #00856C;
  margin: 7px 0 7px 8px;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 0;
  height: calc(100% -  7px * 2);
}
.no-icon.info > .desktop-notification-content::before {
  content: '';
  position: absolute;
  border: 2px solid #1561A7;
  background-color: #1561A7;
  margin: 7px 0 7px 8px;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 0;
  height: calc(100% -  7px * 2);
}
.warning > .desktop-notification-content {
  color: #AD6200;
  font-weight: bold;
}
.no-icon.warning > .desktop-notification-content::before {
  content: '';
  position: absolute;
  border: 2px solid #AD6200;
  background-color: #AD6200;
  margin: 7px 0 7px 8px;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 0;
  height: calc(100% -  7px * 2);
}
.error > .desktop-notification-content {
  color: #D53F3F;
  font-weight: bold;
}
.no-icon.error > .desktop-notification-content::before {
  content: '';
  position: absolute;
  border: 2px solid #D53F3F;
  background-color: #D53F3F;
  margin: 7px 0 7px 8px;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 0;
  height: calc(100% -  7px * 2);
}
.desktop-notification-content > .closer {
  position: absolute;
  padding: 4px;
  margin: 2px;
  right: 9px;
  top: 9px;
}
.desktop-notification-content > .closer:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.ok > .desktop-notification-content > .closer {
  color: #00856C;
}
.warning > .desktop-notification-content > .closer {
  color: #AD6200;
}
.error > .desktop-notification-content > .closer {
  color: #D53F3F;
}
.desktop-notification-message {
  overflow: hidden;
  text-overflow: ellipsis;
}
.desktop-notification.loading > .desktop-notification-content.offline-message > .desktop-notification-message.offline-message-text {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #000;
}
.desktop-notification-loader {
  flex-grow: 0;
  flex-shrink: 0;
}
.desktop-notification-loader.animated::after {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 16px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 14px;
  height: 14px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.outline.tree > .tree-data {
  padding-top: 16px;
}
.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb.y-axis {
  padding-left: 2px;
}
.outline.tree > .tree-data > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,
.outline.tree > .tree-data > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {
  padding-left: 0;
}
.outline.tree > .tree-data > .key-box {
  top: 7px;
}
.outline.tree > .tree-data > .tree-node,
.outline.tree > .tree-data > .animation-wrapper > .tree-node {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  /* padding-right is used to leave some space for the scrollbar */
  padding: 9px 8px 9px 37px;
}
.outline.tree > .tree-data > .tree-node.group,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {
  background-color: #E9F0F6;
}
.outline.tree > .tree-data > .tree-node > .text,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {
  font-size: 13px;
}
.outline.tree > .tree-data > .tree-node > .image-icon,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .image-icon {
  margin-top: auto;
}
.outline.tree > .tree-data > .tree-node > .font-icon,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .font-icon {
  line-height: 15px;
  font-size: 16px;
  color: #999999;
}
.outline.tree > .tree-data > .tree-node > .menubar,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .menubar {
  border: 0;
  background-color: inherit;
}
.outline.tree > .tree-data > .tree-node > .tree-node-control,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {
  padding-top: 9px;
  padding-left: 20px;
  line-height: 15px;
  color: #999999;
}
.outline.tree > .tree-data > .tree-node > .tree-node-control:hover,
.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {
  color: #FE9915;
}
.outline.tree > .tree-data > .tree-node.selected,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {
  color: #fff;
  background-color: #1561A7;
}
.outline.tree > .tree-data > .tree-node.selected::after,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected::after {
  display: none;
}
.outline.tree > .tree-data > .tree-node.selected > .tree-node-control,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {
  color: rgba(255, 255, 255, 0.7);
}
.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {
  color: #FE9915;
}
.outline.tree > .tree-data > .tree-node.selected > .font-icon,
.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {
  color: rgba(255, 255, 255, 0.7);
}
.outline.tree.in-background > .tree-data > .tree-node.group,
.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {
  background-color: #e8e8e8;
}
.outline.tree.in-background > .tree-data > .tree-node.selected,
.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {
  background-color: #808080;
  color: #fff;
}
.outline-title {
  cursor: pointer;
  color: #1561A7;
  font-size: 19px;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #DADADA;
  display: flex;
  align-items: center;
  height: 64px;
}
.outline-title > .icon {
  padding-right: 10px;
}
.outline-title > .key-box {
  top: 19px;
}
.outline-title > .text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.outline-title > .menubar {
  background-color: transparent;
  border: none;
  width: auto;
  flex-grow: 0;
  margin-right: -10px;
}
.outline-title > .menubar > .menubar-box > .menu-item.last {
  margin-right: 0;
}
/* bread crumb style (different colors and bigger font and arrow than original breadcrumb style) */
.outline.tree.breadcrumb > .outline-title {
  margin: 0;
  border-bottom-color: #DADADA;
}
.outline.tree.breadcrumb > .outline-title.touch:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.outline.tree.breadcrumb > .tree-data {
  padding-top: 0;
}
.outline.tree.breadcrumb > .tree-data > .tree-node,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {
  border-bottom: 1px solid #DADADA;
  padding: 12px 20px;
}
.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {
  background-color: #fff;
}
.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,
.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {
  background-color: transparent;
}
.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected:active,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {
  color: #4C4C4C;
  background-color: #fff;
}
.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,
.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {
  background-color: transparent;
}
.outline.tree.breadcrumb > .tree-data > .tree-node:active,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {
  background-color: rgba(0, 0, 0, 0.08);
}
.outline.tree.breadcrumb > .tree-data > .tree-node.selected,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {
  background-color: #1561A7;
  color: #fff;
  cursor: default;
}
.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.selected,
.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {
  background-color: #808080;
}
.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,
.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right {
  display: none;
}
.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-content.has-header,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-content.has-header,
.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header,
.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header {
  display: none;
}
.outline.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected,
.outline.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected,
.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected,
.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected {
  border-color: #DADADA;
}
.outline.tree.breadcrumb:focus > .tree-data > .tree-node.selected,
.outline.tree.breadcrumb.focused > .tree-data > .tree-node.selected,
.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected,
.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected {
  border-color: #DADADA;
}
.compact.outline.breadcrumb > .outline-title {
  padding-left: 16px;
  padding-right: 16px;
}
.compact.outline.breadcrumb > .outline-title > .menubar {
  margin-right: -8px;
}
.compact.outline.breadcrumb > .tree-data {
  background-color: #F5F5F5;
}
.compact.outline.breadcrumb > .tree-data > .tree-node {
  padding: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .text {
  display: inline-block;
  padding: 14px 16px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.has-icon > .text {
  padding-left: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .icon {
  padding: 14px 8px 14px 16px;
  min-width: 16px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar {
  width: auto;
  flex-grow: 0;
  padding: 0 8px 0 0;
  min-height: 43px;
  height: 43px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item {
  color: inherit;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar {
  padding: 0 16px 0 16px;
  min-height: 43px;
  margin-left: -8px;
  background-color: #fff;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item {
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 2px;
  margin-right: 2px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.first {
  margin-left: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.last {
  margin-right: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon {
  min-width: 16px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content {
  background-color: #fff;
  color: #262626;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content.dimmed-background {
  background-color: #F5F5F5;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .root-group-box > .group-box-body {
  padding-left: 6px;
  padding-right: 16px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .right-padding-invisible > .group-box-body {
  padding-right: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected {
  display: flex;
  flex-wrap: wrap;
  background-clip: content-box;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.child-of-selected.animate-prev-selected {
  -webkit-animation-name: tree-node-prev-selection;
  -moz-animation-name: tree-node-prev-selection;
  -o-animation-name: tree-node-prev-selection;
  animation-name: tree-node-prev-selection;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  -o-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.compact-root:not(.selected) {
  display: none;
}
.compact.outline.breadcrumb > .tree-data.detail-content-visible > .tree-node > .detail-menubar {
  border-bottom: 1px solid #DADADA;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {
  background-color: transparent;
  color: #262626;
  border-bottom: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .text,
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .icon {
  display: none;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-content {
  margin-left: 20px;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-title {
  display: none;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form {
  background-color: transparent;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form > .tile-overview-content {
  margin-top: 0;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .menu-item {
  color: #262626;
}
.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview ~ .child-of-selected {
  display: none;
}
/*** Previous Selection Animation ***/
@-webkit-keyframes tree-node-prev-selection {
  00% {
    background-color: rgba(0, 0, 0, 0.08);
  }
  100% {
    background-color: #fff;
  }
}
/* NOSONAR */
@keyframes tree-node-prev-selection {
  00% {
    background-color: rgba(0, 0, 0, 0.08);
  }
  100% {
    background-color: #fff;
  }
}
/* NOSONAR */
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.search-outline.tree > .outline-title {
  border-bottom: none;
  margin-bottom: 0;
}
.search-outline-panel {
  position: relative;
  border-bottom: 1px solid #DADADA;
  padding: 0 20px 16px 20px;
}
.search-outline-field {
  border: 1px solid rgba(0, 0, 0, 0.23);
  height: 34px;
  border-radius: 5px;
  width: 100%;
}
.search-outline-field:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.search-outline-field.has-text {
  padding-right: 25px;
}
.search-outline-field.has-text + .clear-icon {
  display: flex;
}
.search-outline-field + .clear-icon {
  display: none;
  position: absolute;
  margin-right: 5px;
  right: 20px;
  top: 0;
  height: 34px;
}
.search-outline-status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  padding-right: 8px;
  text-align: right;
  padding-top: 12px;
  margin-bottom: -4px;
}
.outline.breadcrumb > .search-outline-panel {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom-color: #DADADA;
}
.outline.breadcrumb > .search-outline-panel > .search-outline-status {
  text-align: left;
  padding-left: 8px;
}
.compact.outline.breadcrumb > .search-outline-panel {
  padding-left: 16px;
  padding-right: 16px;
}
.compact.outline.breadcrumb > .search-outline-panel > .search-outline-field + .clear-icon {
  right: 16px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.navigate-button.menu-button > .font-icon {
  font-size: 18px;
}
.navigate-button.up {
  color: #1561A7;
  border-color: #1561A7;
}
.menubar-box > .menu-button.navigate-button.up {
  margin-right: 6px;
}
.menubar-box > .menu-button.navigate-button.down.left-of-button {
  margin-right: 16px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.outline-overview {
  position: relative;
  height: 100%;
  width: 100%;
  display: table;
}
.outline-overview-content {
  color: #999999;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 150px;
}
.outline-overview-icon {
  font-size: 40px;
  padding-bottom: 20px;
}
.outline-overview-title {
  font-size: 20px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.popup-blocked-title {
  margin-right: 15px;
  /* leave space for close icon */
}
.popup-blocked-link {
  display: block;
  margin-top: 10px;
  outline: none;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.desktop-tool-box {
  position: absolute;
  top: 0;
  margin: 0 3px;
  min-height: 64px;
  display: inline-flex;
  justify-content: flex-end;
  white-space: nowrap;
  color: #fff;
}
.desktop-tool-box-item.menu-item {
  font-size: 14px;
  margin: 14px 3px;
  padding: 0 14px;
  border-radius: 8px;
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.desktop-tool-box-item.menu-item.compact {
  padding-left: 10px;
  padding-right: 10px;
}
.desktop-tool-box-item.menu-item.compact > .submenu-icon {
  display: none;
}
.desktop-tool-box-item.menu-item > .font-icon {
  font-size: 14px;
}
.desktop-tool-box-item.menu-item > .icon.image-icon {
  /* Increase max image height, no need to limit it to 16px */
  max-height: 32px;
}
.desktop-tool-box-item.menu-item:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
}
.desktop-tool-box-item.menu-item.selected.has-popup {
  color: inherit;
  background-color: rgba(0, 0, 0, 0.3);
}
.desktop-tool-box-item.menu-item.disabled {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.4);
}
/* key boxes */
.desktop-tool-box-item.menu-item .key-box {
  bottom: 6px;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.view-tab-wrapper {
  display: flex;
  width: 56px;
}
.view-tab {
  position: relative;
  border-radius: 8px;
  margin: 14px 6px 6px;
}
.view-tab > .key-box {
  bottom: 9px;
}
.view-tab.in-background {
  border-radius: 12px;
}
.view-tab > .edge {
  position: absolute;
}
.view-tab.selected:not(.in-background) {
  margin: 8px 0 0;
  border-radius: 12px 12px 0 0;
}
.view-tab.selected:not(.in-background) > .edge {
  --color: #fff;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  bottom: -5px;
  height: 12px;
  width: 12px;
  box-sizing: content-box;
  border: 5px solid var(--color);
  border-top: none;
}
.view-tab.selected:not(.in-background) > .edge.left {
  left: -12px;
  border-bottom-right-radius: 17px;
  border-left: none;
}
.view-tab.selected:not(.in-background) > .edge.right {
  right: -12px;
  border-bottom-left-radius: 17px;
  border-right: none;
}
.view-tab.selected:not(.in-background) > .edge.right {
  z-index: 1;
}
.view-tab.selected:not(.in-background) > .key-box {
  bottom: 15px;
}
.view-tab.animate-bring-to-front,
.view-tab.animate-bring-to-back {
  transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;
  animation: nop 200ms ease-out;
}
.view-tab.animate-bring-to-front:not(.in-background) > .edge.left,
.view-tab.animate-bring-to-back:not(.in-background) > .edge.left {
  visibility: hidden;
  animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;
}
.view-tab.animate-bring-to-front:not(.in-background) > .edge.right,
.view-tab.animate-bring-to-back:not(.in-background) > .edge.right {
  visibility: hidden;
  animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;
}
.view-button-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  width: calc(100% -  2 * 6px);
}
.view-button-tab:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
.view-button-tab.selected {
  background-color: #fff;
  color: #1561A7;
}
.view-button-tab.selected.in-background {
  background-color: #F5F5F5;
}
.view-button-tab.selected:not(.in-background) {
  width: 100%;
}
.view-button-tab.disabled {
  color: rgba(255, 255, 255, 0.4);
}
.view-button-tab.disabled:hover {
  cursor: default;
  color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
}
.view-button-tab.disabled.selected {
  color: #666666;
}
.view-button-tab > .icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 20px;
}
@keyframes show-view-tab-left-edge {
  0% {
    visibility: visible;
    left: -5px;
  }
  100% {
    left: -12px;
  }
}
@keyframes show-view-tab-right-edge {
  0% {
    visibility: visible;
    right: -5px;
  }
  100% {
    right: -12px;
  }
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.view-button-box {
  display: inline-flex;
  min-height: 64px;
  max-height: 64px;
  white-space: nowrap;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  overflow: visible;
  /* necessary if it is in the header to make rounded corner overlap into tab area */
  position: relative;
  /* if covered by glass pane */
  background-color: #1561A7;
  color: #fff;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.view-menu-tab {
  display: flex;
  background-color: rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}
.view-menu-tab > .view-button,
.view-menu-tab > .view-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
}
.view-menu-tab > .view-button:hover,
.view-menu-tab > .view-menu:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: inherit;
}
.view-menu-tab > .view-button.disabled,
.view-menu-tab > .view-menu.disabled {
  color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
  cursor: default;
}
.animate-bring-to-front.view-menu-tab > .view-button,
.animate-bring-to-front.view-menu-tab > .view-menu,
.animate-bring-to-back.view-menu-tab > .view-button,
.animate-bring-to-back.view-menu-tab > .view-menu {
  transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;
}
.view-menu-tab > .view-button {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 50px;
}
.view-menu-tab > .view-button > .icon {
  font-size: 26px;
}
.view-menu-tab > .view-menu {
  position: relative;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 44px;
}
.selected-button-invisible.view-menu-tab > .view-menu {
  border-radius: 8px;
}
.view-menu-tab > .view-menu > .icon {
  font-size: 24px;
}
.view-menu-tab > .view-menu::before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 1px solid #1561A7;
  left: 0;
}
.selected-button-invisible.view-menu-tab > .view-menu::before {
  display: none;
}
.view-menu-tab > .view-menu.selected {
  background-color: rgba(0, 0, 0, 0.2);
}
.view-menu-tab.in-background > .view-button {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.view-menu-tab.in-background > .view-menu {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.selected-button-invisible.view-menu-tab.in-background > .view-menu {
  border-radius: 12px;
}
.view-menu-tab.selected {
  color: #1561A7;
  background-color: #fff;
}
.view-menu-tab.selected > .view-button.selected,
.view-menu-tab.selected > .view-menu.selected,
.view-menu-tab.selected > .view-button:hover,
.view-menu-tab.selected > .view-menu:hover {
  background-color: transparent;
}
.view-menu-tab.selected > .view-button.disabled,
.view-menu-tab.selected > .view-menu.disabled {
  color: #666666;
}
.view-menu-tab.selected > .view-menu {
  width: 44px;
}
.view-menu-tab.selected > .view-menu > .icon {
  font-size: 26px;
  padding: 7px;
  border-radius: 8px;
}
.view-menu-tab.selected > .view-menu:hover > .icon {
  background-color: rgba(0, 0, 0, 0.08);
}
.view-menu-tab.selected > .view-menu.disabled > .icon {
  background-color: transparent;
}
.view-menu-tab.selected > .view-menu.selected > .icon {
  background-color: rgba(0, 0, 0, 0.12);
}
.view-menu-tab.selected > .view-menu::before {
  top: 10px;
  height: calc(100% - 20px);
  border-color: #DADADA;
}
.view-menu-tab.selected.in-background {
  background-color: #F5F5F5;
}
.view-menu-tab.selected.in-background > .view-menu > .icon {
  padding-top: 2px;
  padding-bottom: 2px;
}
.view-menu-tab.selected:not(.in-background) {
  border-top-left-radius: 0;
  margin-left: 0;
  margin-right: 6px;
}
.view-menu-tab.selected:not(.in-background) > .view-button {
  padding-left: 6px;
  width: 56px;
  cursor: default;
}
.selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {
  width: 50px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.view-menu-popup.widget-popup {
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  border: 0;
  margin: 5px;
  overflow: hidden;
}
.view-menu-popup.widget-popup > .tile-grid.scrollable {
  padding: 10px;
}
.view-menu-popup.widget-popup > .tile-grid.no-icons > .view-menu-tile {
  min-height: 66px;
}
.view-menu-tile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  color: #1561A7;
  background-color: #FAFAFA;
  border-radius: 12px;
  border: 2px solid transparent;
  padding: 12px 6px 0 6px;
  min-height: 110px;
  cursor: pointer;
}
.view-menu-tile > .icon {
  font-size: 24px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.view-menu-tile > .label {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}
.view-menu-tile.text-only {
  justify-content: center;
  padding: 12px 8px;
}
.view-menu-tile.text-only > .label {
  font-size: 13px;
}
.view-menu-tile.selected {
  border-color: #1561A7;
}
.view-menu-tile:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.view-menu-tile.disabled {
  color: #808080;
  cursor: default;
}
.view-menu-tile.disabled:hover {
  background-color: #FAFAFA;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.file-chooser {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 473px;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  /* Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) */
}
.file-chooser > .box-buttons > .box-button {
  border-color: #1561A7;
  color: #1561A7;
}
.file-chooser > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.file-chooser > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.file-chooser > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.file-chooser > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #1561A7;
}
.file-chooser > .box-buttons > .box-button.default:hover {
  background-color: #12518c;
  border-color: #12518c;
}
.file-chooser > .box-buttons > .box-button.default.active,
.file-chooser > .box-buttons > .box-button.default:active {
  background-color: #0e3f6c;
  border-color: #0e3f6c;
}
.file-chooser > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.file-chooser > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.file-chooser.calc-helper {
  top: 0;
  left: 0;
}
.file-chooser.animate-open {
  -webkit-animation-name: short-drop;
  -moz-animation-name: short-drop;
  -o-animation-name: short-drop;
  animation-name: short-drop;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.file-chooser.animate-modality-highlight {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.file-chooser-content {
  border: 0 solid #DADADA;
  border-radius: 8px;
  padding: 26px;
}
.file-chooser-content > .legacy-upload-form > .legacy-upload-file-input {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 5px;
}
.file-chooser-title {
  text-align: center;
  word-wrap: break-word;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #1561A7;
}
.file-chooser-label {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.file-chooser-buttons {
  display: flex;
  justify-content: center;
  padding: 0 26px 26px 26px;
}
.file-chooser-files {
  position: relative;
  min-height: 100px;
  max-height: 200px;
  border-top: 1px solid #DADADA;
  padding-top: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 20px;
}
.file-chooser-files > .file {
  text-indent: -20px;
  word-break: break-all;
  margin-bottom: 4px;
}
.file-chooser-files > .file::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E003';
  float: left;
  width: 20px;
  padding-left: 2px;
}
.file-chooser-files > .file > .remove {
  line-height: normal;
  /* override line-height of .menu-item */
  display: inline;
}
@media (max-width: 473px) {
  .file-chooser {
    margin: 0;
    /* no need to have a margin on small screens */
  }
  .file-chooser > .box-buttons {
    padding: 0 13px 26px 13px;
    /* use less x-padding for buttons so that more text can be shown */
  }
  .file-chooser > .box-buttons > .box-button {
    margin-right: 4px;
    min-width: 70px;
    /* less min width for buttons on small screens */
  }
  .file-chooser > .box-buttons > .box-button:last-child {
    margin-right: 0;
  }
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.file-input {
  cursor: pointer;
  /* Don't allow text selection because mouse down opens the chooser.
   * Reason: The browser would still be in selecting mode after the chooser closes,
   * every click outside of the field would immediately open the chooser again (at least in FF).
   */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.file-input:not(.disabled):not(.alternative):active {
  background-color: transparent;
}
.file-input.alternative:not(.disabled):active {
  border-bottom-color: #1561A7;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
.file-input.has-error:not(.disabled):not(.alternative):active {
  background-color: #FEE0E0;
}
.file-input.has-error.alternative:not(.disabled):active {
  border-bottom-color: #D53F3F;
}
.file-input.disabled {
  cursor: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.legacy-upload-form > .legacy-upload-file-input {
  width: 100%;
}
.legacy-upload-form > .legacy-upload-file-input > iframe {
  display: none;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.form {
  position: relative;
}
.form.dimmed-background {
  background-color: #F5F5F5;
}
.form.dimmed-background > .root-group-box > .menubar {
  background-color: inherit;
}
.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {
  background-color: inherit;
}
.mobile-view > .header > .title {
  font-weight: bold;
}
.dialog {
  position: absolute;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 12px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  /* minimum padding to desktop */
  margin: 10px 10px 15px;
  /* min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small
     You can overrule these values with a specific CSS class on a dialog/form when you require a
     larger or smaller min-size. */
  min-width: 250px;
  min-height: 100px;
  top: 0;
  /* must be specified otherwise dialogs will be positioned at end of document and increase document size */
  /* remove border and rounded corners in full screen mode */
}
.dialog > .header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.dialog > .root-group-box {
  border-radius: 12px;
}
.header-visible.dialog > .root-group-box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dialog.animate-open {
  -webkit-animation: fade-in ease-in 1;
  -moz-animation: fade-in ease-in 1;
  -o-animation: fade-in ease-in 1;
  animation: fade-in ease-in 1;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
}
.dialog.animate-modality-highlight {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.dialog.full-width,
.dialog.full-height {
  border-radius: 0;
}
.dialog.full-width {
  border-right: 0;
  border-left: 0;
}
.dialog.full-height {
  border-bottom: 0;
}
.dialog > .resizable-nw,
.dialog > .resizable-n,
.dialog > .resizable-ne {
  margin-top: -5px;
}
.form > .header {
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 10px;
  overflow: hidden;
}
.form > .header.no-title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.form > .header.no-title > .title,
.form > .header.no-title > .sub-title {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
.form > .header > .icon-container {
  float: left;
}
.form > .header > .icon-container > .icon {
  margin-right: 6px;
  vertical-align: middle;
}
.form > .header > .icon-container > .icon.font-icon {
  font-size: 16px;
}
.form > .header > .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #000;
  margin-top: 1px;
}
.form > .header > .sub-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666666;
}
.form > .header > .status-container {
  float: right;
  margin-top: -8px;
  margin-right: -2px;
}
.form > .header > .status-container > .status {
  /* make sure close icon overlaps drag-handle */
  position: relative;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.form > .header > .status-container > .status.closer {
  border-radius: 7px;
  margin-left: 7px;
  padding: 7px;
}
@media (max-width: 375px) {
  .dialog {
    /* no need to have a margin on small screens */
    /* otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item */
    margin: 0;
  }
  .dialog > .resizable-handle {
    /* Remove handle, it is not useful anymore
         and it increases the dialog size which has the effect that the body may be scrolled (on iphone).
         Important is necessary because jquery ui sets it to display: block using inline style */
    display: none !important;
    /* NOSONAR (see comment above)*/
  }
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.form-menu-popup > .form > .root-group-box > .main-menubar {
  background-color: transparent;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.scout-info-form-container {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}
.scout-info-form-logo-container {
  flex: none;
}
.scout-info-form-text-container {
  flex-grow: 1;
}
.scout-info-form-logo {
  display: inline-block;
  max-height: 100px;
  max-width: 200px;
  margin-right: 20px;
}
.scout-info-form-table {
  border-spacing: 0;
}
.scout-info-form-table-cell-description {
  padding-right: 10px;
  vertical-align: top;
}
.scout-info-form-table-cell-value {
  vertical-align: top;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.text-field-icon {
  display: flex;
  align-items: center;
  margin: 0 2px;
  cursor: text;
}
.text-field-icon::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: #808080;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-field-icon.clear-icon::before {
  content: '\E045';
  font-size: 14px;
}
.text-field-icon.action {
  cursor: pointer;
}
.text-field-icon.action:hover::before {
  color: #262626;
  background-color: rgba(0, 0, 0, 0.08);
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.form-field {
  /* FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container */
  position: relative;
  /* Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) */
  /* Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) */
}
.form-field > label {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 9px;
  padding-bottom: 8px;
  margin-left: 10px;
  /* Add small spacing between label and field */
  padding-right: 10px;
  color: #666666;
  font-size: 12px;
}
.disabled.form-field > label {
  color: #999999;
}
.read-only.form-field > label {
  color: #666666;
}
.form-field > label.top {
  color: #666666;
  font-size: 11px;
  padding-bottom: 4px;
}
.alternative.form-field > label.top {
  /* Reduce space between input and label if there is no border */
  padding-bottom: 0;
}
.disabled.form-field > label.top {
  color: #999999;
}
.read-only.form-field > label.top {
  color: #666666;
}
.focused.form-field > label {
  color: #1561A7;
}
.has-error.form-field > label {
  color: #D53F3F;
}
.form-field > .field {
  position: absolute;
}
.form-field.borderless-field-padding-y > .field {
  padding-top: 8px;
  padding-bottom: 8px;
}
.form-field > .mandatory-indicator {
  position: absolute;
  visibility: hidden;
}
.form-field > .mandatory-indicator::before {
  content: '*';
  font-size: 15px;
}
.form-field.mandatory > .mandatory-indicator:not(.read-only) {
  visibility: visible;
}
.form-field.disabled.alternative > .mandatory-indicator {
  color: #808080;
}
.form-field.no-mandatory-indicator > .mandatory-indicator {
  display: none;
}
.form-field.no-mandatory-indicator > label.top {
  margin-left: 0;
}
.form-field > .status {
  position: absolute;
  margin-left: 6px;
  height: 24px;
  display: flex;
  align-items: center;
}
.form-field > .status::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-field.has-menus.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) > .status::before {
  content: '\E008';
}
.form-field.has-menus > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-menus > .status::before {
  content: '\E041';
  color: #666666;
  font-size: 16px;
}
.form-field.has-menus > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.form-field.has-menus > .status:active::before,
.form-field.has-menus > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.form-field.has-tooltip > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-tooltip > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.form-field.has-tooltip > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.form-field.has-tooltip > .status:active::before,
.form-field.has-tooltip > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.form-field.has-ok > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-ok > .status::before {
  content: '\E002';
  color: #00856C;
  font-size: 16px;
}
.form-field.has-ok > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #005243;
}
.form-field.has-ok > .status:active::before,
.form-field.has-ok > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #005243;
}
.form-field.has-info > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-info > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.form-field.has-info > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.form-field.has-info > .status:active::before,
.form-field.has-info > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.form-field.has-warning > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-warning > .status::before {
  content: '\E001';
  color: #AD6200;
  font-size: 16px;
}
.form-field.has-warning > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7a4500;
}
.form-field.has-warning > .status:active::before,
.form-field.has-warning > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #7a4500;
}
.form-field.has-error > .status {
  visibility: visible;
  cursor: pointer;
}
.form-field.has-error > .status::before {
  content: '\E001';
  color: #D53F3F;
  font-size: 16px;
}
.form-field.has-error > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #b92828;
}
.form-field.has-error > .status:active::before,
.form-field.has-error > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #b92828;
}
.form-field .disabled-overlay {
  position: absolute;
}
.form-field.cell-editor-form-field {
  position: absolute;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.lookup-box.alternative > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.lookup-box > .field > .structure.tree,
.lookup-box > .field > .structure.table {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  background-color: transparent;
  overflow: hidden;
  /* necessary due to rounded borders and background color*/
}
.lookup-box > .field > .structure.tree.alternative,
.lookup-box > .field > .structure.table.alternative {
  border-radius: 3px;
}
.lookup-box > .field > .structure.tree.no-rows-selected:focus,
.lookup-box > .field > .structure.table.no-rows-selected:focus,
.lookup-box > .field > .structure.tree.no-nodes-selected:focus,
.lookup-box > .field > .structure.table.no-nodes-selected:focus,
.lookup-box > .field > .structure.tree.no-rows-selected.focused,
.lookup-box > .field > .structure.table.no-rows-selected.focused,
.lookup-box > .field > .structure.tree.no-nodes-selected.focused,
.lookup-box > .field > .structure.table.no-nodes-selected.focused {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell,
.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell {
  border-bottom: 0;
}
.lookup-box > .field > .structure.tree > .table-data > .table-row.selected::after,
.lookup-box > .field > .structure.table > .table-data > .table-row.selected::after {
  top: 0;
  height: 100%;
}
.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive,
.lookup-box > .field > .structure.table > .table-data > .table-row.inactive {
  font-style: italic;
}
.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive > .table-cell.last > .text::after,
.lookup-box > .field > .structure.table > .table-data > .table-row.inactive > .table-cell.last > .text::after {
  content: ' (' var(--inactive-lookup-row-suffix-text) ')';
}
.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive,
.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive {
  font-style: italic;
}
.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive > .text::after,
.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive > .text::after {
  content: ' (' var(--inactive-lookup-row-suffix-text) ')';
}
.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive,
.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive,
.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive,
.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive {
  font-style: italic;
}
.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive > .text::after,
.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive > .text::after,
.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after,
.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {
  content: ' (' var(--inactive-lookup-row-suffix-text) ')';
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.value-field > input,
.value-field > .input-field,
.value-field > .field > input,
.value-field > .field > .input-field,
.value-field > .file-input {
  /* Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height*/
  min-height: 30px;
}
.value-field > .text-field-icon,
.value-field > .field > .text-field-icon {
  display: none;
  position: absolute;
}
.value-field.alternative > .text-field-icon,
.value-field.alternative > .field > .text-field-icon {
  margin-right: 0;
}
.value-field.alternative.halign-right > .clear-icon,
.value-field.alternative.halign-right > .field > .clear-icon {
  margin-left: 0;
  margin-right: 2px;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before {
  color: #1561A7;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before {
  color: #D53F3F;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon {
  display: none;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before {
  color: #D53F3F;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {
  display: flex;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {
  display: none;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input {
  padding-right: 28px;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input.alternative {
  padding-right: 26px;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input {
  padding-left: 28px;
  padding-right: 10px;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative {
  padding-left: 26px;
  padding-right: 0;
}
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field,
.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field {
  padding-right: 8px;
}
.value-field.has-icon:not(.compact):not(.disabled).focused > .icon::before,
.value-field.has-icon:not(.compact):not(.disabled).focused > .field > .icon::before {
  color: #1561A7;
}
.value-field.has-icon:not(.compact):not(.disabled).has-error > .icon::before,
.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before,
.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before {
  color: #D53F3F;
}
.value-field.has-icon:not(.compact):not(.disabled).disabled > .icon,
.value-field.has-icon:not(.compact):not(.disabled).disabled > .field > .icon,
.value-field.has-icon:not(.compact):not(.disabled).compact > .icon,
.value-field.has-icon:not(.compact):not(.disabled).compact > .field > .icon {
  display: none;
}
.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error:focus > .field > .icon::before,
.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error.focused > .field > .icon::before {
  color: #D53F3F;
}
.value-field.has-icon:not(.compact):not(.disabled) > .icon,
.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {
  display: flex;
}
.value-field.has-icon:not(.compact):not(.disabled) > input,
.value-field.has-icon:not(.compact):not(.disabled) > .input-field,
.value-field.has-icon:not(.compact):not(.disabled) > .field > input,
.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field,
.value-field.has-icon:not(.compact):not(.disabled) > .file-input {
  padding-right: 28px;
}
.value-field.has-icon:not(.compact):not(.disabled) > input.alternative,
.value-field.has-icon:not(.compact):not(.disabled) > .input-field.alternative,
.value-field.has-icon:not(.compact):not(.disabled) > .field > input.alternative,
.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field.alternative,
.value-field.has-icon:not(.compact):not(.disabled) > .file-input.alternative {
  padding-right: 26px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.widget-field > .menubar {
  background-color: transparent;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.accordion-field > .accordion {
  /* In fact set by the FormField.less as well,
    /* but since scrollbars are rendered before the field class is set, scrollbar sets position: relative first
    /* which breaks the form field layout */
  position: absolute;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.button-field > .field {
  margin-left: 10px;
}
.no-mandatory-indicator.button-field > .field {
  margin-left: 0;
}
.button-field > .button {
  min-height: 30px;
}
.button-field > .link-button {
  padding-left: 0;
  padding-right: 0;
}
.button-field > .link-button:hover,
.button-field > .link-button:active,
.button-field > .link-button.active {
  background-color: transparent;
}
.button-field > .link-button:focus {
  box-shadow: none;
}
.button-field > .link-button:focus::after {
  content: '';
  position: absolute;
  top: 3px;
  left: -3px;
  height: calc(100% - 6px);
  width: calc(100% + 6px);
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-radius: 3px;
}
.button-field > .key-box {
  position: absolute;
  top: 4px;
}
.button-field.button-icon-large > .button > .font-icon {
  font-size: 24px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.bean-field {
  /* whole bean-field must be selectable, otherwise focusUtils.js would bail out
     if a user starts a selection on the padding of the .bean-field element and
     not exactly on the .field child element. */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.bean-field > .field {
  margin-left: 10px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.browser-field.alternative > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.browser-field > .field {
  margin-left: 10px;
  background-color: #fff;
  border: 1px solid #DADADA;
  border-radius: 3px;
}
.browser-field > .field.alternative {
  border-radius: 3px;
}
.browser-field > .field > .alt {
  margin: 14px;
}
.browser-field > .field > .button {
  display: inline-block;
  padding: 4px 7px;
  margin: 0 14px 14px 14px;
}
/*
 * Copyright (c) 2010-2019 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.calendar-field > .group-box-body {
  padding-right: 0;
}
.form:not(.detail-form) .calendar-field:not(.mobile) > .field {
  margin-left: 10px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.check-box-field > .field {
  padding: 6px 0;
  outline: none;
  display: flex;
  /* only the label should be clickable, not the whole field */
  /* Same spacings as defined in CellEditorPopup.less, but as margin, not as padding */
}
.check-box-field > .field > .label {
  color: #000;
}
.check-box-field > .field > .check-box,
.check-box-field > .field > .label {
  cursor: pointer;
}
.check-box-field > .field > .label {
  padding-top: 2px;
  padding-left: 7px;
  max-width: calc(100% -  18px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.check-box-field > .field > .label.empty {
  /* Make the label invisible if there is no text to not artificially make the check box wider than it should be
      The check box square defines the height. */
  display: none;
}
.check-box-field > .field.has-inner-alignment.halign-left {
  justify-content: flex-start;
}
.check-box-field > .field.has-inner-alignment.halign-center {
  justify-content: center;
}
.check-box-field > .field.has-inner-alignment.halign-right {
  justify-content: flex-end;
}
.check-box-field > .field > .check-box {
  flex: none;
  /* never shrink check-box */
}
.check-box-field > .field > .cell-editor-field.check-box {
  padding: 0;
  margin: 0 10px 0 10px;
  vertical-align: top;
  border-width: 1px;
}
.check-box-field > .field > .cell-editor-field.check-box.last {
  margin-right: 14px !important;
}
.check-box-field > .field > .cell-editor-field.check-box:focus {
  border-width: 1px;
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.check-box-field > .field.halign-right > .cell-editor-field.check-box {
  margin-right: 10px;
  margin-left: 10px;
}
.check-box-field > .field.halign-center > .cell-editor-field.check-box {
  margin-right: 10px;
}
.check-box-field.cell-editor-form-field > .field {
  padding-top: calc(var(--table-row-padding-y) - 2px);
}
.cell-editor-popup.overflow-top .check-box-field.cell-editor-form-field > .field {
  padding-top: calc(var(--table-row-padding-y) - 2px + 1px);
}
.check-box-field.disabled > .field > .check-box {
  cursor: default;
}
.check-box-field.disabled > .field > .label {
  cursor: default;
  color: #666666;
}
.check-box-field.disabled > .field.read-only > .label {
  color: #000;
}
.checkbox-indentation {
  margin-left: 25px;
}
.radiobutton-group-body > .checkbox-indentation {
  margin-left: 15px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.clipboard-field > .field {
  margin-left: 10px;
  background-color: #E9F0F6;
  padding: 7px 10px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: pre-wrap;
}
.clipboard-field > .field > img {
  display: none;
}
.clipboard-form-label.label-field > .field {
  padding-top: 0;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.date-field.focused > .icon.date::before,
.date-field.focused > .field > .icon.date::before {
  color: #1561A7;
}
.date-field.has-error > .icon.date::before,
.date-field.has-error > .field > .icon.date::before,
.date-field.has-error > .field > .icon.date::before {
  color: #D53F3F;
}
.date-field.disabled > .icon.date,
.date-field.disabled > .field > .icon.date,
.date-field.compact > .icon.date,
.date-field.compact > .field > .icon.date {
  display: none;
}
.date-field.alternative.has-error:focus > .field > .icon.date::before,
.date-field.alternative.has-error.focused > .field > .icon.date::before {
  color: #D53F3F;
}
.date-field.focused > .icon.time::before,
.date-field.focused > .field > .icon.time::before {
  color: #1561A7;
}
.date-field.has-error > .icon.time::before,
.date-field.has-error > .field > .icon.time::before,
.date-field.has-error > .field > .icon.time::before {
  color: #D53F3F;
}
.date-field.disabled > .icon.time,
.date-field.disabled > .field > .icon.time,
.date-field.compact > .icon.time,
.date-field.compact > .field > .icon.time {
  display: none;
}
.date-field.alternative.has-error:focus > .field > .icon.time::before,
.date-field.alternative.has-error.focused > .field > .icon.time::before {
  color: #D53F3F;
}
.date-field > .field > input,
.date-field > .field > .input-field {
  position: absolute;
}
.date-field > .field .icon.date-clear,
.date-field > .field .icon.time-clear {
  cursor: pointer;
  display: none;
}
.date-field > .field .icon.date-clear::before,
.date-field > .field .icon.time-clear::before {
  content: '\E045';
}
.date-field > .field .icon.date::before {
  content: '\E029';
}
.date-field > .field .icon.time::before {
  content: '\E004';
}
.date-field.date-focused > .icon.date::before,
.date-field.date-focused > .field > .icon.date::before,
.date-field.time-focused > .icon.time::before,
.date-field.time-focused > .field > .icon.time::before {
  color: #1561A7;
}
.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {
  display: flex;
}
.date-field:not(.disabled):not(.compact-date) > .field > input.date {
  padding-right: 28px;
}
.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {
  padding-right: 26px;
}
.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {
  display: flex;
}
.date-field:not(.disabled):not(.compact-time) > .field > input.time {
  padding-right: 28px;
}
.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {
  padding-right: 26px;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before {
  color: #1561A7;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .icon.date-clear,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .icon.date-clear,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .icon.date-clear,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .icon.date-clear,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear {
  display: none;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .icon.date::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .icon.date::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before {
  color: #1561A7;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .date-clear,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .date-clear {
  display: flex;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .icon.date,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .icon.date {
  display: none;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date {
  padding-right: 28px;
}
.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date.alternative,
.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date.alternative {
  padding-right: 26px;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before {
  color: #1561A7;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .icon.time-clear,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .icon.time-clear,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .icon.time-clear,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .icon.time-clear,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear {
  display: none;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .icon.time::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .icon.time::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before {
  color: #1561A7;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before {
  color: #D53F3F;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .time-clear,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .time-clear {
  display: flex;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .icon.time,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .icon.time {
  display: none;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time {
  padding-right: 28px;
}
.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time.alternative,
.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time.alternative {
  padding-right: 26px;
}
.date-field > .field {
  /** Prediction input field is in the back of the actual input field -> make actual input field transparent */
}
.date-field > .field > .input-field[placeholder]:empty::before {
  /* placeholder only works for input elements -> this fake placeholder is intended for a before element*/
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
  content: attr(placeholder);
}
.date-field > .field > .input-field[placeholder].disabled:empty::before {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.date-field > .field > .predict {
  color: #808080;
  background-color: transparent;
}
.date-field > .field > .predict.alternative {
  background-color: transparent;
}
.date-field > .field > .predict.has-error {
  background-color: #FEE0E0;
}
.date-field > .field > .predict + input {
  background-color: transparent;
}
.date-field.date-clearable > .field > .icon.date-clear {
  display: flex;
}
.date-field.date-clearable > .field > .icon.date {
  display: none;
}
.date-field.time-clearable > .field > .icon.time-clear {
  display: flex;
}
.date-field.time-clearable > .field > .icon.time {
  display: none;
}
.touch-popup-field.time > .field > input.date,
.touch-popup-field.time > .field > .icon.date,
.touch-popup-field.time > .field > .icon.date-clear {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
.touch-popup-field.date {
  margin-bottom: 0;
}
.touch-popup-field.date > .field > input.time,
.touch-popup-field.date > .field > .icon.time,
.touch-popup-field.date > .field > .icon.time-clear {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.file-chooser-field > .icon {
  cursor: pointer;
}
.file-chooser-field > .icon::before {
  content: '\E003';
}
.file-chooser-field > .file-input > input {
  display: none;
}
.file-chooser-field > .file-input > .file-input-text {
  overflow-x: hidden;
}
.file-chooser-field > .file-input > .file-input-text[placeholder]:empty::before {
  /* placeholder only works for input elements -> this fake placeholder is intended for a before element*/
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
  content: attr(placeholder);
}
.file-chooser-field > .file-input > .file-input-text[placeholder].disabled:empty::before {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.file-chooser-field > .legacy-upload-form > .legacy-upload-file-input {
  padding: 3px;
  height: 100%;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.root-group-box {
  /* necessary if dialog gets really small */
  overflow: hidden;
}
.root-group-box > .group-box-body,
.root-group-box > .group-box-header {
  /* group-box-body may be scrollable. */
  /* that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) */
  padding-left: 10px;
  padding-right: 20px;
}
.root-group-box > .group-box-body > .scrollbar {
  /* override margin reset from group-box-body (see below) */
}
.root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {
  padding-left: 5px;
}
.root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,
.root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {
  padding-left: 3px;
}
.group-box > .menubar {
  margin-left: 10px;
  background-color: inherit;
}
.group-box.collapsed > .menubar {
  display: none;
}
.group-box.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {
  width: 100%;
  margin-left: 0;
  padding-left: 10px;
}
.root-group-box.loading > .loading-indicator,
.group-box.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.root-group-box.loading > .loading-indicator::before,
.group-box.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.root-group-box.loading > .loading-indicator.animate-remove,
.group-box.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.root-group-box.right-padding-invisible > .group-box-body,
.group-box.right-padding-invisible > .group-box-body {
  padding-right: 0;
}
.group-box-header {
  width: calc(100% -  10px);
  margin-top: 8px;
  margin-left: 10px;
  position: relative;
  white-space: nowrap;
  margin-bottom: 1px;
}
.group-box-header > .bottom-border {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #DADADA;
}
.group-box-header.has-menubar > .menubar {
  display: inline-block;
  border: none;
  background-color: transparent;
  vertical-align: middle;
  padding-left: 10px;
}
.group-box-header.has-menubar > .menubar > .menubar-box > .menu-item {
  margin-top: 0;
  margin-bottom: 0;
}
.group-box-header > .group-box-control {
  display: inline-block;
  color: #000;
  cursor: pointer;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}
.group-box-header > .group-box-control::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  content: '\F107';
}
.group-box.collapsed > .group-box-header > .group-box-control::before {
  content: '\F106';
}
.group-box-header > .title {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0 12px 0;
  max-width: 100%;
  margin-top: 1px;
}
.group-box.has-sub-label > .group-box-header > .title {
  padding-bottom: 7px;
}
.group-box-header > .title > .label {
  font-weight: bold;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
}
.group-box-header > .title > .sub-label {
  padding-top: 1px;
  font-size: 11px;
  letter-spacing: 0.2px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.group-box-header > .status {
  position: absolute;
  margin-left: 6px;
  display: flex;
  align-items: center;
}
.group-box-header > .status::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-box.has-tooltip > .group-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.group-box.has-tooltip > .group-box-header > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.group-box.has-tooltip > .group-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.group-box.has-tooltip > .group-box-header > .status:active::before,
.group-box.has-tooltip > .group-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.group-box.has-info > .group-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.group-box.has-info > .group-box-header > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.group-box.has-info > .group-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.group-box.has-info > .group-box-header > .status:active::before,
.group-box.has-info > .group-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.group-box.has-ok > .group-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.group-box.has-ok > .group-box-header > .status::before {
  content: '\E002';
  color: #00856C;
  font-size: 16px;
}
.group-box.has-ok > .group-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #005243;
}
.group-box.has-ok > .group-box-header > .status:active::before,
.group-box.has-ok > .group-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #005243;
}
.group-box.has-warning > .group-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.group-box.has-warning > .group-box-header > .status::before {
  content: '\E001';
  color: #AD6200;
  font-size: 16px;
}
.group-box.has-warning > .group-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7a4500;
}
.group-box.has-warning > .group-box-header > .status:active::before,
.group-box.has-warning > .group-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #7a4500;
}
.group-box.has-error > .group-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.group-box.has-error > .group-box-header > .status::before {
  content: '\E001';
  color: #D53F3F;
  font-size: 16px;
}
.group-box.has-error > .group-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #b92828;
}
.group-box.has-error > .group-box-header > .status:active::before,
.group-box.has-error > .group-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #b92828;
}
.group-box-header.expandable {
  /* Expansion can also be performed on the title itself */
  cursor: pointer;
}
.group-box-body {
  position: relative;
  padding: 18px 0 16px 0;
  /* position scrollbar as right as possible to prevent overlapping field parts. */
}
.group-box-body.y-padding-invisible {
  padding-top: 0;
  padding-bottom: 0;
}
.group-box-body.x-padding-invisible {
  padding-left: 0;
  padding-right: 0;
}
.collapsed > .group-box-body {
  display: none;
}
.group-box-body > .scrollbar > .scrollbar-thumb.y-axis {
  padding-left: 8px;
}
.group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,
.group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {
  padding-left: 6px;
}
.group-box.top-padding-invisible > .group-box-body {
  padding-top: 0;
}
.group-box.bottom-padding-invisible > .group-box-body {
  padding-bottom: 0;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.html-field.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.html-field > .field {
  margin-left: 10px;
}
.html-field > .field:focus {
  outline: none;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.image-field.alternative > label.top {
  /* NOSONAR over qualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.image-field > .field {
  overflow: hidden;
  margin-left: 10px;
}
.image-field > .field > .font-icon {
  font-size: 20px;
}
.image-field > .field.clickable {
  cursor: pointer;
}
.image-field > .field.has-inner-alignment {
  display: flex;
}
.image-field > .field.has-inner-alignment > .font-icon {
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}
.image-field > .field.has-inner-alignment.halign-left {
  justify-content: flex-start;
}
.image-field > .field.has-inner-alignment.halign-center {
  justify-content: center;
}
.image-field > .field.has-inner-alignment.halign-right {
  justify-content: flex-end;
}
.image-field > .field.has-inner-alignment.valign-top {
  align-items: flex-start;
}
.image-field > .field.has-inner-alignment.valign-middle {
  align-items: center;
}
.image-field > .field.has-inner-alignment.valign-bottom {
  align-items: flex-end;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.label-field.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.label-field > .field {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.label-field > .field[placeholder]:empty::before {
  /* placeholder only works for input elements -> this fake placeholder is intended for a before element*/
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
  content: attr(placeholder);
}
.label-field > .field[placeholder].disabled:empty::before {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.no-mandatory-indicator.label-field > .field {
  margin-left: 0;
}
.top-padding-invisible.label-field > .field {
  padding-top: 0;
}
.bottom-padding-invisible.label-field > .field {
  padding-bottom: 0;
}
.label-field > .field:focus {
  outline: none;
}
.label-field > .field.has-inner-alignment.halign-left {
  text-align: left;
}
.label-field > .field.has-inner-alignment.halign-center {
  text-align: center;
}
.label-field > .field.has-inner-alignment.halign-right {
  text-align: right;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.mode-selector-field.alternative > label.top {
  padding-bottom: 4px;
}
.mode-selector-field > .mode-selector {
  margin-left: 10px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.number-field > .field.has-inner-alignment.halign-left {
  text-align: left;
}
.number-field > .field.has-inner-alignment.halign-center {
  text-align: center;
}
.number-field > .field.has-inner-alignment.halign-right {
  text-align: right;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.planner-field.alternative > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.planner-field > .planner {
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
.planner-field > .planner.alternative {
  border-radius: 3px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.radio-button > .field {
  padding: 6px 0;
  margin-left: 10px;
  outline: none;
  display: flex;
}
.radio-button > .field > .radio-button-circle,
.radio-button > .field > .label,
.radio-button > .field > .icon {
  /* only the label should be clickable, not the whole field */
  cursor: pointer;
}
.radio-button > .field > .label {
  color: #000;
  padding-top: 2px;
  padding-left: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.radio-button > .field > .label.empty {
  /* Make the label invisible if there is no text to not artificially make the button wider than it should be
      Compared to the Button.js the circle defines the height */
  display: none;
}
.radio-button > .field > .icon {
  padding-left: 7px;
}
.radio-button > .field > .radio-button-circle {
  width: 18px;
  height: 18px;
  flex: none;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
}
.radio-button > .field > .radio-button-circle::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1561A7;
  border-radius: 50%;
  opacity: 0;
  transition: transform ease 250ms, opacity linear 250ms;
  transform: scale(0.01);
}
.radio-button > .field > .radio-button-circle::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #999999;
  border-radius: 50%;
}
.radio-button > .field > .radio-button-circle.checked::before {
  transform: scale(0.55555556);
  opacity: 1;
  transition: transform ease 250ms;
}
.radio-button > .field > .radio-button-circle.checked::after {
  border-color: #1561A7;
}
.radio-button > .field > .radio-button-circle:focus {
  outline: none;
}
.radio-button > .field > .radio-button-circle:focus::after {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #1561A7;
}
.radio-button > .field > .radio-button-circle.disabled {
  cursor: default;
}
.radio-button > .field > .radio-button-circle.disabled::after {
  border-color: #DADADA;
}
.radio-button > .field > .radio-button-circle.disabled.checked::before {
  background-color: #808080;
}
.radio-button > .field > .radio-button-circle.disabled.checked::after {
  border-color: #808080;
}
.radio-button.disabled > .field > .label,
.radio-button.disabled > .field > .icon {
  cursor: default;
  color: #666666;
}
.radiobutton-indentation {
  margin-left: 25px;
}
.radiobutton-group-body > .radiobutton-indentation {
  margin-left: 15px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.radiobutton-group-body > .radio-button > .field {
  /* radio button group has a mandatory indicator, no need to create a margin */
  margin-left: 0;
}
.radiobutton-group-body > .form-field {
  opacity: 1;
  transition: opacity 250ms;
}
.radiobutton-group-body.loading > .form-field {
  opacity: 0;
}
.radiobutton-group-body.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.radiobutton-group-body.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.radiobutton-group-body.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.dropdown-field > .icon {
  cursor: pointer;
}
.dropdown-field > .icon::before {
  content: '\F107';
  font-size: 16px;
}
.dropdown-field.popup-open > .icon::before {
  content: '\F106';
}
.dropdown-field > .field {
  cursor: pointer;
}
.dropdown-field > .field.disabled {
  cursor: default;
}
.proposal-field > .icon::before {
  content: '\E02F';
}
.smart-field {
  /* Multiline SmartField */
  /* DIV below the smart field containing the additional lines */
}
.smart-field > .icon::before,
.smart-field > .field > .icon::before {
  content: '\E02A';
}
.smart-field > .field > .multiline-input {
  border-radius: 3px 3px 0 0;
  width: 100%;
  padding-left: 10px;
}
.smart-field > .field > .multiline-input:focus {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.smart-field > .field > .multiline-input.alternative {
  border-bottom-color: rgba(0, 0, 0, 0.23);
  padding-left: 0;
  padding-right: 0;
}
.smart-field > .field > .multiline-input.alternative:focus {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: #1561A7;
}
.smart-field > .field > .multiline-input.alternative.has-error {
  border-bottom-color: #D53F3F;
}
.smart-field > .field > .multiline-input.read-only {
  border-bottom-color: #DADADA;
}
.smart-field > .field > .multiline-input.read-only.has-error {
  border-bottom-color: #D53F3F;
}
.smart-field > .field > .multiline-lines {
  background-color: transparent;
  border: solid 1px rgba(0, 0, 0, 0.23);
  border-radius: 0 0 3px 3px;
  border-top: none;
  padding: 3px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.smart-field > .field > .multiline-lines.disabled {
  background-color: transparent;
}
.smart-field.alternative > .field > .multiline-lines,
.smart-field.read-only > .field > .multiline-lines {
  border: 0;
  padding-top: 6px;
}
.smart-field.alternative > .field > .multiline-lines.disabled,
.smart-field.read-only > .field > .multiline-lines.disabled {
  background-color: transparent;
}
.smart-field.alternative > .field > .multiline-lines {
  padding-left: 0;
  padding-right: 0;
}
.smart-field.disabled > .field > .multiline-lines {
  color: #808080;
}
.read-only.smart-field.disabled > .field > .multiline-lines {
  color: #000;
}
.dropdown-field > .input-field[placeholder]:empty::before,
.proposal-field > .input-field[placeholder]:empty::before,
.smart-field > .input-field[placeholder]:empty::before,
.dropdown-field > .multiline > .input-field[placeholder]:empty::before,
.proposal-field > .multiline > .input-field[placeholder]:empty::before,
.smart-field > .multiline > .input-field[placeholder]:empty::before {
  /* placeholder only works for input elements -> this fake placeholder is intended for a before element*/
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* necessary for firefox */
  content: attr(placeholder);
}
.dropdown-field > .input-field[placeholder].disabled:empty::before,
.proposal-field > .input-field[placeholder].disabled:empty::before,
.smart-field > .input-field[placeholder].disabled:empty::before,
.dropdown-field > .multiline > .input-field[placeholder].disabled:empty::before,
.proposal-field > .multiline > .input-field[placeholder].disabled:empty::before,
.smart-field > .multiline > .input-field[placeholder].disabled:empty::before {
  /* Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). */
  color: rgba(128, 128, 128, 0.5);
}
.dropdown-field.loading > .icon,
.proposal-field.loading > .icon,
.smart-field.loading > .icon {
  -webkit-animation: pulsate-in-out 2.2s ease-in-out infinite;
  -moz-animation: pulsate-in-out 2.2s ease-in-out infinite;
  -o-animation: pulsate-in-out 2.2s ease-in-out infinite;
  animation: pulsate-in-out 2.2s ease-in-out infinite;
}
.dropdown-field > .field.halign-left,
.proposal-field > .field.halign-left,
.smart-field > .field.halign-left,
.dropdown-field > .field.halign-left > .multiline-input,
.proposal-field > .field.halign-left > .multiline-input,
.smart-field > .field.halign-left > .multiline-input {
  text-align: left;
}
.dropdown-field > .field.halign-center,
.proposal-field > .field.halign-center,
.smart-field > .field.halign-center,
.dropdown-field > .field.halign-center > .multiline-input,
.proposal-field > .field.halign-center > .multiline-input,
.smart-field > .field.halign-center > .multiline-input {
  text-align: center;
}
.dropdown-field > .field.halign-right,
.proposal-field > .field.halign-right,
.smart-field > .field.halign-right,
.dropdown-field > .field.halign-right > .multiline-input,
.proposal-field > .field.halign-right > .multiline-input,
.smart-field > .field.halign-right > .multiline-input {
  text-align: right;
}
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field {
  padding-left: 0;
  padding-right: 28px;
}
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative {
  padding-left: 0;
  padding-right: 26px;
}
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,
.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,
.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field {
  padding-right: 28px;
}
.dropdown-field.halign-right:not(.disabled) > .field > .multiline-lines,
.proposal-field.halign-right:not(.disabled) > .field > .multiline-lines,
.smart-field.halign-right:not(.disabled) > .field > .multiline-lines {
  padding-right: 28px;
}
.dropdown-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,
.proposal-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,
.smart-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines {
  padding-right: 26px;
}
.dropdown-field.alternative.halign-right > .clear-icon,
.proposal-field.alternative.halign-right > .clear-icon,
.smart-field.alternative.halign-right > .clear-icon,
.dropdown-field.alternative.halign-right > .field > .clear-icon,
.proposal-field.alternative.halign-right > .field > .clear-icon,
.smart-field.alternative.halign-right > .field > .clear-icon {
  margin-right: 0;
  margin-left: 2px;
}
.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-input {
  border-radius: 3px 3px;
}
.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-lines {
  display: none;
}
.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data {
  padding: 2px 15px 15px;
}
.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data > .table-row.first {
  border-top-color: transparent;
}
.dropdown-field-popup,
.smart-field-popup,
.proposal-field-popup {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
}
.dropdown-field-popup.touch,
.smart-field-popup.touch,
.proposal-field-popup.touch {
  background-color: #F5F5F5;
}
.proposal-chooser > .active-filter {
  position: absolute;
}
.proposal-chooser > .status {
  display: flex;
  align-items: center;
}
.proposal-chooser > .active-filter,
.proposal-chooser > .status {
  padding: 0 12px;
  background-color: #F5F5F5;
  border-top: solid 1px #DADADA;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.proposal-chooser.empty > .active-filter,
.proposal-chooser.empty > .status {
  border-top: 0;
}
.proposal-chooser > .table > .table-header {
  padding-left: 12px;
  padding-right: 12px;
}
.proposal-chooser > .table > .table-data {
  padding: 8px 12px;
}
.proposal-chooser > .table > .table-data > .table-row.first {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.proposal-chooser > .table > .table-data > .table-row.first.selected::after {
  top: -1px;
}
.proposal-chooser > .table > .table-data > .table-row.inactive {
  font-style: italic;
}
.proposal-chooser > .table > .table-data > .table-row.inactive > .table-cell.last > .text::after {
  content: ' (' var(--inactive-lookup-row-suffix-text) ')';
}
.proposal-chooser > .table > .table-data > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {
  margin-left: 1px;
}
.proposal-chooser > .tree > .tree-data {
  padding: 8px 12px;
}
.proposal-chooser > .tree > .tree-data > .tree-node.inactive,
.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive {
  font-style: italic;
}
.proposal-chooser > .tree > .tree-data > .tree-node.inactive > .text::after,
.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {
  content: ' (' var(--inactive-lookup-row-suffix-text) ')';
}
.status > .ellipsis {
  padding-left: 3px;
}
.animate-dot {
  position: relative;
  -webkit-animation-name: animateDot;
  -moz-animation-name: animateDot;
  -o-animation-name: animateDot;
  animation-name: animateDot;
  -webkit-animation-duration: 1650ms;
  -moz-animation-duration: 1650ms;
  -o-animation-duration: 1650ms;
  animation-duration: 1650ms;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.delay-0 {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.delay-1 {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay-2 {
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -o-animation-delay: 400ms;
  animation-delay: 400ms;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.dropdown-field-popup.animate-open,
.smart-field-popup.animate-open,
.proposal-field-popup.animate-open {
  /* Changed initial transform from 0 to 0.5 because in Chrome browser v72 on zoom levels > 100%
     * the proposal-chooser popup produced an accidental flickering animation where the proposal table
     * jumped a few pixels to the left. With 0.5 this does not happen - only god knows why. See #241249.
     */
  -webkit-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-animation-name: grow-y;
  -moz-animation-name: grow-y;
  -o-animation-name: grow-y;
  animation-name: grow-y;
  -webkit-animation-duration: 0.125s;
  -moz-animation-duration: 0.125s;
  -o-animation-duration: 0.125s;
  animation-duration: 0.125s;
}
.dropdown-field-popup.animate-open.bottom,
.smart-field-popup.animate-open.bottom,
.proposal-field-popup.animate-open.bottom {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.dropdown-field-popup.animate-open.top,
.smart-field-popup.animate-open.top,
.proposal-field-popup.animate-open.top {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.dropdown-field-popup.animate-remove,
.smart-field-popup.animate-remove,
.proposal-field-popup.animate-remove {
  -webkit-animation-name: shrink-y;
  -moz-animation-name: shrink-y;
  -o-animation-name: shrink-y;
  animation-name: shrink-y;
  -webkit-animation-duration: 0.125s;
  -moz-animation-duration: 0.125s;
  -o-animation-duration: 0.125s;
  animation-duration: 0.125s;
}
.dropdown-field-popup.animate-remove.bottom,
.smart-field-popup.animate-remove.bottom,
.proposal-field-popup.animate-remove.bottom {
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.dropdown-field-popup.animate-remove.top,
.smart-field-popup.animate-remove.top,
.proposal-field-popup.animate-remove.top {
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.split-box > .split-area > .first-field,
.split-box > .split-area > .second-field {
  overflow: hidden;
  position: absolute;
}
.split-box > .split-area > .first-field.collapsed,
.split-box > .split-area > .second-field.collapsed {
  display: none;
}
.split-box > .split-area > .splitter {
  position: absolute;
  background-color: #DADADA;
  background-clip: content-box;
  /* don't color padding */
}
.split-box > .split-area > .splitter:not(.disabled):not(.dragging):hover {
  background-color: #1561A7;
}
.split-box > .split-area > .splitter.x-axis {
  height: 100%;
  width: 31px;
  padding-left: 19px;
  padding-right: 9px;
  cursor: col-resize;
}
.split-box > .split-area > .splitter.y-axis {
  margin-left: 10px;
  width: calc(100% -  10px);
  height: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: row-resize;
}
.split-box > .split-area > .splitter.dragging {
  opacity: 0.25;
}
.split-box > .split-area > .splitter.disabled {
  cursor: default;
}
.split-box > .split-area > .temp-splitter {
  position: absolute;
  z-index: 2;
}
.split-box > .split-area > .temp-splitter.x-axis {
  height: 100%;
  width: 1px;
  border-left: 1px dashed #1561A7;
  margin-left: 20px;
  margin-right: 10px;
}
.split-box > .split-area > .temp-splitter.y-axis {
  margin-left: 10px;
  width: calc(100% -  10px);
  height: 1px;
  border-top: 1px dashed #1561A7;
  margin-top: 7px;
  margin-bottom: 7px;
}
.split-box > .collapse-handle.right-aligned {
  /* align with status icons */
  right: 3px;
}
.split-box-collapse-key-box {
  margin-top: -6px;
  margin-left: 4px;
}
.split-box-collapse-key-box.left {
  margin-top: 6px;
  margin-left: 4px;
}
.split-box-collapse-key-box.right {
  margin-top: 6px;
  margin-left: -4px;
}
.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.x-axis {
  margin-right: 31px;
}
.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.y-axis {
  margin-bottom: 15px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.string-field {
  /* adjust paddings in case of both icons (icon and clear-icon) are visible */
}
.string-field.multiline > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.string-field > .field.has-inner-alignment.halign-left {
  text-align: left;
}
.string-field > .field.has-inner-alignment.halign-center {
  text-align: center;
}
.string-field > .field.has-inner-alignment.halign-right {
  text-align: right;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {
  margin-right: 0;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {
  padding-right: 54px;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative {
  padding-right: 52px;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input {
  padding-left: 28px;
  padding-right: 28px;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative {
  padding-left: 26px;
  padding-right: 26px;
}
.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,
.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {
  display: flex;
}
.string-field.has-icon > .icon::before {
  content: '\F061';
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tab-box-header {
  margin-top: 8px;
  margin-left: 10px;
  white-space: nowrap;
  position: relative;
  margin-bottom: 1px;
}
.tab-box.has-scroll-shadow-top > .tab-box-header {
  margin-left: 0;
  padding-left: 10px;
}
.tab-box-header > .bottom-border {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #DADADA;
}
.tab-box-header > .tab-area {
  position: relative;
}
.tab-box-header > .tab-area > .selection-marker {
  position: absolute;
  z-index: 1;
  bottom: -1px;
  margin-bottom: -1px;
  height: 3px;
  background-color: #1561A7;
  transition: left 0.3s, width 0.3s;
  border-radius: 1.5px;
}
.tab-box-header > .tab-area > .tab-item > .title > .sub-label {
  display: none;
}
.tab-box-header > .tab-area.has-sub-label > .tab-item > .title > .sub-label {
  display: block;
}
.tab-box-header > .tab-area.spread-even {
  width: 100%;
  display: flex;
}
.tab-box-header > .tab-area.spread-even > .tab-item {
  flex-grow: 1;
  flex-basis: 0;
  justify-content: center;
}
.tab-box-header > .tab-area.spread-even > .tab-item.first {
  padding-left: 20px;
}
.tab-box-header > .menubar {
  position: absolute;
  background-color: inherit;
  border-bottom: none;
}
.tab-box-header > .status {
  position: absolute;
  margin-left: 6px;
  display: flex;
  align-items: center;
}
.tab-box-header > .status::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-box.has-tooltip > .tab-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-box.has-tooltip > .tab-box-header > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.tab-box.has-tooltip > .tab-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.tab-box.has-tooltip > .tab-box-header > .status:active::before,
.tab-box.has-tooltip > .tab-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.tab-box.has-info > .tab-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-box.has-info > .tab-box-header > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.tab-box.has-info > .tab-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.tab-box.has-info > .tab-box-header > .status:active::before,
.tab-box.has-info > .tab-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.tab-box.has-ok > .tab-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-box.has-ok > .tab-box-header > .status::before {
  content: '\E002';
  color: #00856C;
  font-size: 16px;
}
.tab-box.has-ok > .tab-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #005243;
}
.tab-box.has-ok > .tab-box-header > .status:active::before,
.tab-box.has-ok > .tab-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #005243;
}
.tab-box.has-warning > .tab-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-box.has-warning > .tab-box-header > .status::before {
  content: '\E001';
  color: #AD6200;
  font-size: 16px;
}
.tab-box.has-warning > .tab-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7a4500;
}
.tab-box.has-warning > .tab-box-header > .status:active::before,
.tab-box.has-warning > .tab-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #7a4500;
}
.tab-box.has-error > .tab-box-header > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-box.has-error > .tab-box-header > .status::before {
  content: '\E001';
  color: #D53F3F;
  font-size: 16px;
}
.tab-box.has-error > .tab-box-header > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #b92828;
}
.tab-box.has-error > .tab-box-header > .status:active::before,
.tab-box.has-error > .tab-box-header > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #b92828;
}
.tab-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  color: #000;
  background-color: transparent;
  padding: 0 20px;
  cursor: pointer;
  height: 100%;
}
.tab-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin-bottom: -1px;
  display: none;
}
.tab-item.first {
  padding-left: 0;
}
.tab-item.overflown {
  display: none;
}
.tab-item.marked::after {
  display: block;
  background-color: #999999;
}
.tab-item:hover {
  color: #1561A7;
}
.tab-item:active {
  color: #1561A7;
}
.tab-item.selected {
  color: #000;
}
.tab-item:focus {
  outline: none;
}
.tab-item:focus.keyboard-navigation {
  color: #186ebe;
}
.tab-item > .title {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0 12px;
  margin-top: 1px;
}
.tab-area.has-sub-label > .tab-item > .title {
  padding-bottom: 7px;
}
.tab-item > .title > .label {
  vertical-align: middle;
}
.tab-item > .title > .label::before {
  content: attr(data-text);
  display: block;
  font-weight: bold;
  visibility: hidden;
  height: 0;
}
.selected.tab-item > .title > .label {
  font-weight: bold;
}
.tab-item > .title > .sub-label {
  padding-top: 1px;
  font-size: 11px;
  letter-spacing: 0.2px;
  color: #666666;
}
.tab-item > .status {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  display: flex;
  align-items: center;
}
.tab-item > .status::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-item.has-tooltip,
.tab-item.has-info,
.tab-item.has-warning,
.tab-item.has-ok,
.tab-item.has-error {
  padding-right: 6px;
}
.tab-item.has-tooltip > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-item.has-tooltip > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.tab-item.has-tooltip > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.tab-item.has-tooltip > .status:active::before,
.tab-item.has-tooltip > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.tab-item.has-info > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-item.has-info > .status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
.tab-item.has-info > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
.tab-item.has-info > .status:active::before,
.tab-item.has-info > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
.tab-item.has-ok > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-item.has-ok > .status::before {
  content: '\E002';
  color: #00856C;
  font-size: 16px;
}
.tab-item.has-ok > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #005243;
}
.tab-item.has-ok > .status:active::before,
.tab-item.has-ok > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #005243;
}
.tab-item.has-warning > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-item.has-warning > .status::before {
  content: '\E001';
  color: #AD6200;
  font-size: 16px;
}
.tab-item.has-warning > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7a4500;
}
.tab-item.has-warning > .status:active::before,
.tab-item.has-warning > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #7a4500;
}
.tab-item.has-error > .status {
  visibility: visible;
  cursor: pointer;
}
.tab-item.has-error > .status::before {
  content: '\E001';
  color: #D53F3F;
  font-size: 16px;
}
.tab-item.has-error > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #b92828;
}
.tab-item.has-error > .status:active::before,
.tab-item.has-error > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #b92828;
}
.overflow-tab-item.menu-item {
  vertical-align: middle;
  color: #000;
}
.overflow-tab-item.menu-item::before {
  display: none;
}
.overflow-tab-item.menu-item > .submenu-icon {
  padding-left: 4px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tag-chooser-popup {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
  min-width: 150px;
  max-width: 250px;
}
.tag-chooser-popup.touch {
  background-color: #F5F5F5;
}
.tag-chooser-popup > .table > .table-data {
  padding: 8px 12px 5px 12px;
}
.tag-chooser-popup > .table > .table-data > .table-row.first {
  border-top: 1px solid rgba(0, 0, 0, 0.13);
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tag-field.focused > .field {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.tag-field.focused > .field.alternative {
  border-bottom-color: #1561A7;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
.tag-field > .field {
  background-color: transparent;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  padding: 7px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  user-select: none;
  padding: 0 0 0 4px;
}
.tag-field > .field.disabled {
  background-color: transparent;
  border-color: #DADADA;
  color: #666666;
}
.tag-field > .field:focus,
.tag-field > .field.focused {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.tag-field > .field.has-error {
  border-color: #D53F3F;
  background-color: #FEE0E0;
}
.tag-field > .field.has-error:focus,
.tag-field > .field.has-error.focused {
  outline: none;
  box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);
}
.tag-field > .field.read-only {
  background-color: transparent;
  border-color: transparent;
  border-bottom: dashed 1px #DADADA;
  color: #000;
}
.tag-field > .field.alternative {
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.23);
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding-left: 0;
  padding-right: 0;
}
.tag-field > .field.alternative.disabled {
  color: #808080;
  border-bottom-style: dashed;
  border-bottom-color: #CFCFCF;
}
.tag-field > .field.alternative:focus,
.tag-field > .field.alternative.focused {
  color: #1561A7;
  border-bottom-color: #1561A7;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
.tag-field > .field.alternative.has-error {
  color: #D53F3F;
  border-bottom-color: #D53F3F;
}
.tag-field > .field.alternative.has-error:focus,
.tag-field > .field.alternative.has-error.focused {
  border-bottom-color: #D53F3F;
  border-bottom-width: 2px;
  box-shadow: none;
  padding-bottom: 0;
}
.tag-field > .field.alternative.read-only {
  color: #000;
}
.tag-field > .field:not(.multiline) {
  white-space: nowrap;
}
.tag-field > .field > .tag-bar {
  display: inline-block;
}
.tag-field > .field > input {
  border: none;
  padding-left: 3px;
  padding-right: 3px;
  background-color: transparent;
  min-height: 22px;
  height: 100%;
}
.tag-field > .field > input.fullwidth {
  width: 100%;
  padding-left: 6px;
}
.tag-field > .field > input.fullwidth.alternative {
  padding-left: 0;
  padding-right: 0;
}
.tag-field > .field > input.focused,
.tag-field > .field > input:focus {
  box-shadow: none;
}
.tag-field > .field > input.has-error {
  background-color: transparent;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-field.alternative > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.table-field > .table {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  background-color: transparent;
  overflow: hidden;
  /* necessary due to rounded borders and background color*/
}
.table-field > .table.alternative {
  border-radius: 3px;
}
.table-field > .table.no-rows-selected:focus,
.table-field > .table.no-rows-selected.focused {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tree-field.alternative > label.top {
  /* NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less */
  padding-bottom: 4px;
}
.tree-field > .tree {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  background-color: transparent;
  overflow: hidden;
  /* necessary due to rounded borders and background color*/
}
.tree-field > .tree.alternative {
  border-radius: 3px;
}
.tree-field > .tree.no-rows-selected:focus,
.tree-field > .tree.no-nodes-selected:focus,
.tree-field > .tree.no-rows-selected.focused,
.tree-field > .tree.no-nodes-selected.focused {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.wizard-steps {
  overflow: hidden;
  margin-left: 10px;
  margin-right: 0;
}
.wizard-steps-body {
  display: flex;
  align-items: center;
  height: 64px;
  overflow: hidden;
  white-space: nowrap;
  /* Allows the last wizard-step to be 100% without line break */
  border-bottom: 1px solid #DADADA;
  position: relative;
}
.wizard-step {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard-step > .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid #DADADA;
  border-radius: 50%;
  margin-right: 9px;
  font-size: 11px;
}
.wizard-step > .icon > .font-icon {
  font-size: 14px;
}
.wizard-step > .text > .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wizard-step > .text > .title::before {
  content: attr(data-text);
  display: block;
  font-weight: bold;
  visibility: hidden;
  height: 0;
}
.wizard-step > .text > .sub-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666666;
  letter-spacing: 0.2px;
  font-size: 11px;
}
.wizard-step.first {
  padding-left: 0;
}
.wizard-step.last {
  padding-right: 0;
}
.wizard-step.action-enabled {
  cursor: pointer;
  color: #1561A7;
}
.wizard-step.action-enabled:hover > .icon {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.wizard-step.action-enabled:hover > .text > .title {
  color: #1561A7;
}
.wizard-step.action-enabled:active > .icon,
.wizard-step.action-enabled.active > .icon {
  background-color: rgba(0, 0, 0, 0.12);
}
.wizard-step.finished > .icon {
  color: #00856C;
  background-color: #DCFBF5;
  border-color: #DCFBF5;
}
.wizard-step.finished.action-enabled:hover > .icon {
  color: #00856C;
  background-color: #c1f8ed;
  border-color: #c1f8ed;
}
.wizard-step.finished.action-enabled:active > .icon,
.wizard-step.finished.action-enabled.active > .icon {
  color: #00856C;
  background-color: #a1f4e4;
  border-color: #a1f4e4;
}
.wizard-step.selected > .icon {
  color: #fff;
  background-color: #1561A7;
  border-color: #1561A7;
  font-weight: bold;
}
.wizard-step.selected > .text > .title {
  font-weight: bold;
}
.wizard-step.disabled > .icon {
  background-color: inherit;
  color: #808080;
  border-color: #DADADA;
}
.wizard-step.disabled > .text > .title,
.wizard-step.disabled > .text > .sub-title {
  color: #808080;
}
.wizard-steps > .scrollbar > .scrollbar-thumb.x-axis {
  padding-top: 6px;
}
.wizard-steps > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,
.wizard-steps > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {
  padding-top: 4px;
}
.wizard-step-separator {
  height: 1px;
  width: 40px;
  background-color: #DADADA;
  flex-shrink: 0;
  flex-grow: 0;
}
.wizard-steps.compact > .wizard-steps-body {
  height: 44px;
}
.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {
  width: 20px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.wrapped-form-field > .form {
  background-color: transparent;
  /* Reset padding set in GroupBox.css */
  /* Reset margin set in GroupBox.css */
  /* Reset values set in MenuBar.css */
}
.wrapped-form-field > .form > .root-group-box > .group-box-body,
.wrapped-form-field > .form > .root-group-box > .group-box-header {
  padding-left: 0;
  padding-right: 0;
}
.wrapped-form-field > .form > .root-group-box {
  overflow: visible;
  /* allow overflow for the root-group-box for wrapped forms */
}
.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar {
  /* position scrollbar as right as possible to prevent overlapping field parts. */
}
.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {
  padding-left: 8px;
}
.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,
.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {
  padding-left: 6px;
}
.wrapped-form-field > .form > .root-group-box > .menubar {
  margin-left: 10px;
  background-color: inherit;
}
.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.first {
  margin-left: 0;
}
.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.last {
  margin-right: 0;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.glasspane {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  outline: none;
  z-index: 100;
  cursor: default;
}
.glasspane.busy {
  cursor: wait;
}
.glasspane.dark {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-animation: fade-in ease-in 1;
  -moz-animation: fade-in ease-in 1;
  -o-animation: fade-in ease-in 1;
  animation: fade-in ease-in 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.glasspane-parent {
  pointer-events: none;
  /* Disable hover effects and clicks */
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.iframe.no-scrolling {
  overflow: hidden;
}
.iframe.iphone {
  height: 100%;
}
.iframe-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.iframe-wrapper > iframe {
  display: block;
  width: 100%;
  border: 0;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.image {
  /* vertical-align-bottom is necessary to remove the bottom margin of the image */
  vertical-align: bottom;
}
.image.autofit {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.image.chrome-fix {
  padding-bottom: 0.01px;
}
.image.empty {
  visibility: hidden;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.key-box {
  position: absolute;
  min-width: 34px;
  padding: 4px 5px;
  z-index: 100;
  color: #000;
  background-color: #FDE1B1;
  line-height: normal;
  text-align: center;
  border: 1px solid #FDE1B1;
  font-size: 11px;
  font-weight: normal;
  border-radius: 3px;
}
.key-box.disabled {
  border-color: #CFCFCF;
  background-color: #CFCFCF;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.logical-grid-layout {
  position: relative;
}
.logical-grid-layout > * {
  position: absolute;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.menu-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1561A7;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 3px;
  transition: box-shadow 0.3s ease;
}
.menu-item.menu-icononly {
  padding-left: 8px;
  padding-right: 8px;
}
.menu-item > .key-box {
  bottom: -3px;
}
.menu-item:hover {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.menu-item:active,
.menu-item.active {
  background-color: rgba(0, 0, 0, 0.12);
}
.menu-item.selected {
  color: #fff;
  background-color: #1561A7;
}
.menu-item.selected:hover {
  background-color: #014786;
}
.menu-item.selected.active,
.menu-item.selected:active {
  background-color: #012c53;
}
.menu-item.selected.has-popup {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.menu-item:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px #93c5f4;
}
.menu-item.disabled {
  color: #808080;
  background-color: transparent;
  cursor: default;
}
.menu-item.disabled:hover,
.menu-item.disabled.active,
.menu-item.disabled:active {
  background-color: transparent;
}
.menu-item.disabled.selected {
  color: #fff;
  background-color: #808080;
}
.menu-item.disabled.selected.has-popup {
  color: #808080;
  background-color: rgba(0, 0, 0, 0.12);
}
.menu-item.menu-textandicon > .icon {
  margin-right: 8px;
}
.menu-item > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.menu-item > .font-icon {
  font-size: 16px;
}
.menu-item > .image-icon {
  /* Prevent large image icons from overlapping the menu item */
  max-height: 16px;
  /* Ensure the default image icon size is taken from the beginning, so that the text does not "jump" when */
  /* the image loading is complete. (For larger icons, the width will be increased afterwards.) */
  min-width: 16px;
}
.menu-item > .icon.with-label {
  margin-right: 8px;
}
.menu-item.disabled > .icon.image-icon {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.menu-item > .submenu-icon,
.menu-item > .text > .submenu-icon {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  padding-left: 8px;
}
.menu-icononly.menu-item > .submenu-icon,
.menu-icononly.menu-item > .text > .submenu-icon {
  padding-left: 0;
}
.selected.menu-item > .submenu-icon,
.selected.menu-item > .text > .submenu-icon {
  -webkit-transform: rotateX(180deg) translateY(-1px);
  -ms-transform: rotateX(180deg) translateY(-1px);
  transform: rotateX(180deg) translateY(-1px);
}
.menu-item.bottom-text.menu-textandicon {
  flex-direction: column;
}
.menu-item.bottom-text.menu-textandicon > .icon {
  display: block;
  margin-right: 0;
  padding-bottom: 3px;
}
.menu-item.bottom-text.menu-textandicon > .text {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {
  font-size: 12px;
  padding-left: 4px;
  line-height: 0;
}
.menu-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1561A7;
  background-color: transparent;
  --border-color: #1561A7;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 7px;
}
.menu-button.borderless {
  background-color: transparent;
  border: 0;
}
.menu-button.borderless:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px #93c5f4;
}
.menu-button > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.menu-button > .icon {
  /* Padding only relevant for icons larger than the container */
  padding-top: 2px;
  padding-bottom: 2px;
}
.menu-button > .icon.with-label {
  margin-right: 8px;
}
.menu-button > .icon.loading,
.menu-button > .icon.broken {
  display: none !important;
  /* NOSONAR (!important is okay here) */
}
.menu-button > .icon.image-icon {
  max-height: 100%;
}
.menu-button > .font-icon {
  font-size: 16px;
}
.menu-button > .submenu-icon {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  padding-left: 8px;
}
.selected.menu-button > .submenu-icon {
  -webkit-transform: rotateX(180deg) translateY(-1px);
  -ms-transform: rotateX(180deg) translateY(-1px);
  transform: rotateX(180deg) translateY(-1px);
}
.menu-button > .button-label,
.menu-button > .icon,
.menu-button > .submenu-icon {
  opacity: 1;
  transition: opacity 250ms;
}
.menu-button:hover {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.menu-button:active,
.menu-button.active {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.menu-button.selected {
  color: #fff;
  background-color: #1561A7;
  border-color: #1561A7;
}
.menu-button.selected:hover {
  background-color: #014786;
  border-color: #014786;
}
.menu-button.selected.active,
.menu-button.selected:active {
  background-color: #012c53;
  border-color: #012c53;
}
.menu-button.selected.has-popup {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.menu-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.menu-button.default {
  background-color: #1561A7;
  /* border is necessary to align the text with text from buttons with a real border */
  border-color: #1561A7;
  color: #fff;
}
.menu-button.default:hover {
  background-color: #014786;
  border-color: #014786;
}
.menu-button.default:active,
.menu-button.default.active {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.menu-button.default.selected {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.menu-button.default:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.menu-button:disabled,
.menu-button.disabled {
  background-color: transparent;
  border-color: #DADADA;
  color: #808080;
  cursor: default;
}
.menu-button:disabled:hover,
.menu-button.disabled:hover,
.menu-button:disabled.active,
.menu-button.disabled.active,
.menu-button:disabled:active,
.menu-button.disabled:active,
.menu-button:disabled.selected,
.menu-button.disabled.selected {
  background-color: transparent;
  border-color: #DADADA;
  color: #808080;
}
.menu-button:disabled.selected,
.menu-button.disabled.selected {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.menu-button:disabled.selected.has-popup,
.menu-button.disabled.selected.has-popup {
  color: #808080;
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.menu-button.loading > .button-label,
.menu-button.loading > .icon,
.menu-button.loading > .submenu-icon {
  opacity: 0;
  transition: opacity 250ms;
}
.menu-button.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.menu-button.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 20px;
  height: 20px;
}
.menu-button.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.context-menu-popup {
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.context-menu-popup.animate-open {
  -webkit-animation-name: fadein-zoom;
  -moz-animation-name: fadein-zoom;
  -o-animation-name: fadein-zoom;
  animation-name: fadein-zoom;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.context-menu-popup.animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.context-menu {
  position: absolute;
  margin: 6px 0;
  background-color: #fff;
}
.context-menu > .menu-item {
  display: flex;
  justify-content: start;
  padding: 8px 16px 8px 16px;
  color: #000;
  border-radius: 0;
}
.context-menu > .menu-item > .font-icon {
  color: #1561A7;
  min-width: 16px;
  text-align: center;
}
.context-menu > .menu-item > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  /* default is inline, inline-block is necessary so that max-width set by JS is respected */
  display: inline-block;
}
.context-menu > .menu-item.menu-textandicon > .icon {
  margin-right: 14px;
}
.context-menu > .menu-item.selected {
  background-color: #E9F0F6;
}
.context-menu > .menu-item.selected.has-popup {
  color: #000;
}
.context-menu > .menu-item.selected.has-popup.disabled {
  color: #808080;
  background-color: #E9F0F6;
}
.context-menu > .menu-item.selected > .submenu-icon {
  transform: none;
}
.context-menu > .menu-item.expanded > .submenu-icon {
  -webkit-transform: rotateX(180deg) translateY(-1px);
  -ms-transform: rotateX(180deg) translateY(-1px);
  transform: rotateX(180deg) translateY(-1px);
}
.context-menu > .menu-item.disabled {
  color: #808080;
}
.context-menu > .menu-item.disabled > .font-icon {
  color: #808080;
}
.context-menu > .menu-item > .key-box {
  bottom: auto;
  top: 5px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.combo-menu {
  padding: 0;
  cursor: default;
  align-items: stretch;
}
.combo-menu:active,
.combo-menu.active,
.combo-menu:hover {
  background-color: transparent;
}
.combo-menu > .menu-item:not(.first) {
  margin-left: 3px;
}
.combo-menu > .menu-item:not(.first)::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 7px;
  height: calc(100% - 14px);
  width: 1px;
  background-color: #DADADA;
}
.combo-menu > .menu-item:focus::before {
  display: none;
}
.combo-menu > .menu-item:not(.disabled):hover::before,
.combo-menu > .menu-item.selected::before,
.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,
.combo-menu > .menu-item.selected ~ .menu-item::before {
  display: none;
}
.combo-menu.menu-button {
  border: 0;
}
.combo-menu.menu-button > .menu-item {
  border: 1px solid #1561A7;
  flex-grow: 1;
}
.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {
  flex-grow: 0;
}
.combo-menu.menu-button > .menu-item:not(.last) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.combo-menu.menu-button > .menu-item:not(.first) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  margin-left: 0;
}
.disabled.combo-menu.menu-button > .menu-item {
  border-color: #808080;
}
.combo-menu.menu-button > .menu-item:focus {
  z-index: 1;
}
.combo-menu.menu-button.default > .menu-item {
  background-color: #1561A7;
  /* border is necessary to align the text with text from buttons with a real border */
  border-color: #1561A7;
  color: #fff;
}
.combo-menu.menu-button.default > .menu-item:hover {
  background-color: #014786;
  border-color: #014786;
}
.combo-menu.menu-button.default > .menu-item:active,
.combo-menu.menu-button.default > .menu-item.active {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.combo-menu.menu-button.default > .menu-item.selected {
  color: #fff;
  background-color: #012c53;
  border-color: #012c53;
}
.combo-menu.menu-button.default > .menu-item:focus {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
}
.combo-menu.menu-button.default > .menu-item::before {
  background-color: #DADADA;
}
.combo-menu.menu-button.default > .menu-item.selected {
  background-color: #012c53;
  border-color: #012c53;
}
.combo-menu.menu-button.default > .menu-item.disabled {
  color: rgba(255, 255, 255, 0.4);
}
.combo-menu.menu-button.default > .menu-item.disabled:hover,
.combo-menu.menu-button.default > .menu-item.disabled.active,
.combo-menu.menu-button.default > .menu-item.disabled:active,
.combo-menu.menu-button.default > .menu-item.disabled.selected {
  background-color: #1561A7;
  border-color: #1561A7;
}
.context-menu > .combo-menu {
  padding: 0;
}
.context-menu > .combo-menu > .menu-item {
  color: #000;
  padding: 8px 16px 8px 16px;
  flex-grow: 1;
  justify-content: start;
  border-radius: 0;
}
.context-menu > .combo-menu > .menu-item > .font-icon {
  color: #1561A7;
}
.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {
  margin-right: 14px;
}
.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {
  flex-grow: 0;
}
.context-menu > .combo-menu > .menu-item.disabled {
  color: #808080;
}
.context-menu > .combo-menu > .menu-item.disabled > .font-icon {
  color: #808080;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.profile-menu.menu-item > .icon {
  height: 26px;
  width: 26px;
  margin: -4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #014786 -145%, #74A8D8 56%);
}
.profile-menu.menu-item > .icon.font-icon {
  color: #fff;
}
.profile-menu.menu-item > .icon.image-icon {
  object-fit: cover;
  max-height: 26px;
}
.context-menu > .menu-textandicon.profile-menu.menu-item > .icon {
  margin-right: 10px;
}
.desktop-tool-box-item.profile-menu.menu-item > .icon {
  height: 32px;
  width: 32px;
  margin: 0;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  font-size: 18px;
}
.menu-textandicon.desktop-tool-box-item.profile-menu.menu-item > .icon {
  margin-right: 8px;
}
.desktop-tool-box-item.profile-menu.menu-item > .icon.image-icon {
  max-height: 32px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.form-field-menu {
  padding-top: 0;
  padding-bottom: 0;
  cursor: default;
  color: #000;
}
.form-field-menu:hover {
  color: #000;
  background-color: transparent;
}
.form-field-menu:active,
.form-field-menu.active {
  background-color: transparent;
}
.form-field-menu:not(.has-text):not(.has-icon) > .form-field > label {
  margin-left: 0;
}
.form-field-menu > .form-field {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.form-field-menu > .form-field > label {
  margin-left: 8px;
}
.form-field-menu > .form-field.disabled:not(.read-only) > label {
  /* Use same disabled color as for menu items */
  color: #808080;
}
.form-field-menu:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {
  margin-left: -10px;
}
.form-field-menu > .check-box-field.disabled:not(.read-only) > .field > .label,
.form-field-menu > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,
.form-field-menu > .radio-button.disabled:not(.read-only) > .field > .label {
  /* Use same disabled color as for menu items */
  color: #808080;
}
.menubar-box > .form-field-menu > .string-field,
.menubar-box > .form-field-menu > .smart-field,
.menubar-box > .form-field-menu > .dropdown-field,
.menubar-box > .form-field-menu > .proposal-field,
.menubar-box > .form-field-menu > .number-field,
.menubar-box > .form-field-menu > .date-field,
.menubar-box > .form-field-menu > .tag-field,
.menubar-box > .form-field-menu > .file-chooser-field {
  margin-top: 2px;
  margin-bottom: 2px;
}
:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.first {
  padding-left: 0;
}
:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.last {
  padding-right: 0;
}
/* Inside context menu popup -> set preferred size */
.context-menu > .form-field-menu > .text,
.context-menu > .form-field-menu > .icon {
  flex: none;
}
.context-menu > .form-field-menu > .form-field {
  flex: 1 1 auto;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/* Mixins */
#scout {
  /* standard main-menubar */
  /* a transparent main-menubar */
}
/* Styles */
.menubar {
  position: relative;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #DADADA;
  white-space: nowrap;
}
.menubar.bottom {
  border-bottom: 0;
  border-top: 1px solid #DADADA;
}
.menubar-box {
  display: inline-flex;
  height: 100%;
  align-items: center;
  /* If the menubar has a border left and right, the first and last items need to be adjusted */
}
.menubar-box.right {
  float: right;
}
.menubar-box > .menu-separator {
  width: 1px;
  margin: 0 10px;
  background-color: #DADADA;
  height: 15px;
}
.menubar-box > .menu-separator.overflown {
  display: none;
}
.menubar-box > .menu-item {
  margin: 2px 2px;
  /* By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed */
  min-height: 30px;
}
.menubar-box > .menu-item.menu-icononly {
  margin-left: 2px;
  margin-right: 2px;
  min-width: 30px;
}
.menubar-box > .menu-item.overflown {
  display: none;
}
.menubar-box > .menu-item.first {
  margin-left: 0;
}
.menubar-box > .menu-item.last {
  margin-right: 0;
}
.menubar-box > .menu-button {
  min-width: 110px;
  margin: 4px;
}
.menubar-box > .menu-button.small {
  min-width: 53px;
}
.bounded > .menubar-box > .menu-item.first {
  margin-left: 2px;
}
.bounded > .menubar-box > .menu-item.last {
  margin-right: 2px;
}
.main-menubar {
  background-color: transparent;
  min-height: 64px;
  margin-left: inherit;
  margin-right: inherit;
}
.main-menubar > .menubar-box > .menu-separator {
  height: 18px;
}
.main-menubar > .menubar-box > .menu-item {
  margin-left: 5px;
  margin-right: 5px;
}
.main-menubar > .menubar-box > .menu-item.first {
  margin-left: 10px;
}
.main-menubar > .menubar-box > .menu-item.last {
  margin-right: 10px;
}
.main-menubar > .menubar-box > .menu-item.menu-icononly {
  margin-left: 2px;
  margin-right: 2px;
}
.main-menubar > .menubar-box > .menu-item.menu-icononly.first {
  margin-left: 12px;
}
.main-menubar > .menubar-box > .menu-item.menu-icononly.last {
  margin-right: 12px;
}
.main-menubar > .menubar-box > .menu-button.first,
.main-menubar > .menubar-box > .menu-button.first.menu-icononly {
  margin-left: 20px;
}
.main-menubar > .menubar-box > .menu-button.last,
.main-menubar > .menubar-box > .menu-button.last.menu-icononly {
  margin-right: 20px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.menu-bar-popup {
  margin: 8px 6px;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.messagebox {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 200px;
  max-width: 473px;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin: 10px /* minimum padding to desktop */ 10px 15px;
}
.messagebox.full-height.full-width {
  border-radius: 0;
}
.messagebox.full-width > .messagebox-buttons {
  padding-left: 10px;
  padding-right: 10px;
}
.messagebox.full-width > .messagebox-buttons > .box-button {
  min-width: 70px;
  /* less min width for buttons on small screens */
  margin-right: 8px;
}
.messagebox.full-width > .messagebox-buttons > .box-button:last-child {
  margin-right: 0;
}
.messagebox.info > .messagebox-content > .messagebox-header {
  color: #1561A7;
}
.messagebox.info > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {
  background-color: #1561A7;
}
.messagebox.info > .box-buttons > .box-button {
  border-color: #1561A7;
  color: #1561A7;
}
.messagebox.info > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.messagebox.info > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.messagebox.info > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.messagebox.info > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #1561A7;
}
.messagebox.info > .box-buttons > .box-button.default:hover {
  background-color: #014786;
  border-color: #014786;
}
.messagebox.info > .box-buttons > .box-button.default.active,
.messagebox.info > .box-buttons > .box-button.default:active {
  background-color: #012c53;
  border-color: #012c53;
}
.messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.messagebox.info > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.messagebox.error > .messagebox-content > .messagebox-header {
  color: #D53F3F;
}
.messagebox.error > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {
  background-color: #D53F3F;
}
.messagebox.error > .box-buttons > .box-button {
  border-color: #D53F3F;
  color: #D53F3F;
}
.messagebox.error > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.messagebox.error > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);
  border-color: rgba(213, 63, 63, 0.55);
}
.messagebox.error > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.messagebox.error > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #D53F3F;
}
.messagebox.error > .box-buttons > .box-button.default:hover {
  background-color: #c92c2c;
  border-color: #c92c2c;
}
.messagebox.error > .box-buttons > .box-button.default.active,
.messagebox.error > .box-buttons > .box-button.default:active {
  background-color: #ac2626;
  border-color: #ac2626;
}
.messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);
  border-color: rgba(213, 63, 63, 0.55);
}
.messagebox.error > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.messagebox.warning > .messagebox-content > .messagebox-header {
  color: #AD6200;
}
.messagebox.warning > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {
  background-color: #AD6200;
}
.messagebox.warning > .box-buttons > .box-button {
  border-color: #AD6200;
  color: #AD6200;
}
.messagebox.warning > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.messagebox.warning > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);
  border-color: rgba(173, 98, 0, 0.55);
}
.messagebox.warning > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.messagebox.warning > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #AD6200;
}
.messagebox.warning > .box-buttons > .box-button.default:hover {
  background-color: #8e5100;
  border-color: #8e5100;
}
.messagebox.warning > .box-buttons > .box-button.default.active,
.messagebox.warning > .box-buttons > .box-button.default:active {
  background-color: #6b3c00;
  border-color: #6b3c00;
}
.messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);
  border-color: rgba(173, 98, 0, 0.55);
}
.messagebox.warning > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.messagebox.ok > .messagebox-content > .messagebox-header {
  color: #00856C;
}
.messagebox.ok > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {
  background-color: #00856C;
}
.messagebox.ok > .box-buttons > .box-button {
  border-color: #00856C;
  color: #00856C;
}
.messagebox.ok > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.messagebox.ok > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);
  border-color: rgba(0, 133, 108, 0.55);
}
.messagebox.ok > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.messagebox.ok > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #00856C;
}
.messagebox.ok > .box-buttons > .box-button.default:hover {
  background-color: #006653;
  border-color: #006653;
}
.messagebox.ok > .box-buttons > .box-button.default.active,
.messagebox.ok > .box-buttons > .box-button.default:active {
  background-color: #004336;
  border-color: #004336;
}
.messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);
  border-color: rgba(0, 133, 108, 0.55);
}
.messagebox.ok > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.messagebox.animate-open {
  -webkit-animation-name: short-drop;
  -moz-animation-name: short-drop;
  -o-animation-name: short-drop;
  animation-name: short-drop;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.messagebox.animate-modality-highlight {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.messagebox-content {
  min-height: 30px;
  padding: 27px 26px 17px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* add a bit of extra space to the scrollbar on the right */
}
.messagebox-content > .scrollbar.y-axis {
  width: 16px;
}
.messagebox-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  justify-content: center;
  flex-shrink: 0;
}
.messagebox-label {
  word-wrap: break-word;
  word-break: break-word;
}
.messagebox-label.copyable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.messagebox-header {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 14px;
  text-align: center;
}
.messagebox-header > .messagebox-icon {
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
}
.messagebox-header.has-text > .messagebox-icon {
  margin-right: 12px;
}
.has-body > .messagebox-html {
  padding-top: 10px;
}
.messagebox-html > :first-child {
  margin-top: 0;
}
.messagebox-html > :last-child {
  margin-bottom: 0;
}
.messagebox-html > p {
  margin: 8px 0;
}
.messagebox-html > p + ul {
  margin-top: -4px;
}
.messagebox-html > ul {
  margin: 5px 0;
}
.messagebox-html > ul {
  padding-left: 26px;
}
.messagebox-html > ul > li {
  margin-top: 3px;
}
.messagebox-html > ul > li:first-child {
  margin-top: 0;
}
.messagebox-buttons {
  display: flex;
  justify-content: center;
  padding: 4px 26px 25px 26px;
}
@media (max-width: 473px) {
  .messagebox {
    /* no need to have a margin on small screens */
    margin: 0;
  }
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.mode {
  --padding-x: 12px;
  --padding-y: 6px;
  --border-width: 1px;
  border: var(--border-width) solid rgba(0, 0, 0, 0.23);
  border-radius: 0;
  flex: 1 1 0;
  padding: var(--padding-y) var(--padding-x);
  overflow: hidden;
  text-overflow: ellipsis;
}
.mode.first {
  border-radius: 3px 0 0 3px;
}
.mode.last {
  border-radius: 0 3px 3px 0;
}
.mode.first.last {
  border-radius: 3px;
}
.mode:not(.last):not(.selected) {
  border-right: none;
  padding-right: calc(var(--padding-x) + var(--border-width));
  /* account for the missing border, so that text does not jump */
}
.mode.after-selected {
  border-left: none;
  padding-left: calc(var(--padding-x) + var(--border-width));
  /* account for the missing border, so that text does not jump */
}
.mode.selected {
  color: #fff;
  cursor: default;
}
.mode.selected:hover {
  background-color: #1561A7;
  border-color: #1561A7;
}
.mode.selected:active {
  background-color: #1561A7;
  border-color: #1561A7;
}
.mode.selected.disabled {
  background-color: #808080;
  border-color: #808080;
}
.mode > .icon {
  padding: 0;
}
.mode > .icon.with-label {
  margin-right: 8px;
}
.mode-selector.alternative > .mode {
  --border-width: 0px;
  color: #666666;
  background-color: transparent;
  border-radius: 3px;
}
.mode-selector.alternative > .mode:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mode-selector.alternative > .mode:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.mode-selector.alternative > .mode.selected {
  color: #1561A7;
  transition: color 500ms ease;
}
.mode-selector.alternative > .mode.selected:hover {
  background-color: transparent;
}
.mode-selector.alternative > .mode.selected.disabled {
  background-color: #DADADA;
}
.mode-selector.alternative > .mode.mode-selector-dragging {
  background-color: transparent;
  transition: unset;
}
.mode-selector.alternative > .mode.disabled {
  color: #808080;
  background-color: transparent;
  cursor: default;
}
.dense .mode-selector > .mode {
  --padding-x: 5px;
  --padding-y: 3px;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.mode-selector {
  position: relative;
  background-color: transparent;
  white-space: nowrap;
  display: inline-flex;
  overflow: hidden;
}
.mode-selector > .mode-slider {
  display: none;
}
.mode-selector.alternative {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  border: 3px solid transparent;
}
.mode-selector.alternative:not(.disabled) > .mode-slider {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  transition: left 500ms ease, width 500ms ease;
}
.mode-selector.alternative:not(.disabled) > .mode-slider.mode-selector-dragging {
  transition: unset;
}
.mode-selector.alternative > .mode.mode-selector-dragging {
  pointer-events: none;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.notification {
  position: relative;
  display: flex;
  align-items: center;
  margin: 10px 0 0 10px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #000;
  pointer-events: auto;
  font-weight: bold;
  /* When notification is a direct child of the main group-box: use different margins */
}
.notification.alternative {
  border: 0;
}
.notification.no-icon {
  padding: 13px 12px 13px 23px;
}
.notification.no-icon::before {
  content: '';
  position: absolute;
  border: 2px solid #E9F0F6;
  background-color: #E9F0F6;
  margin: 7px 0 7px 9px;
  border-radius: 2px;
  top: 0;
  left: 0;
  width: 0;
  height: calc(100% -  7px * 2);
}
.notification.ok {
  border-color: #00856C;
  color: #00856C;
}
.notification.ok.alternative {
  background-color: #DCFBF5;
}
.notification.ok.no-icon::before {
  border-color: #00856C;
  background-color: #00856C;
}
.notification.info {
  border-color: #1561A7;
  font-weight: normal;
}
.notification.info.alternative {
  color: #1561A7;
  font-weight: bold;
  background-color: #E9F0F6;
}
.notification.info.no-icon::before {
  border-color: #1561A7;
  background-color: #1561A7;
}
.notification.warning {
  border-color: #AD6200;
  color: #AD6200;
}
.notification.warning.alternative {
  background-color: #FCF0E5;
}
.notification.warning.no-icon::before {
  border-color: #AD6200;
  background-color: #AD6200;
}
.notification.error {
  border-color: #D53F3F;
  color: #D53F3F;
}
.notification.error.alternative {
  background-color: #FEE0E0;
}
.notification.error.no-icon::before {
  border-color: #D53F3F;
  background-color: #D53F3F;
}
.root-group-box > .notification {
  margin-left: 20px;
  margin-right: 20px;
}
.notification-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.notification-icon.font-icon {
  color: #fff;
  background-color: #fff;
  font-size: 14px;
  border-radius: 50%;
}
.ok > .notification-icon.font-icon {
  background-color: #00856C;
}
.info > .notification-icon.font-icon {
  background-color: #1561A7;
}
.warning > .notification-icon.font-icon {
  background-color: #AD6200;
}
.error > .notification-icon.font-icon {
  background-color: #D53F3F;
}
.notification-content {
  max-width: 100%;
}
.has-icon > .notification-content {
  max-width: calc(100% - 40px);
  margin-left: 10px;
}
.notification-content.closable {
  padding-right: 25px;
}
.notification-content > .closer {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 6px;
}
.has-icon > .notification-content > .closer {
  right: 9px;
  top: 9px;
}
.ok > .notification-content > .closer,
.warning > .notification-content > .closer,
.error > .notification-content > .closer,
.alternative > .notification-content > .closer {
  color: inherit;
}
.notification-message {
  padding-right: 12px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.planner {
  position: absolute;
  overflow: hidden;
}
.planner > .menubar.bottom {
  position: absolute;
  bottom: 0;
}
.planner-scale {
  position: absolute;
  right: 0;
  height: 45px;
  border-bottom: 1px solid #DADADA;
  width: 100%;
  /* for horizontal scrollbars */
  overflow: hidden;
  white-space: nowrap;
}
.planner-scale .scale-item {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 0 0 0 5px;
}
.planner-scale .scale-item.label-invisible {
  color: transparent;
}
.planner-scale > .timeline {
  display: inline-block;
  width: calc(100% -  150px);
}
.planner-scale > .timeline > .timeline-large {
  height: 50%;
  background-color: #F5F5F5;
  line-height: 22.5px;
}
.planner-scale > .timeline > .timeline-large > .scale-item > .planner-large-scale-item-line {
  height: 45px;
}
.planner-scale > .timeline > .timeline-small {
  height: 50%;
  line-height: 22.5px;
}
.planner-scale > .timeline > .timeline-small > .highlight {
  position: absolute;
  background-color: #E9F0F6;
  height: 50%;
}
.planner-scale-title {
  height: 100%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  font-size: 17px;
  color: #666666;
  line-height: 45px;
  width: 150px;
}
.planner-grid {
  position: absolute;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.planner-resource {
  height: 30px;
  width: 100%;
  border-bottom: 1px solid #DADADA;
}
.planner-resource > .resource-title {
  line-height: 30px;
  height: 100%;
  width: 150px;
  padding: 0 5px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.planner-resource.selected > .resource-title {
  background-color: #E9F0F6;
}
.planner-resource > .resource-cells {
  position: relative;
  height: 100%;
  width: calc(100% -  150px);
  float: left;
}
.planner-resource > .resource-cells > .selector {
  position: absolute;
  border-top: 2px solid #1561A7;
  border-bottom: 2px solid #1561A7;
  z-index: 1;
  /* TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector */
  top: 0;
}
.planner-resource > .resource-cells > .selector > .selector-resize-left {
  background-color: #fff;
  border-left: 2px solid #1561A7;
  border-right: 2px solid #1561A7;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
}
.planner-resource > .resource-cells > .selector > .selector-resize-right {
  background-color: #fff;
  border-left: 2px solid #1561A7;
  border-right: 2px solid #1561A7;
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
}
.planner-activity {
  position: absolute;
  top: 1px;
  width: 0;
  color: #000;
  height: 27px;
  line-height: 27px;
  background-color: #67E9D1;
  text-align: center;
  border: 1px solid #DADADA;
  overflow: hidden;
}
.planner-activity.selected {
  outline: 2px solid #1561A7;
}
.planner-activity-level {
  background-color: #fff;
}
.planner-small-scale-item-line {
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.07);
  pointer-events: none;
}
.planner-large-scale-item-line {
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
/*
 * Copyright (c) 2014-2020 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.planner-header {
  display: table;
  width: 100%;
  white-space: nowrap;
  padding: 8px 3px 12px 0;
}
.planner-range {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 8px;
}
.planner-previous,
.planner-today,
.planner-next {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  height: 30px;
  color: #000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  margin-right: 5px;
  line-height: 29px;
}
.planner-previous:hover,
.planner-today:hover,
.planner-next:hover {
  color: #1561A7;
}
.planner-today {
  width: 65px;
}
.planner-select {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  margin-left: 15px;
  margin-right: 15px;
}
.planner-previous:hover::before,
.planner-next:hover::before {
  color: #1561A7;
}
.planner-previous::before {
  line-height: 29px;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 20px;
  width: 29px;
  content: '\E012';
  color: #000;
  text-align: center;
}
.planner-next::before {
  line-height: 29px;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 20px;
  width: 29px;
  content: '\E013';
  color: #000;
  text-align: center;
}
.planner-commands {
  display: table-cell;
  text-align: right;
}
.planner-mode,
.planner-toggle-year,
.planner-toggle-list {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 30px;
  line-height: 29px;
  cursor: pointer;
}
.planner-mode {
  padding: 0 8px;
  min-width: 65px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.23);
  border-bottom: 1px solid rgba(0, 0, 0, 0.23);
  border-left: 1px solid rgba(0, 0, 0, 0.23);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.planner-mode.first {
  border-left: 1px solid rgba(0, 0, 0, 0.23);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.planner-mode.last {
  border-right: 1px solid rgba(0, 0, 0, 0.23);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 5px;
}
.planner-mode:hover {
  color: #1561A7;
}
.planner-mode.selected {
  color: #2F3C45;
  background-color: #E9F0F6;
}
.planner-mode.disabled {
  background-color: transparent;
  border-color: #DADADA;
  color: #808080;
  cursor: default;
}
.planner-toggle-year,
.planner-toggle-list {
  margin-left: 5px;
}
.planner-toggle-year:hover::before,
.planner-toggle-list:hover::before {
  color: #1561A7;
}
.planner-toggle-year::before {
  line-height: 29px;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 18px;
  width: 29px;
  content: '\E029';
  color: #000;
  text-align: center;
}
.planner-toggle-list::before {
  line-height: 29px;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  font-size: 18px;
  width: 29px;
  content: '\E01C';
  color: #000;
  text-align: center;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.popup {
  position: absolute;
  top: 0;
}
.popup:focus {
  outline: none;
}
.popup.with-arrow {
  min-width: 11px;
  min-height: 11px;
}
.popup.before-animate-open {
  visibility: hidden !important;
  /* NOSONAR (!important is okay here) */
}
.popup-arrow {
  position: absolute;
  border: inherit;
  background-color: inherit;
  width: 11px;
  height: 11px;
}
.popup-arrow.left {
  left: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup-arrow.left.center {
  top: 50%;
}
.popup-arrow.left.bottomedge {
  transform: translate(-50%, 50%) rotate(45deg);
}
.popup-arrow.right {
  right: 0;
  transform: translate(50%, -50%) rotate(45deg);
}
.popup-arrow.right.center {
  top: 50%;
}
.popup-arrow.right.bottomedge {
  transform: translate(50%, 50%) rotate(45deg);
}
.popup-arrow.top {
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup-arrow.top.center {
  left: 50%;
}
.popup-arrow.top.rightedge {
  transform: translate(50%, -50%) rotate(45deg);
}
.popup-arrow.bottom {
  bottom: 0;
  transform: translate(-50%, 50%) rotate(45deg);
}
.popup-arrow.bottom.center {
  left: 50%;
}
.popup-arrow.bottom.rightedge {
  transform: translate(50%, 50%) rotate(45deg);
}
.popup-arrow.leftedge {
  left: 35px;
}
.popup-arrow.rightedge {
  right: 35px;
}
.popup-arrow.topedge {
  top: 35px;
}
.popup-arrow.bottomedge {
  bottom: 35px;
}
.popup-arrow-overlay {
  position: absolute;
  background-color: inherit;
  width: 100%;
  height: 100%;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.mobile-popup {
  background-color: #fff;
  border: 0 solid #DADADA;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
  margin-top: 30px;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);
}
.mobile-popup.animate-open {
  -webkit-animation-name: slidein-bottom;
  -moz-animation-name: slidein-bottom;
  -o-animation-name: slidein-bottom;
  animation-name: slidein-bottom;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.mobile-popup.animate-remove {
  -webkit-animation-name: slideout-bottom;
  -moz-animation-name: slideout-bottom;
  -o-animation-name: slideout-bottom;
  animation-name: slideout-bottom;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.mobile-popup-header {
  position: absolute;
  width: 100%;
  padding-top: 10px;
  padding-left: 20px;
}
.mobile-popup-header > .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  width: 100%;
}
.mobile-popup-header > .closer {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 7px;
  z-index: 1;
  border-radius: 7px;
}
.mobile-popup-header > .closer::before {
  display: none;
}
.mobile-popup.closable > .mobile-popup-header > .title {
  margin-right: 30px;
  width: calc(100% -  30px);
}
.mobile-popup-widget {
  position: relative;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.touch-popup {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 45px 10px 10px 10px;
}
.touch-popup > .body {
  display: flex;
  flex-direction: column;
}
.touch-popup-header {
  margin: 8px 5px 8px 15px;
  display: flex;
  align-items: baseline;
}
.touch-popup-title {
  font-weight: bold;
  color: #000;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.touch-popup-field {
  position: relative;
  margin: 0 15px 8px;
  flex: none;
}
.touch-popup-widget-container {
  position: relative;
  min-height: 0;
  max-height: 400px;
}
@media (max-height: 568px) {
  .touch-popup {
    /* move popup to top on small screens, no need to waste space*/
    margin-top: 10px;
  }
}
/*
 * Copyright (c) 2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.popup-animate-open {
  -webkit-animation-name: fadein-zoom;
  -moz-animation-name: fadein-zoom;
  -o-animation-name: fadein-zoom;
  animation-name: fadein-zoom;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.popup-animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.widget-popup {
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 12px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 8px;
}
.widget-popup.animate-open {
  -webkit-animation-name: fadein-zoom;
  -moz-animation-name: fadein-zoom;
  -o-animation-name: fadein-zoom;
  animation-name: fadein-zoom;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.widget-popup.animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.widget-popup > .popup-arrow.bottom,
.widget-popup > .popup-arrow.right {
  box-shadow: 0px 4px 32px -2px rgba(0, 0, 0, 0.2);
}
.widget-popup > .actions {
  position: absolute;
  top: 0;
  right: 0;
  /* should lay over drag and resize handles */
  z-index: 11;
  white-space: nowrap;
}
.widget-popup > .actions > .action {
  color: #666666;
  margin: 7px 7px 7px 2px;
  border-radius: 7px;
  padding: 7px;
  font-size: 17px;
  min-width: 30px;
}
.widget-popup > .actions > .action:hover {
  color: #262626;
}
.widget-popup > .actions > .action.disabled {
  color: #808080;
}
.widget-popup > .popup-widget {
  position: relative;
  overflow: hidden;
  background-color: inherit;
  border-radius: 12px;
}
.widget-popup > .popup-arrow-overlay {
  border-radius: 12px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.scrollbar {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  transition: opacity 250ms;
  /* Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart */
}
.scrollbar > .scrollbar-thumb.y-axis {
  padding-left: 5px;
}
.scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,
.scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {
  padding-left: 3px;
}
.scrollbar > .scrollbar-thumb.x-axis {
  padding-top: 5px;
}
.scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,
.scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {
  padding-top: 3px;
}
.scrollbar.y-axis {
  height: calc(100% -  2 * 8px);
  width: 14px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.scrollbar.y-axis.borderless {
  margin-left: 0;
  margin-right: 0;
}
.scrollbar.x-axis {
  width: calc(100% -  2 * 8px);
  height: 14px;
  margin-left: 8px;
  margin-right: 8px;
}
.scrollbar.x-axis.borderless {
  margin-top: 0;
  margin-bottom: 0;
}
.scrollbar-thumb-handle {
  height: 100%;
  border-radius: 4px;
  background-color: rgba(153, 153, 153, 0.3);
}
.scrollbar-thumb-handle.clipped-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.scrollbar-thumb-handle.clipped-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.scrollbar-thumb-handle.clipped-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.scrollbar-thumb-handle.clipped-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.scrollbar-thumb-handle.y-axis {
  width: 4px;
  top: 0;
  transition: width 125ms;
}
.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.y-axis,
.scrollbar-thumb-move > .scrollbar-thumb-handle.y-axis {
  width: 8px;
}
.scrollbar-thumb-handle.x-axis {
  height: 4px;
  left: 0;
  transition: height 125ms;
}
.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.x-axis,
.scrollbar-thumb-move > .scrollbar-thumb-handle.x-axis {
  height: 8px;
}
.scrollbar-thumb {
  cursor: pointer;
  position: absolute;
}
.scrollbar-thumb.y-axis {
  width: 14px;
  top: 0;
  transition: padding-left 125ms;
}
.scrollbar-thumb.x-axis {
  height: 14px;
  left: 0;
  transition: padding-top 125ms;
}
.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
.scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(153, 153, 153, 0.45);
}
.container-too-small-for-thumb > .scrollbar-thumb-handle {
  border-radius: 0;
  background-color: rgba(153, 153, 153, 0.15);
}
.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(153, 153, 153, 0.15);
}
.hybrid-scrollable {
  -ms-overflow-style: none;
  /* Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width */
  scrollbar-width: none;
}
.hybrid-scrollable::-webkit-scrollbar {
  display: none;
}
.scroll-shadow {
  transition: box-shadow 250ms;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  --scroll-shadow-color: rgba(0, 0, 0, 0.3);
  --scroll-shadow-size: 5px;
  --scroll-shadow-blur: 5px;
  --scroll-shadow-spread: 6px;
  --scroll-shadow-inset-top: 0;
  --scroll-shadow-inset-right: 0;
  --scroll-shadow-inset-bottom: 0;
  --scroll-shadow-inset-left: 0;
}
.scroll-shadow.top {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
}
.scroll-shadow.top.bottom {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent;
}
.scroll-shadow.top.bottom.left {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.top.bottom.right {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent;
}
.scroll-shadow.top.bottom.right.left {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.top.left {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.top.left.right {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.top.right {
  box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
}
.scroll-shadow.bottom {
  box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent;
}
.scroll-shadow.bottom.right {
  box-shadow: inset 0 0 0 0 transparent, inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent;
}
.scroll-shadow.left {
  box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.left.right {
  box-shadow: inset 0 0 0 0 transparent, inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.left.bottom {
  box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.left.bottom.right {
  box-shadow: inset 0 0 0 0 transparent, inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);
}
.scroll-shadow.right {
  box-shadow: inset 0 0 0 0 transparent, inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
}
.scroll-shadow.gradient {
  --scroll-shadow-color: #fff;
  --scroll-shadow-size: 20px;
  --scroll-shadow-blur: 15px;
  --scroll-shadow-spread: 15px;
}
.scroll-shadow.large {
  --scroll-shadow-size: 10px;
  --scroll-shadow-blur: 10px;
  --scroll-shadow-spread: 10px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10;
}
.resizable-s {
  cursor: s-resize;
  height: 10px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.resizable-e {
  cursor: e-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
}
.resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: -5px;
  bottom: -5px;
}
.resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  bottom: -5px;
}
.resizable-w {
  cursor: w-resize;
  width: 10px;
  left: -5px;
  top: 0;
  height: 100%;
}
.resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  top: -5px;
}
.resizable-n {
  cursor: n-resize;
  width: 100%;
  height: 10px;
  left: 0;
  top: -5px;
}
.resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: -5px;
  top: -5px;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.busyindicator {
  position: absolute;
  top: 25%;
  left: 50%;
  max-width: 300px;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  /* Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) */
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .busyindicator {
    background-color: #fff;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.busyindicator > .box-buttons > .box-button {
  border-color: #1561A7;
  color: #1561A7;
}
.busyindicator > .box-buttons > .box-button:focus {
  box-shadow: none;
  /* remove default behavior of buttons. Here the keyboard-navigation class is used instead */
}
.busyindicator > .box-buttons > .box-button.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.busyindicator > .box-buttons > .box-button.disabled {
  color: #808080;
  border-color: #DADADA;
}
.busyindicator > .box-buttons > .box-button.default {
  color: #fff;
  background-color: #1561A7;
}
.busyindicator > .box-buttons > .box-button.default:hover {
  background-color: #12518c;
  border-color: #12518c;
}
.busyindicator > .box-buttons > .box-button.default.active,
.busyindicator > .box-buttons > .box-button.default:active {
  background-color: #0e3f6c;
  border-color: #0e3f6c;
}
.busyindicator > .box-buttons > .box-button.default.keyboard-navigation {
  outline: none;
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #73ace1;
}
.busyindicator > .box-buttons > .box-button.default.disabled {
  color: #808080;
  border-color: #DADADA;
  background-color: transparent;
}
.busyindicator.calc-helper {
  top: 0;
  left: 0;
}
.busyindicator.animate-open {
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  -o-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.busyindicator.animate-modality-highlight {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.busyindicator-content {
  border-radius: 8px;
  padding: 26px;
}
.busyindicator-label {
  display: inline-block;
  margin-left: 32px;
  text-indent: -32px;
}
.busyindicator-label::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-top: -3px;
  margin-right: 15px;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  border-radius: 50%;
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
}
.busyindicator-label.cancelled::before {
  -webkit-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
}
.busyindicator-buttons {
  display: flex;
  justify-content: center;
  padding: 0 26px 26px 26px;
}
.busyindicator-details {
  padding-top: 20px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/**
 * @param border-width: because firefox renders the border thinner, for some reason
 */
.slider-input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  /* Get rid of Firefox's focus border. See:
     https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links */
}
.slider-input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.slider-input::-moz-focus-inner {
  border: 0;
}
.slider-value {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  padding-left: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.slider.field {
  /* Slider input/value have the container's height (see SliderLayout), therefore they shouldn't wrap, otherwise the layout breaks. */
  white-space: nowrap;
}
input[type=range] {
  -webkit-appearance: none;
  padding: 0;
  /* ---- Webkit, Chrome ---- */
  /* ---- Firefox ---- */
  /* ---- Internet Explorer, Edge ---- */
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:not(.ms-edge)::-webkit-slider-runnable-track {
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: #CFCFCF;
}
input[type=range]:not(.ms-edge)::-webkit-slider-thumb {
  box-sizing: border-box;
  border: 1px solid #666666;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #DADADA;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.5px;
}
input[type=range]:not(.ms-edge):focus::-webkit-slider-thumb {
  background-color: #93c5f4;
  border-color: #1561A7;
}
input[type=range]::-moz-range-track {
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: #CFCFCF;
}
input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: 1.5px solid #666666;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #DADADA;
  cursor: pointer;
}
input[type=range]:focus::-moz-range-thumb {
  background-color: #93c5f4;
  border-color: #1561A7;
}
input[type=range]::-ms-track {
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-size: 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #CFCFCF;
}
input[type=range]::-ms-fill-upper {
  background: #CFCFCF;
}
input[type=range]::-ms-thumb {
  box-sizing: border-box;
  border: 1px solid #666666;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #DADADA;
  cursor: pointer;
}
input[type=range]:focus::-ms-thumb {
  background-color: #93c5f4;
  border-color: #1561A7;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.splitter {
  position: absolute;
  /* | */
}
.splitter.x-axis {
  top: 0;
  height: 100%;
  width: 16px;
}
.splitter.x-axis:not(.disabled) {
  cursor: col-resize;
}
.splitter.x-axis.line {
  padding-right: 7px;
  padding-left: 7px;
}
.splitter.y-axis {
  left: 0;
  width: 100%;
  height: 16px;
}
.splitter.y-axis:not(.disabled) {
  cursor: row-resize;
}
.splitter.y-axis.line {
  padding-top: 7px;
  padding-bottom: 7px;
}
.splitter.line {
  background-clip: content-box;
  background-color: #DADADA;
}
.splitter.line:not(.disabled):hover {
  background-color: #1561A7;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
#scout {
  /* args = keyframeName, timingFunction, iterationCount */
  /*** Fade In ***/
  /*** Fade Out ***/
  /*** Fade In from current ***/
  /*** Fade Out from current ***/
  /*** Fade with Short Drop ***/
  /*** Fade out and shrink with blur ***/
  /*** Fade out and shrink ***/
  /*** Fade out and grow with blur ***/
  /*** Fade out and grow ***/
  /*** Fade in and grow with blur ***/
  /*** Fade in and grow ***/
  /*** Slide In Bottom ***
       Moves the element into screen from bottom up */
  /*** Slide Out Bottom ***
       Moves the element out of bottom screen border */
  /*** Slide Out Right ***
       Moves the element out of right screen border */
  /*** Slide Out Left ***
       Moves the element out of left screen border */
  /*** Grow Y ***
    Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.
    To create a slide down animation (as known from jQuery) set transform-origin to top. */
  /*** Shrink Y ***
    Shrinks the element along the y axis until 0*/
  /*** Fade In Zoom ***/
  /*** Fade In Zoom Bounce ***/
  /*** Rotation ***/
  /*** Rotation-Reverse ***/
  /*** Pulse Opacity ***/
  /*** Pulsate ***/
  /*** Pulsate Reverse ***/
  /*** Pulsate In-Out ***/
  /*** Attention ***/
  /*** Rotate-X ***/
  /*** Animate Dot ***/
  /*** Shake ***/
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in-from-current {
  to {
    opacity: 1;
  }
}
@keyframes fade-in-from-current {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out-from-current {
  to {
    opacity: 0;
  }
}
@keyframes fade-out-from-current {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes short-drop {
  0% {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  40% {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes short-drop {
  0% {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  40% {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeout-shrink-blur {
  from {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(0.5, 0.5);
    filter: blur(10px);
  }
}
@keyframes fadeout-shrink-blur {
  from {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(0.5, 0.5);
    filter: blur(10px);
  }
}
@-webkit-keyframes fadeout-shrink {
  from {
    opacity: 1;
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@keyframes fadeout-shrink {
  from {
    opacity: 1;
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@-webkit-keyframes fadeout-grow-blur {
  from {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(2, 2);
    filter: blur(10px);
  }
}
@keyframes fadeout-grow-blur {
  from {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(2, 2);
    filter: blur(10px);
  }
}
@-webkit-keyframes fadeout-grow {
  from {
    opacity: 1;
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(2, 2);
  }
}
@keyframes fadeout-grow {
  from {
    opacity: 1;
    transform: scale(1, 1);
  }
  to {
    opacity: 0;
    transform: scale(2, 2);
  }
}
@-webkit-keyframes fadein-grow-blur {
  from {
    opacity: 0;
    transform: scale(0.5, 0.5);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
}
@keyframes fadein-grow-blur {
  from {
    opacity: 0;
    transform: scale(0.5, 0.5);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
    filter: blur(0);
  }
}
@-webkit-keyframes fadein-grow {
  from {
    opacity: 0;
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes fadein-grow {
  from {
    opacity: 0;
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes slidein-bottom {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slidein-bottom {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideout-bottom {
  100% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideout-bottom {
  100% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes slideout-right {
  100% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideout-right {
  100% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes slideout-left {
  100% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideout-left {
  100% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes grow-y {
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes grow-y {
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes shrink-y {
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes shrink-y {
  100% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes fadein-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fadein-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes fadein-zoom-bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes fadein-zoom-bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotation-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes rotation-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@-webkit-keyframes pulse-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.05;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.05;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0.35;
  }
  45% {
    opacity: 1;
  }
  96% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.04;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 0.35;
  }
  45% {
    opacity: 1;
  }
  96% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.04;
  }
}
@-webkit-keyframes pulsate-reverse {
  0% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
}
@keyframes pulsate-reverse {
  0% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate-in-out {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.01;
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulsate-in-out {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.01;
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes attention {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes attention {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rotate-x {
  0% {
    -webkit-transform: perspective(120px) rotateY(0deg);
    -ms-transform: perspective(120px) rotateY(0deg);
    transform: perspective(120px) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateY(-180deg);
    transform: perspective(120px) rotateY(-180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(-360deg);
    -ms-transform: perspective(120px) rotateY(-360deg);
    transform: perspective(120px) rotateY(-360deg);
  }
}
@keyframes rotate-x {
  0% {
    -webkit-transform: perspective(120px) rotateY(0deg);
    -ms-transform: perspective(120px) rotateY(0deg);
    transform: perspective(120px) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateY(-180deg);
    transform: perspective(120px) rotateY(-180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(-360deg);
    -ms-transform: perspective(120px) rotateY(-360deg);
    transform: perspective(120px) rotateY(-360deg);
  }
}
@-webkit-keyframes animateDot {
  0% {
    color: #000;
    bottom: 0;
  }
  25% {
    color: #CFCFCF;
    bottom: 4px;
  }
  50% {
    color: #000;
    bottom: 0;
  }
  100% {
    color: #000;
    bottom: 0;
  }
}
@keyframes animateDot {
  0% {
    color: #000;
    bottom: 0;
  }
  25% {
    color: #CFCFCF;
    bottom: 4px;
  }
  50% {
    color: #000;
    bottom: 0;
  }
  100% {
    color: #000;
    bottom: 0;
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
    -ms-transform: translate(2px, 1px) rotate(0deg);
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    -ms-transform: translate(-1px, -2px) rotate(-1deg);
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0) rotate(1deg);
    -ms-transform: translate(-3px, 0) rotate(1deg);
    transform: translate(-3px, 0) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0, 2px) rotate(0deg);
    -ms-transform: translate(0, 2px) rotate(0deg);
    transform: translate(0, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    -ms-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    -ms-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
    -ms-transform: translate(-3px, 1px) rotate(0deg);
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
    -ms-transform: translate(2px, 1px) rotate(-1deg);
    transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
    -ms-transform: translate(-1px, -1px) rotate(1deg);
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
    -ms-transform: translate(2px, 2px) rotate(0deg);
    transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
    -ms-transform: translate(1px, -2px) rotate(-1deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
    -ms-transform: translate(2px, 1px) rotate(0deg);
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    -ms-transform: translate(-1px, -2px) rotate(-1deg);
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0) rotate(1deg);
    -ms-transform: translate(-3px, 0) rotate(1deg);
    transform: translate(-3px, 0) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0, 2px) rotate(0deg);
    -ms-transform: translate(0, 2px) rotate(0deg);
    transform: translate(0, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    -ms-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    -ms-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
    -ms-transform: translate(-3px, 1px) rotate(0deg);
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
    -ms-transform: translate(2px, 1px) rotate(-1deg);
    transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
    -ms-transform: translate(-1px, -1px) rotate(1deg);
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
    -ms-transform: translate(2px, 2px) rotate(0deg);
    transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
    -ms-transform: translate(1px, -2px) rotate(-1deg);
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
/*** NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) ***/
@-webkit-keyframes nop {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes nop {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/* -------------------------------- */
/* Scout default theme              */
/* extends: -                       */
/* affects: Scout OSS               */
/* -------------------------------- */
/* -------------------------------- */
/* Color palette                    */
/* -------------------------------- */
/* -------------------------------- */
/* Global colors                    */
/* -------------------------------- */
/* -------------------------------- */
/* Component specific colors        */
/* -------------------------------- */
/* always white to not change the look of the website */
/* do not use the @info-color here as the icon should have the same color as field icons */
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/* Font face definition for custom icon font:

See GIT history for font-face definitions. Some how it wasn't possible
to produce a consistent look on all browsers with the font-face definition.
Simply using font-family works better and is more reliable. However, we still
could use 'Open Sans' in the font-family (when it's installed on the client
system) and fall back to Arial otherwise, without downloading a WOFF file.

Try these to switch between fonts:

@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;
@defaultFont: Arial, sans-serif;
 */
@font-face {
  font-family: scoutIcons;
  font-weight: normal;
  src: url('fonts/scoutIcons.woff') format('woff');
}
@font-face {
  font-family: scoutIcons;
  font-weight: 300;
  src: url('fonts/scoutIcons-light.woff') format('woff');
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/* default font icons (sans-serif, arial) */
/* scoutIcons: custom icons */
/* scoutIcons: awesome icons */
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
#scout {
  /* Use dashed line instead of solid to avoid visual conflict with editable fields */
  /* Font Mixins */
  /* Invisible pseudo element that enables vertical-align if container has height set */
  /* Mixin for chooser popups as used in smart-field */
  /* Mixin for scrollbar positioning */
  /*
  * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).
  * This works a bit different for every browser.
  */
  /**
   * Uses the inverted colors of the scrollbars. Use this mixin in a widget that requires inverted scrollbars (e.g. a widget with white background in dark mode).
   */
}
#scout .status {
  display: flex;
  align-items: center;
}
#scout .status::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#scout .menu-status {
  visibility: visible;
  cursor: pointer;
}
#scout .menu-status::before {
  content: '\E041';
  color: #666666;
  font-size: 16px;
}
#scout .menu-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
#scout .menu-status:active::before,
#scout .menu-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
#scout .tooltip-status {
  visibility: visible;
  cursor: pointer;
}
#scout .tooltip-status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
#scout .tooltip-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
#scout .tooltip-status:active::before,
#scout .tooltip-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
#scout .info-status {
  visibility: visible;
  cursor: pointer;
}
#scout .info-status::before {
  content: '\E002';
  color: #808080;
  font-size: 16px;
}
#scout .info-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #262626;
}
#scout .info-status:active::before,
#scout .info-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #262626;
}
#scout .ok-status {
  visibility: visible;
  cursor: pointer;
}
#scout .ok-status::before {
  content: '\E002';
  color: #00856C;
  font-size: 16px;
}
#scout .ok-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #005243;
}
#scout .ok-status:active::before,
#scout .ok-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #005243;
}
#scout .warning-status {
  visibility: visible;
  cursor: pointer;
}
#scout .warning-status::before {
  content: '\E001';
  color: #AD6200;
  font-size: 16px;
}
#scout .warning-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #7a4500;
}
#scout .warning-status:active::before,
#scout .warning-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #7a4500;
}
#scout .error-status {
  visibility: visible;
  cursor: pointer;
}
#scout .error-status::before {
  content: '\E001';
  color: #D53F3F;
  font-size: 16px;
}
#scout .error-status:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
  color: #b92828;
}
#scout .error-status:active::before,
#scout .error-status.selected::before {
  background-color: rgba(0, 0, 0, 0.12);
  color: #b92828;
}
#scout .cursor-grab {
  /* "grab" cursor with fallback for browsers that don't understand CSS3 cursors */
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
#scout .cursor-grabbing {
  /* "grabbing" cursor with fallback for browsers that don't understand CSS3 cursors */
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
#scout .chooser-popup {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
}
#scout .chooser-popup.touch {
  background-color: #F5F5F5;
}
#scout .popup {
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 12px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
}
#scout .hide-scrollbars {
  -ms-overflow-style: none;
  /* Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width */
  scrollbar-width: none;
}
#scout .hide-scrollbars::-webkit-scrollbar {
  display: none;
}
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {
  background-color: rgba(255, 255, 255, 0.2);
}
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(255, 255, 255, 0.4);
}
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {
  background-color: rgba(255, 255, 255, 0.15);
}
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(255, 255, 255, 0.15);
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
/* -------------------------------- */
/* Global sizes                     */
/* -------------------------------- */
/* --------------------------------------------------------------------------- */
/* The following CSS classes are used to to read the values from JavaScript,   */
/* see scout.HtmlEnvironment                                                   */
/* --------------------------------------------------------------------------- */
.html-env-logical-grid-row {
  height: 30px;
  margin-bottom: 10px;
}
.html-env-logical-grid-row.dense {
  height: 24px;
  margin-bottom: 8px;
}
.html-env-logical-grid-column {
  width: 420px;
  margin-right: 30px;
  margin-left: 4px;
}
.html-env-field-mandatory-indicator {
  width: 10px;
}
.html-env-field-label {
  width: 140px;
}
.html-env-field-status {
  width: 24px;
}
/* -------------------------------- */
/* Component specific sizes         */
/* -------------------------------- */
/* Necessary to align icon with text */
/* Adjustment to shift the checkbox a little upwards to align it with the text (resp. first line of the text in case of multiline table cells) */
/* not 50px because last pixel is the border (would not look good)*/
/* bigger space when multiple icons are displayed */
/* Optimized for a tile height of 30px (logical-grid-height) */
/* minimum margin to window or anchor */
/* -------------------------------- */
/* Other sizes                      */
/* -------------------------------- */
/*
 * Copyright (c) 2014-2019 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.switch {
  position: absolute;
  right: 0;
  display: flex;
}
.switch > .switch-button {
  margin-top: -2px;
}
.switch-label {
  margin-right: 8px;
}
.switch-button,
.switch-button:before {
  transition: 0.25s ease-in-out;
}
.switch-button {
  width: 36px;
  position: relative;
  height: 22px;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.12);
  cursor: pointer;
  border: solid 1px transparent;
  --activated-border-color: #1561A7;
  --activated-background-color: #1561A7;
}
.switch-button:before {
  content: '';
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  border: solid 1px #fff;
  background-color: #fff;
}
.switch-button.activated {
  background-color: var(--activated-background-color);
  border-color: var(--activated-border-color);
}
.switch-button.activated:before {
  background-color: #fff;
  border-color: #fff;
  left: calc(100% - 18px);
}
.disabled > .switch-button {
  background-color: transparent;
  border-color: #DADADA;
  cursor: unset;
}
.disabled > .switch-button::before {
  background-color: transparent;
  border-color: #DADADA;
}
.disabled > .switch-button.activated {
  background-color: #808080;
  border-color: #808080;
}
.disabled > .switch-button.activated::before {
  background-color: #fff;
  border-color: #fff;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-row-level-padding {
  width: 20px;
}
.table {
  position: relative;
  --table-row-margin-x: 0px;
  --table-row-padding-y: 7px;
  --table-aggregate-row-padding-y-small: 7px;
  --table-aggregate-row-padding-y-large: 15px;
  /* Used for scout.Table.CheckableStyle.TABLE_ROW */
}
.table:focus,
.table.focused,
.table.perma-focus {
  outline: none;
}
.table:focus > .table-data > .table-row.selected,
.table.focused > .table-data > .table-row.selected,
.table.perma-focus > .table-data > .table-row.selected {
  background-color: #E9F0F6;
}
.table:focus > .table-data > .table-row.selected::after,
.table.focused > .table-data > .table-row.selected::after,
.table.perma-focus > .table-data > .table-row.selected::after {
  border-color: #1561A7;
}
.table.checkable > .table-data > .table-row {
  cursor: pointer;
}
.table.checkable.disabled > .table-data > .table-row,
.table.checkable > .table-data > .table-row.disabled {
  cursor: default;
}
.table.table-row-check > .table-data > .table-row.selected {
  /* Don't draw selection */
  background-color: transparent;
}
.table.table-row-check > .table-data > .table-row.selected::after {
  display: none;
}
.table.table-row-check > .table-data > .table-row:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.table.table-row-check > .table-data > .table-row.disabled,
.table.table-row-check > .table-data.disabled > .table-row {
  background-color: transparent;
}
.table.table-row-check > .table-data > .table-row.checked,
.table.table-row-check > .table-data > .table-row.checked.selected {
  /* Mark checked rows with a background color */
  background-color: #1561A7;
}
.table.table-row-check > .table-data > .table-row.checked > .table-cell,
.table.table-row-check > .table-data > .table-row.checked.selected > .table-cell {
  color: #fff;
}
.table.table-row-check > .table-data > .table-row.checked:hover,
.table.table-row-check > .table-data > .table-row.checked.selected:hover {
  background-color: #014786;
}
.table.table-row-check > .table-data > .table-row.disabled.checked,
.table.table-row-check > .table-data.disabled > .table-row.checked,
.table.table-row-check > .table-data > .table-row.disabled.checked.selected,
.table.table-row-check > .table-data.disabled > .table-row.checked.selected {
  background-color: #808080;
}
.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,
.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {
  background-color: rgba(0, 0, 0, 0.08);
}
.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,
.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {
  background-color: #014786;
}
.table.structured .table-row:not(.leaf) {
  background-color: #F5F5F5;
  font-weight: bold;
}
.table > .tile-accordion {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 15px;
}
.table > .tile-accordion > .group > .tile-grid {
  padding: 0;
}
.table > .tile-table-header {
  padding-left: 20px;
  padding-right: 20px;
}
.table > .tile-table-header > .group-box-body {
  padding-bottom: 6px;
}
.table.dimmed-background {
  background-color: #F5F5F5;
}
.table.dimmed-background > .menubar {
  background-color: inherit;
}
.table > .filter-field {
  --filter-field-max-bottom: calc(50% -  (var(--filter-field-height) + var(--controls-height)) / 2);
}
.table > .filter-field:not(.focused).empty {
  --filter-field-max-bottom: calc(50% -  (24px + var(--controls-height)) / 2);
}
.has-menubar.menubar-bottom.table > .filter-field {
  --filter-field-max-bottom: calc(50% -  (var(--filter-field-height) + var(--controls-height)) / 2);
  bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));
}
.has-menubar.menubar-bottom.table > .filter-field:not(.focused).empty {
  --filter-field-max-bottom: calc(50% -  (24px + var(--controls-height)) / 2);
}
.has-cell-editor-popup.table > .filter-field {
  opacity: 0;
  visibility: hidden;
  --filter-field-opacity-transition-delay: 0s;
  --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));
}
.table-data {
  position: relative;
  overflow: hidden;
  width: 100%;
}
:not(.header-invisible) > .table-data {
  /* Draw the .table-data div one pixel higher, over the header (for selection border).
       Add the padding to keep the size of the first row and not overdraw the header line with the row background */
  margin-top: -1px;
  padding-top: 1px;
}
.table-data > .scrollbar.y-axis {
  /* Make scrollbar visually centered */
  margin-top: 9px;
}
.table-data > .table-row,
.table-data > .table-aggregate-row,
.table-data > .table-data-fill,
.table-data > .scrollbar {
  opacity: 1;
  transition: opacity 250ms;
}
.table-data > .scrollbar {
  z-index: 2;
}
.table:not(.knight-rider-loading) > .table-data.loading > .table-row,
.table:not(.knight-rider-loading) > .table-data.loading > .table-aggregate-row,
.table:not(.knight-rider-loading) > .table-data.loading > .table-data-fill,
.table:not(.knight-rider-loading) > .table-data.loading > .scrollbar {
  opacity: 0;
}
.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.table.knight-rider-loading > .loading-indicator {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  opacity: 0;
  animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;
  animation-delay: 0.5s;
}
.table.knight-rider-loading > .loading-indicator::before {
  animation: slideout-left 1.5s ease-in-out infinite alternate;
  animation-delay: 0.5s;
  content: '';
  position: absolute;
  background: linear-gradient(to right, transparent 0%, #1561A7 20%, #1561A7 80%, transparent 100%);
  left: 0;
  width: 50px;
  height: 100%;
}
.table-data-fill {
  background-color: #DADADA;
  /* actual style is set by JS, this is used for the line color (see _applyFillerStyle) */
}
.table-row,
.table-aggregate-row {
  position: relative;
}
.table-row:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.table-row.selected {
  background-color: #FAFAFA;
}
.table-row.selected::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #CFCFCF;
  border-radius: 3px;
  pointer-events: none;
  z-index: 1;
}
.table-row.select-top::after,
.table-row.select-middle::after {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.table-row.select-middle::after,
.table-row.select-bottom::after {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.table-row.select-single::after,
.table-row.select-top::after {
  /* Move the selection 1px up to cover the bottom border of the previous row. */
  top: -1px;
  height: calc(100% + 1px);
}
.header-invisible > .table-data > .table-row.select-single.first::after,
.header-invisible > .table-data > .table-row.select-top.first::after {
  top: 0;
}
.table-row.checked {
  background-color: #1561A7;
}
.table-row {
  margin-left: var(--table-row-margin-x);
  margin-right: var(--table-row-margin-x);
}
.table-cell {
  color: #000;
  display: table-cell;
  padding: var(--table-row-padding-y) 10px var(--table-row-padding-y) 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  /* for multiline text */
}
.last-row-at-bottom > .table-row.last > .table-cell {
  border-bottom: 0;
}
.table-row.disabled > .table-cell {
  /* Table row is disabled -> use lighter disabled color */
  color: #808080;
}
.disabled > .table-row > .table-cell {
  /* Whole table is disabled -> use darker disabled color */
  color: #666666;
}
.disabled.read-only > .table-data > .table-row > .table-cell {
  color: #000;
}
.table-row.checked > .table-cell {
  color: #fff;
}
.table-cell.empty,
.table-cell.icon-only {
  text-overflow: clip;
}
.table-cell.last.halign-left,
.table-cell.last.halign-center,
.table-cell.last.halign-right {
  padding-right: 14px;
}
.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 0;
  border-color: #DADADA transparent transparent transparent;
}
.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory::before {
  position: absolute;
  content: '*';
  top: 0;
  left: 0;
  border: none;
  color: #DADADA;
}
.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {
  border-color: #D53F3F transparent transparent transparent;
}
.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {
  color: #D53F3F;
}
.table-cell.table-node > .table-row-control {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) 13px;
  cursor: pointer;
  line-height: 15px;
  /* Necessary to align with the text, depends on the used font size */
}
.table-cell.table-node > .table-row-control::before {
  display: block;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  content: '\E013';
  color: inherit;
}
.expanded.table-cell.table-node > .table-row-control::before {
  /* This "imprecise" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. */
  /* See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 */
  -webkit-transform: rotate(89.99deg);
  -ms-transform: rotate(89.99deg);
  transform: rotate(89.99deg);
}
.table-cell.table-node > .table-row-control:hover::before {
  color: #FE9915;
}
.table-cell.checkable {
  /* same padding for left and right, it's by purpose */
  padding: calc(var(--table-row-padding-y) - 2px) 10px 0 10px;
  cursor: pointer;
  text-overflow: clip;
}
.grouping-style-top > .table-aggregate-cell.table-cell.checkable {
  padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);
  padding-bottom: 3px;
}
.grouping-style-bottom > .table-aggregate-cell.table-cell.checkable {
  padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);
  padding-top: 3px;
}
.table-cell.checkable.disabled,
.table.disabled > .table-data > .table-row > .table-cell.checkable {
  cursor: default;
}
.table.disabled > .table-data > .table-row > .table-cell > .check-box {
  cursor: default;
  border-color: #DADADA;
}
.table.disabled > .table-data > .table-row > .table-cell > .check-box.checked {
  background-color: #808080;
  border-color: #808080;
}
.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined {
  background-color: #808080;
  border-color: #808080;
}
.table-cell.halign-right {
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}
.table-cell.halign-right.table-aggregate-cell {
  direction: rtl;
}
.table-cell.halign-right.table-aggregate-cell > .text,
.table-cell.halign-right.table-aggregate-cell > .table-cell-icon {
  direction: ltr;
}
.table-cell.halign-center {
  text-align: center;
  padding-right: 10px;
}
.font-icon.table-cell-icon {
  color: #000;
  font-size: 14px;
  line-height: 15px;
  vertical-align: top;
}
.disabled .font-icon.table-cell-icon {
  color: #808080;
}
.image-icon.table-cell-icon {
  /* vertical-align-bottom is necessary to remove the bottom margin of the image */
  vertical-align: bottom;
}
.with-text.table-cell-icon {
  margin-right: 8px;
}
.table-row.checked > .table-cell > .table-cell-icon {
  color: #fff;
}
.table-aggregate {
  overflow: hidden;
  padding-left: var(--table-row-margin-x);
  padding-right: var(--table-row-margin-x);
  font-size: 12px;
}
.table-aggregate > .table-cell {
  padding: var(--table-row-padding-y) 10px 0 10px;
  border-bottom: 0;
  height: 100%;
}
.table-aggregate-row {
  background-color: #F5F5F5;
  min-width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.13);
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  margin-top: -1px;
  padding-left: var(--table-row-margin-x);
  padding-right: var(--table-row-margin-x);
  font-size: 12px;
}
.table-aggregate-row > .table-cell {
  border-bottom: 0;
}
.table-aggregate-row.grouping-style-top > .table-aggregate-cell {
  padding-top: var(--table-aggregate-row-padding-y-large);
  padding-bottom: var(--table-aggregate-row-padding-y-small);
}
.table-aggregate-row.grouping-style-bottom > .table-aggregate-cell {
  padding-top: var(--table-aggregate-row-padding-y-small);
  padding-bottom: var(--table-aggregate-row-padding-y-large);
}
.table-aggregate-cell {
  font-weight: bold;
  overflow: visible;
  vertical-align: middle;
  /* if aggregation is based on selected rows */
}
.table-aggregate-cell > .text {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-aggregate-cell > .table-cell-icon {
  display: inline-block;
  color: #000;
  vertical-align: middle;
  line-height: 14px;
}
.table-aggregate-cell.sum > .table-cell-icon,
.table-aggregate-cell.avg > .table-cell-icon {
  font-size: 13px;
}
.table-aggregate-cell.min > .table-cell-icon,
.table-aggregate-cell.max > .table-cell-icon {
  font-size: 15px;
}
.table-aggregate-cell.selection,
.table-aggregate-cell.selection > .table-cell-icon {
  color: #1561A7;
}
.before-aggregate-row > .table-cell {
  border-bottom-color: transparent;
}
.column-background-effect-bar-chart {
  background-color: #74A8D8;
}
.column-background-effect-gradient1-start {
  background-color: #FF8888;
}
.column-background-effect-gradient1-end {
  background-color: #BDF2E8;
}
.column-background-effect-gradient2-start {
  background-color: #BDF2E8;
}
.column-background-effect-gradient2-end {
  background-color: #FF8888;
}
/* key box */
.table-row > .key-box {
  top: calc(50% -  23px / 2);
}
.table-controls > .table-control > .key-box {
  bottom: 4px;
}
.table .key-box.char {
  top: calc(50% -  21px / 2);
}
/*** Animation: rotate from 0 -> 90 deg ***/
@-webkit-keyframes expand-rotate {
  00% {
    /* see comment on top */
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(89.99deg);
    -ms-transform: rotate(89.99deg);
    transform: rotate(89.99deg);
  }
}
@keyframes expand-rotate {
  00% {
    /* see comment on top */
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(89.99deg);
    -ms-transform: rotate(89.99deg);
    transform: rotate(89.99deg);
  }
}
.expand-rotate::before {
  -webkit-animation-name: expand-rotate;
  -moz-animation-name: expand-rotate;
  -o-animation-name: expand-rotate;
  animation-name: expand-rotate;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/*** Animation: rotate collapse  90 -> 0 deg ***/
@-webkit-keyframes collapse-rotate {
  00% {
    /* see comment on top */
    -webkit-transform: rotate(89.99deg);
    -ms-transform: rotate(89.99deg);
    transform: rotate(89.99deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes collapse-rotate {
  00% {
    /* see comment on top */
    -webkit-transform: rotate(89.99deg);
    -ms-transform: rotate(89.99deg);
    transform: rotate(89.99deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.collapse-rotate::before {
  -webkit-animation-name: collapse-rotate;
  -moz-animation-name: collapse-rotate;
  -o-animation-name: collapse-rotate;
  animation-name: collapse-rotate;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text */
.sort-symbol {
  top: -1.25px;
  position: relative;
}
.organize-columns-behind-scrollbar-column.table-cell.last {
  padding: 0;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-footer {
  position: absolute;
  bottom: 0;
  min-height: 64px;
  width: 100%;
  white-space: nowrap;
  border-top: 1px solid #DADADA;
  background-color: #fff;
}
.table-control-resize {
  position: absolute;
  width: 100%;
  left: 0;
  height: 16px;
  cursor: row-resize;
  z-index: 1;
  border-top: 2px solid #DADADA;
}
.table-control-container {
  position: absolute;
  overflow: hidden;
  outline: none;
  background-color: #fff;
  bottom: 64px;
  width: 100%;
  /* Default value for TableControl.js */
  height: 364px;
  display: none;
  z-index: 1;
  /* Reset nowrap, forms may have fields which need wrapping (e.g. label field) */
  white-space: normal;
}
.table-control-container.dense {
  height: 320px;
}
.table-control-container:not(.has-resizer) {
  border-top: 2px solid #DADADA;
}
.table-control-content {
  height: 100%;
  width: 100%;
}
.table-control-content > .form {
  background-color: #fff;
}
.table-control-content > .form > .root-group-box > .group-box-body {
  /* to make sure fields are not drawn over the menubar when making table control container very small */
  overflow: hidden;
}
.table-control-content > .form > .root-group-box > .main-menubar {
  background-color: inherit;
  border-color: transparent;
}
.table-controls {
  position: absolute;
  height: 100%;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.table-info {
  position: absolute;
  right: 0;
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin-right: 5px;
}
.table-filter {
  position: relative;
  margin-right: 15px;
}
.table-text-filter {
  min-height: 32px;
  width: 180px;
  font-size: 13px;
}
.table-text-filter:focus.has-text {
  padding-right: 25px;
}
.table-text-filter:focus.has-text ~ .clear-icon {
  display: flex;
}
.table-text-filter ~ .clear-icon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 32px;
}
.table-info-item.hiding {
  visibility: hidden;
}
.table-info-load,
.table-info-status,
.table-info-filter,
.table-info-selection {
  flex-shrink: 0;
  flex-grow: 0;
  color: #666666;
  cursor: pointer;
  line-height: 19px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  /* margins are used instead of paddings for a better animation */
}
.table-info-load > span,
.table-info-status > span,
.table-info-filter > span,
.table-info-selection > span {
  display: block;
  margin: 0 15px;
}
.table-info-load.disabled,
.table-info-status.disabled,
.table-info-filter.disabled,
.table-info-selection.disabled {
  cursor: default;
}
.table-info-load.disabled > .table-info-button,
.table-info-status.disabled > .table-info-button,
.table-info-filter.disabled > .table-info-button,
.table-info-selection.disabled > .table-info-button {
  color: #666666;
}
.table-info-load > .table-info-button,
.table-info-status > .table-info-button,
.table-info-filter > .table-info-button,
.table-info-selection > .table-info-button {
  color: #1561A7;
}
.table-info-load > .table-info-button > .key-box,
.table-info-status > .table-info-button > .key-box,
.table-info-filter > .table-info-button > .key-box,
.table-info-selection > .table-info-button > .key-box {
  bottom: 2px;
}
.table-info-load:hover > .table-info-button,
.table-info-status:hover > .table-info-button,
.table-info-filter:hover > .table-info-button,
.table-info-selection:hover > .table-info-button {
  color: #1b7bd4;
}
.table-info-load:active > .table-info-button,
.table-info-status:active > .table-info-button,
.table-info-filter:active > .table-info-button,
.table-info-selection:active > .table-info-button {
  color: #2F3C45;
}
.table-info-status {
  padding-top: 0;
  line-height: 64px;
  color: #666666;
  /* normal */
  /* error */
  /* warning */
}
.table-info-status:hover {
  color: #666666;
}
.table-info-status > .font-icon {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  padding-top: 8px;
  /* controls distance to tooltip */
  padding-bottom: 11px;
  /* larger than padding-top, to move icon to optical middle */
}
.table-info-status > .font-icon::before {
  content: '\E002';
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}
.table-info-status.error > .font-icon::before {
  -webkit-animation: attention 5s linear infinite;
  -moz-animation: attention 5s linear infinite;
  -o-animation: attention 5s linear infinite;
  animation: attention 5s linear infinite;
  content: '\E001';
}
.table-info-status.error.tooltip-active {
  color: #D53F3F;
}
.table-info-status.error.tooltip-active:hover {
  color: #D53F3F;
}
.table-info-status.warning > .font-icon::before {
  content: '\E001';
}
.table-info-status.warning.tooltip-active {
  color: #1561A7;
}
.table-info-status.warning.tooltip-active:hover {
  color: #014786;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-header {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  background-color: #F5F5F5;
  border-bottom: 2px solid #DADADA;
  z-index: 0;
  /* begin new stacking context */
  padding-left: var(--table-row-margin-x);
  padding-right: var(--table-row-margin-x);
  border-left: 0 solid transparent;
}
.table-header.disabled:not(.read-only) {
  color: #666666;
}
.table-header > .menubar-container {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  /* Do not use transparent color here, because otherwise header items would be visible behind */
  background-color: inherit;
  z-index: 1;
  margin-left: 3px;
}
.table-header > .menubar-container > .menubar {
  height: 100%;
  background-color: transparent;
  border: none;
}
.table-header > .menubar-container > .menubar > .menubar-box > .menu-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 3px;
  min-height: 27px;
}
.table-header > .menubar-container > .menubar > .menubar-box > .menu-item > .font-icon {
  font-size: 15px;
}
.table-header > .menubar-container > .menubar > .menubar-box > .menu-item.menu-icononly {
  padding: 0;
  min-width: 27px;
}
.table-header-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
  color: #4C4C4C;
  padding: 5px 7px 5px 7px;
  margin: 3px 4px 3px 3px;
  min-height: 27px;
  /* Vertical align is necessary for 2 things: */
  /* 1. Alignment in case of multiline headers. */
  /* 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards */
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
}
.table-header-item.last {
  margin-right: 3px;
}
.table-header-item.halign-right {
  justify-content: flex-end;
  text-align: right;
  padding-right: 7px;
  padding-left: 7px;
}
.table-header-item.halign-center {
  justify-content: center;
  text-align: center;
  padding-right: 7px;
}
.table-header-item.last.halign-left,
.table-header-item.last.halign-center,
.table-header-item.last.halign-right {
  padding-right: 11px;
}
.table-header-item.sorted,
.table-header-item.grouped,
.table-header-item.filtered {
  /* make room for icon */
  padding-right: 19px;
}
.table-header-item.sorted.halign-right,
.table-header-item.grouped.halign-right,
.table-header-item.filtered.halign-right,
.table-header-item.sorted.halign-center,
.table-header-item.grouped.halign-center,
.table-header-item.filtered.halign-center {
  padding-right: 22px;
}
.table-header-item.sorted.grouped,
.table-header-item.sorted.filtered {
  /* make some more room */
  padding-right: 31px;
}
.table-header-item.sorted.grouped.halign-right,
.table-header-item.sorted.filtered.halign-right,
.table-header-item.sorted.grouped.halign-center,
.table-header-item.sorted.filtered.halign-center {
  padding-right: 34px;
}
.table-header-item.moving,
.table-header-item.releasing {
  z-index: 1;
}
.table-header-item.moving > .table-header-item-state {
  display: none;
}
.table-header-item:hover {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.table-header-item.active,
.table-header-item:active,
.table-header-item.moving {
  background-color: rgba(0, 0, 0, 0.12);
}
.table-header-item.selected {
  background-color: rgba(0, 0, 0, 0.12);
  color: #1561A7;
  z-index: 1;
}
.table-header-item.disabled {
  cursor: default;
  /* Override default disabled text color, because "disabled" in the table header means something different */
  color: #4C4C4C;
  background-color: inherit;
}
.table-header-item.filler {
  padding: 0;
  margin: 0;
  border: 0;
  cursor: default;
}
.table-header-item > .icon.font-icon {
  font-size: 15px;
}
.table-header-item > .icon.with-text {
  margin-right: 8px;
}
.table-header-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
}
.table-header-item-state {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
  top: 0;
  font-weight: normal;
  font-size: 10px;
  color: #666666;
  height: 100%;
}
.table-header-item-state > .left {
  padding-left: 3px;
}
.table-header-item-state.grouped.filtered > .left {
  padding-top: 0;
}
.table-header-item-state > .right {
  color: #666666;
  margin-top: -3px;
  font-size: 16px;
  padding-left: 3px;
  padding-right: 3px;
}
.table-header-item-state.sort-desc > .right::after {
  content: '\2193';
}
.table-header-item-state.sort-asc > .right::after {
  content: '\2191';
}
.table-header-resize {
  position: absolute;
  display: inline-block;
  top: 0;
  height: 100%;
  width: 17px;
  padding: 10px 8px;
  margin-left: -9px;
  background-color: #DADADA;
  background-clip: content-box;
  z-index: 1;
}
.table-header-resize:not(.disabled) {
  cursor: col-resize;
}
.table-header-resize:not(.disabled):hover {
  background-color: #DADADA;
}
.table-header-item.last + .table-header-resize {
  margin-left: -8px;
}
.table-header.moving > .table-header-resize {
  /* Hide separators while moving, because their position will not be updated until the move-end event */
  visibility: hidden;
}
/* Temporary element inserted in header and data area during resizing of a column */
.table-column-resize-helper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  height: 1px;
  /* width is set dynamically by TableHeader.js */
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-header-menu {
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 8px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 8px;
  white-space: nowrap;
  overflow: hidden;
}
.table-header-menu.animate-open {
  -webkit-animation-name: fadein-zoom;
  -moz-animation-name: fadein-zoom;
  -o-animation-name: fadein-zoom;
  animation-name: fadein-zoom;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.table-header-menu.animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.table-header-menu-body {
  position: relative;
  height: 100%;
  width: 100%;
}
.table-header-menu-actions {
  display: inline-block;
  vertical-align: top;
  padding: 16px;
}
.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {
  width: calc(100% + 12px);
}
.table-header-menu-filters {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  padding: 0 16px 0 16px;
  margin: 16px 0 16px 0;
}
.table-header-menu-body.compact > .table-header-menu-filters {
  display: block;
  height: auto;
  margin-top: 5px;
}
.table-header-menu-filters > .table-header-menu-group > .form-field {
  position: relative;
}
.table-header-menu-group {
  padding-top: 12px;
  padding-bottom: 5px;
}
.table-header-menu-group.first {
  padding-top: 0;
}
.table-header-menu-group.last {
  padding-bottom: 0;
}
.table-header-menu-group.buttons {
  padding-bottom: 35px;
}
.table-header-menu-group.buttons.last {
  padding-bottom: 29px;
}
.table-header-menu-group-text {
  font-weight: bold;
  color: #666666;
  padding-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-header-menu-command {
  float: left;
  width: 43px;
  margin-right: 10px;
  height: 30px;
}
.table-header-menu-command:focus {
  box-shadow: 0 0 0 3px #93c5f4;
  border-color: #64adf0;
  outline: none;
}
.table-header-menu-command.last {
  margin-right: 0;
}
.table-header-menu-command > .icon::after {
  position: relative;
  left: 3px;
  top: -3px;
  font-size: 13px;
}
.table-header-menu-command.move-top > .icon::before {
  content: '\E010';
}
.table-header-menu-command.move-up > .icon::before {
  content: '\E012';
}
.table-header-menu-command.move-down > .icon::before {
  content: '\E013';
}
.table-header-menu-command.move-bottom > .icon::before {
  content: '\E011';
}
.table-header-menu-command.sort-asc > .icon::before,
.table-header-menu-command.sort-asc-add > .icon::before {
  content: '\E017';
}
.table-header-menu-command.sort-desc > .icon::before,
.table-header-menu-command.sort-desc-add > .icon::before {
  content: '\E016';
}
.table-header-menu-command.sort-asc-add > .icon::after,
.table-header-menu-command.sort-desc-add > .icon::after {
  content: '\E01B';
  display: inline-block;
  /* fix for pointer-events: none in IE11 */
}
.table-header-menu-command.sort-asc-add.selected > .icon::after,
.table-header-menu-command.sort-desc-add.selected > .icon::after {
  content: attr(data-icon);
  font-size: 12px;
  line-height: 12px;
  /* limit height otherwise arrow would move up in some browsers */
}
.table-header-menu-command.add-column > .icon::before {
  content: '\E01B';
}
.table-header-menu-command.remove-column > .icon::before {
  content: '\E01A';
}
.table-header-menu-command.change-column > .icon::before {
  content: '\E02F';
}
.table-header-menu-command.togglable.selected:hover > .icon::before {
  content: '\E035';
}
.table-header-menu-command.togglable.selected:hover > .icon::after {
  content: '';
}
.table-header-menu-command.hierarchy-collapse-all > .icon::before {
  content: '\E037';
}
.table-header-menu-command.hierarchy-expand-all > .icon::before {
  content: '\E036';
}
.table-header-menu-command.group > .icon::before,
.table-header-menu-command.group-add > .icon::before {
  content: '\E006';
}
.table-header-menu-command.group-add > .icon::after {
  content: '\E01B';
  display: inline-block;
  /* fix for pointer-events: none in IE11 */
}
.table-header-menu-command.group-add.selected > .icon::after {
  content: attr(data-icon);
  font-size: 12px;
  line-height: 12px;
  /* limit height otherwise arrow would move up in some browsers */
}
.table-header-menu-command.aggregation-function.sum > .icon::before {
  content: '\E02C';
}
.table-header-menu-command.aggregation-function.avg > .icon::before {
  content: '\E03A';
}
.table-header-menu-command.aggregation-function.max > .icon::before {
  content: '\E039';
}
.table-header-menu-command.aggregation-function.min > .icon::before {
  content: '\E038';
}
.table-header-menu-command.color-gradient1 {
  background-image: linear-gradient(to right, #FF8888, #BDF2E8);
}
.table-header-menu-command.color-gradient2 {
  background-image: linear-gradient(to right, #BDF2E8, #FF8888);
}
.table-header-menu-command.color-bar-chart {
  background-image: linear-gradient(to right, #74A8D8 0, #74A8D8 65%, #fff 65%, #fff 100%);
  background-color: transparent;
}
.table-header-menu-command.color:hover {
  border-width: 2px;
}
.table-header-menu-command.color.selected {
  border-width: 2px;
}
.table-header-menu-command.color.selected.togglable:hover {
  background-image: none;
}
.table-header-menu-filter-actions {
  float: right;
}
.table-header-menu-filter-toggle-checked {
  display: inline;
}
.table-header-menu-filter-table.table-row-check {
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
.table-header-menu-filter-table.table-row-check > .table-data {
  margin-top: 0;
  padding: 3px;
}
.table-header-menu-filter-table.table-row-check > .table-data > .table-row {
  border-radius: 3px;
  margin-bottom: 2px;
}
.table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {
  margin-bottom: 0;
}
.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell {
  border: 0;
}
.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell.halign-right {
  padding-right: 12px;
}
.table-header-menu-filter-number-column {
  font-size: 11px;
  color: #5C5C5C;
  vertical-align: middle;
}
.table-header-menu-toggle-sort-order {
  float: left;
  padding-right: 16px;
}
.table-header-menu-toggle-sort-order::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-header-menu-toggle-sort-order-alphabetically::before {
  content: '\F15D';
}
.table-header-menu-toggle-sort-order-amount::before {
  content: '\F161';
}
/* Filter fields group-box */
.filter-fields {
  padding: 0;
}
.filter-fields > .group-box-body {
  padding: 0;
}
.filter-fields > .group-box-body > .form-field > label {
  margin-left: 0;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-row-detail {
  padding: 14px 16px;
  line-height: 25px;
}
.table-row-detail-name {
  margin-right: 4px;
  color: #666666;
  font-size: 12px;
}
.table-row-detail-value {
  white-space: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.table-row-detail-icon.with-text {
  margin-right: 8px;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
   * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.table-control {
  position: relative;
  color: #1561A7;
  cursor: pointer;
  border-radius: 8px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.table-control > .font-icon {
  font-size: 22px;
}
.table-control:hover {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.08);
}
.table-control:active {
  color: #2F3C45;
  background-color: rgba(0, 0, 0, 0.12);
}
.table-control.selected {
  color: #1561A7;
  background-color: rgba(0, 0, 0, 0.12);
}
.table-control.disabled {
  cursor: default;
  color: #808080;
  background-color: transparent;
}
.tooltip.table-control-tooltip {
  /* move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) */
  margin-top: 8px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.cell-editor-popup {
  /* make sure it is behind the scrollbar but above selection */
  z-index: 1;
}
.cell-editor-field {
  --padding-top: var(--table-row-padding-y) - 2px;
  --padding-bottom: var(--table-row-padding-y) - 2px;
  padding: calc(var(--padding-top)) 8px calc(var(--padding-bottom)) 8px;
  border-width: 2px;
  background-color: #fff;
}
.cell-editor-popup.overflow-top .cell-editor-field {
  --padding-top: var(--table-row-padding-y) - 2px + 1px;
  --padding-bottom: var(--table-row-padding-y) - 2px + 1px;
}
.cell-editor-popup.overflow-bottom .cell-editor-field {
  --padding-bottom: var(--table-row-padding-y) - 2px + 2px;
}
.cell-editor-field:focus,
.cell-editor-field.focused {
  border-color: #1561A7;
  box-shadow: none;
}
.cell-editor-field:focus.has-error,
.cell-editor-field.focused.has-error {
  border-color: #D53F3F;
  box-shadow: none;
}
/*
 * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.compact-cell-title {
  display: flex;
  align-items: baseline;
  line-height: 20px;
}
.compact-cell-title > .left {
  flex-grow: 1;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compact-cell-title > .right {
  flex-grow: 0;
  /* in case it wraps when title is large */
  text-align: right;
}
.compact-cell-subtitle {
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compact-cell-subtitle:not(:empty) {
  padding-top: 2px;
}
.compact-cell-content,
.compact-cell-more-content {
  line-height: 20px;
}
.compact-cell-content.has-header,
.compact-cell-more-content.has-header {
  color: #000;
}
.compact-cell-more {
  line-height: 20px;
}
.compact-cell-content:not(:empty).has-header {
  padding-top: 5px;
}
.compact-cell-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
.compact-cell-line-label {
  font-size: 12px;
  color: #666666;
}
.compact-cell-line-label:not(:empty) {
  margin-right: 4px;
}
.compact-cell-line-label > .icon {
  margin-right: 2px;
}
.compact-cell-line-label > .icon.with-text,
.compact-cell-line-value > .icon.with-text {
  margin-right: 8px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tag-element,
.overflow-icon {
  display: inline-flex;
  user-select: none;
  white-space: nowrap;
  color: #000;
  outline: none;
  border-radius: 3px;
  background-color: #C1DEF9;
  height: 22px;
  line-height: 22px;
  margin: 3px 4px 0 0;
  overflow: hidden;
}
.tag-element.focused:not(:hover),
.overflow-icon.focused:not(:hover) {
  background-color: #9ccaf5;
}
.tag-element > .tag-text {
  max-width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
}
.removable.tag-element > .tag-text {
  padding-right: 4px;
}
.clickable.tag-element > .tag-text:hover {
  cursor: pointer;
  background-color: #9ccaf5;
}
.clickable.tag-element > .tag-text:active,
.clickable.tag-element > .tag-text.active {
  background-color: #89c0f4;
}
.overflow-icon {
  align-items: center;
  color: #1561A7;
  padding: 0 6px;
  vertical-align: bottom;
}
.overflow-icon::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 16px;
  content: '\F107';
}
.overflow-icon:hover {
  cursor: pointer;
  background-color: #9ccaf5;
}
.overflow-icon:active,
.overflow-icon.active {
  background-color: #89c0f4;
}
.overflow-icon.selected {
  background-color: #89c0f4;
  color: #2F3C45;
}
.tag-remove-icon {
  color: #1561A7;
  display: flex;
  justify-content: center;
  width: 22px;
  padding-top: 1px;
}
.tag-remove-icon::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: '\E045';
}
.tag-remove-icon:hover {
  cursor: pointer;
  background-color: #9ccaf5;
  color: #000;
}
.tag-remove-icon:active,
.tag-remove-icon.active {
  background-color: #89c0f4;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tag-overflow-popup {
  padding: 5px 4px 8px 8px;
  max-width: 250px;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
}
.tag-overflow-popup > .popup-body {
  display: inline;
}
.tag-overflow-popup.animate-open {
  -webkit-animation-name: fadein-zoom;
  -moz-animation-name: fadein-zoom;
  -o-animation-name: fadein-zoom;
  animation-name: fadein-zoom;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.tag-overflow-popup.animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.time-picker-popup {
  position: absolute;
  background-color: #fff;
  border: 0 solid #DADADA;
  border-radius: 3px;
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
  overflow: hidden;
  max-height: 350px;
}
.time-picker-separator {
  position: absolute;
  top: 0;
  left: 46px;
  height: 100%;
  border-right: 1px #DADADA solid;
}
.time-picker {
  position: relative;
  background-color: transparent;
}
.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover,
.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover > .cell {
  background-color: inherit;
}
.touch-popup-widget-container > .time-picker {
  max-height: 300px;
  display: flex;
  justify-content: center;
}
.touch-popup-widget-container > .time-picker > .day-table {
  padding: 0;
}
.touch-popup-widget-container > .time-picker > .day-table > .hour-row:first-child > .cell {
  margin-top: 0;
}
.time-picker-touch-popup {
  max-width: 200px;
}
.time-picker-touch-popup > .body > .touch-popup-widget-container > .time-picker-separator {
  left: 84px;
}
.day-table {
  padding: 0 13px 0 3px;
}
.day-table > .hour-row {
  display: flex;
}
.day-table > .hour-row:hover > .hours,
.day-table > .hour-row:hover > .hours.preselected {
  background-color: rgba(0, 0, 0, 0.08);
}
.day-table > .hour-row:first-child > .cell {
  margin-top: 7px;
}
.day-table > .hour-row:last-child > .cell {
  margin-bottom: 7px;
}
.day-table > .hour-row > .cell {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin: 2px;
  border-radius: 6px;
}
.day-table > .hour-row > .hours {
  color: #666666;
  margin: 2px 13px 2px 4px;
}
.day-table > .hour-row > .hours.now {
  color: #AD6200;
}
.day-table > .hour-row > .hours.now > .text {
  border-bottom: 2px #AD6200 solid;
  margin-bottom: -2px;
  font-weight: bold;
}
.day-table > .hour-row > .hours.preselected {
  background-color: rgba(0, 0, 0, 0.04);
}
.day-table > .hour-row > .hours:hover + .minutes {
  background-color: rgba(0, 0, 0, 0.08);
}
.day-table > .hour-row > .hours:hover + .minutes.selected {
  background-color: #1561A7;
}
.day-table > .hour-row > .hours:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.day-table > .hour-row > .hours.selected {
  color: #1561A7;
}
.day-table > .hour-row > .hours.selected > .text {
  font-weight: bold;
  border-bottom: 2px #1561A7 solid;
  margin-bottom: -2px;
}
.day-table > .hour-row > .minutes.now {
  color: #AD6200;
  font-weight: bold;
}
.day-table > .hour-row > .minutes.now > .text {
  border-bottom: 2px #AD6200 solid;
  margin-bottom: -2px;
  font-weight: bold;
}
.day-table > .hour-row > .minutes.preselected {
  background-color: rgba(0, 0, 0, 0.04);
}
.day-table > .hour-row > .minutes:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.day-table > .hour-row > .minutes:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.day-table > .hour-row > .minutes.selected {
  color: #fff;
  background-color: #1561A7;
}
.day-table > .hour-row > .minutes.selected.now > .text {
  border-color: #fff;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tooltip {
  position: absolute;
  background-color: #4C4C4C;
  border-radius: 3px;
  border: 0 solid #DADADA;
  color: #fff;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
  max-width: 300px;
  white-space: normal;
}
.tooltip-content {
  padding: 8px 12px;
  position: relative;
  min-width: 60px;
  /* Prevents tooltips with very short text from looking "strange" */
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  background-color: inherit;
  border-radius: 3px;
}
.has-menus > .tooltip-content {
  font-weight: bold;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 14px;
}
.tooltip-content .small {
  font-size: 11px;
  font-weight: normal;
  color: #fff;
}
.tooltip-content > .table-cell-icon {
  color: #fff;
}
.tooltip-menus {
  position: relative;
  background-color: inherit;
  padding-bottom: 6px;
}
.no-text > .tooltip-menus {
  padding-top: 6px;
}
.tooltip-menus > .menu-item {
  display: flex;
  justify-content: start;
  border-radius: 0;
  padding: 8px 16px 8px 16px;
}
.tooltip-menus > .menu-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.tooltip-menus > .menu-item > .submenu-icon {
  padding-left: 5px;
}
.ok > .tooltip-menus > .menu-item {
  color: #fff;
}
.info > .tooltip-menus > .menu-item {
  color: #fff;
}
.warning > .tooltip-menus > .menu-item {
  color: #fff;
}
.error > .tooltip-menus > .menu-item {
  color: #fff;
}
.tooltip-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: inherit;
  border: inherit;
}
.tooltip-arrow.arrow-bottom {
  bottom: 0;
  transform: translate(-50%, 50%) rotate(45deg);
}
.tooltip-arrow.arrow-top {
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.tooltip.error {
  background-color: #D53F3F;
  border-width: 0;
  color: #fff;
}
.tooltip.error > .tooltip-arrow {
  background-color: #D53F3F;
}
.tooltip.warning {
  background-color: #AD6200;
  border-width: 0;
  color: #fff;
}
.tooltip.warning > .tooltip-arrow {
  background-color: #AD6200;
}
.tooltip.ok {
  background-color: #00856C;
  border-width: 0;
  color: #fff;
}
.tooltip.ok > .tooltip-arrow {
  background-color: #00856C;
}
/*
 * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.widget-tooltip {
  max-width: none;
}
.widget-tooltip > .tooltip-widget-container {
  position: relative;
  padding: 10px;
  background-color: inherit;
  overflow: hidden;
  border-radius: 3px;
}
.widget-tooltip > .tooltip-widget-container > .widget {
  position: relative;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tree {
  position: relative;
}
.tree:focus,
.tree.focused {
  outline: none;
}
.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected,
.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected,
.tree:focus > .tree-data > .tree-node.selected,
.tree.focused > .tree-data > .tree-node.selected {
  background-color: #E9F0F6;
}
.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,
.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected::after,
.tree:focus > .tree-data > .tree-node.selected::after,
.tree.focused > .tree-data > .tree-node.selected::after {
  border-color: #1561A7;
}
.tree > .filter-field {
  --filter-field-max-bottom: calc(50% -  (var(--filter-field-height) + var(--menubar-height)) / 2);
  bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));
}
.tree > .filter-field:not(.focused).empty {
  --filter-field-max-bottom: calc(50% -  (24px + var(--menubar-height)) / 2);
}
.tree-data {
  /* necessary for scrollbars */
  position: relative;
  overflow: hidden;
  width: 100%;
  /* expand to outer container, needed for breadcrumb */
  /* required because text shouldn't go into ellipsis mode when scrollbars are enabled */
}
.tree-data.scrollable-tree {
  overflow-anchor: none;
}
.tree-data.scrollable-tree > .tree-node,
.tree-data.scrollable-tree > .animation-wrapper > .tree-node {
  overflow: visible;
}
.tree-data.scrollable-tree > .tree-node > .text,
.tree-data.scrollable-tree > .animation-wrapper > .tree-node > .text {
  text-overflow: clip;
}
.tree-data.checkable > .tree-node,
.tree-data.checkable > .animation-wrapper > .tree-node {
  cursor: pointer;
}
.tree-data.checkable.disabled > .tree-node,
.tree-data.checkable.disabled > .animation-wrapper > .tree-node,
.tree-data.checkable > .tree-node.disabled,
.tree-data.checkable > .animation-wrapper > .tree-node.disabled {
  cursor: default;
}
.navigation-breadcrumb .tree-data {
  float: left;
}
.tree-node {
  display: flex;
  align-items: start;
  position: relative;
  padding: 7px 7px 7px 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-node:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.tree-node.selected {
  background-color: #FAFAFA;
}
.tree-node.selected::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #CFCFCF;
  border-radius: 3px;
  pointer-events: none;
}
.tree-node.disabled {
  /* Tree node is disabled -> use lighter disabled color */
  color: #808080;
}
.disabled > .animation-wrapper > .tree-node,
.disabled > .tree-node {
  /* Whole tree is disabled -> use darker disabled color */
  color: #666666;
}
.disabled.read-only > .animation-wrapper > .tree-node,
.disabled.read-only > .tree-node {
  color: #000;
}
.tree-node > .text {
  vertical-align: top;
  display: inline-block;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-node > .icon {
  vertical-align: top;
  padding-right: 9px;
  display: inline-block;
  text-align: center;
  min-width: 16px;
  /* Use content-box for images because it leads to wrong behavior when someone sets a min-width/height
     * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'
     * See ticket 208111 */
  box-sizing: content-box;
}
.tree-node > .icon.image-icon {
  margin-top: -2px;
  /* required to reserve space for bitmap icons in the tree when image resource is not yet loaded */
  min-width: 16px;
  min-height: 16px;
}
.tree-node > .icon.font-icon {
  /* Necessary to align with the text, depends on the used font size */
  line-height: 15px;
  font-size: 14px;
}
.tree-node-checkbox {
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  margin-top: -2px;
  margin-left: -28px;
  width: 20px;
  height: 20px;
}
.tree-node-checkbox > .check-box:not(.checked).children-checked {
  background-color: #1561A7;
  border-color: #1561A7;
}
.tree-node-checkbox > .check-box:not(.checked).children-checked::before {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  width: 10px;
  border-radius: 1px;
  height: 2px;
  background-color: #fff;
}
.tree-node-checkbox > .check-box:not(.checked).children-checked.disabled {
  cursor: default;
  border-color: #DADADA;
  background-color: #808080;
  border-color: #808080;
}
.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box,
.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box {
  cursor: default;
  border-color: #DADADA;
}
.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box.checked,
.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box.checked {
  background-color: #808080;
  border-color: #808080;
}
.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked,
.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked {
  background-color: #808080;
  border-color: #808080;
}
.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,
.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked {
  background-color: inherit;
  border-color: #999999;
}
.disabled.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,
.disabled.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,
.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled,
.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled {
  background-color: inherit;
  border-color: #DADADA;
}
.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before,
.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before {
  display: none;
}
.tree-node-control {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  padding: 7px 8px 7px 13px;
  height: 100%;
  line-height: 15px;
  /* Necessary to align with the text, depends on the used font size */
  color: inherit;
}
.tree-node-control::before {
  display: block;
  transition: transform 0.3s;
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  content: '\E013';
}
.tree-node.lazy > .tree-node-control::before {
  font-family: Arial, sans-serif;
  content: '+';
  /* Move to left because '+' sign is not as wide as 'arrow-down' */
  margin-left: -2px;
}
.tree-node.expanded > .tree-node-control::before {
  /* This "imprecise" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. */
  /* See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 */
  -webkit-transform: rotate(89.99deg);
  -ms-transform: rotate(89.99deg);
  transform: rotate(89.99deg);
}
.tree-node-control:hover {
  color: #FE9915;
}
/* bread crumb style */
.tree.breadcrumb > .tree-data > .tree-node,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {
  white-space: normal;
  display: none;
  border-top: 0;
  border-bottom: 1px solid #DADADA;
  padding: 8px 10px;
}
.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected,
.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected,
.tree.breadcrumb > .tree-data > .tree-node:active,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {
  display: flex;
}
.tree.breadcrumb > .tree-data > .tree-node.selected,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {
  display: flex;
  cursor: default;
}
.tree.breadcrumb > .tree-data > .tree-node > .text,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {
  white-space: normal;
}
.tree.breadcrumb > .tree-data > .tree-node > .tree-node-control,
.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {
  display: none;
}
/* key handling */
.tree-node .key-box {
  top: calc(50% - 11px);
}
.tree > .tree-data > .key-box {
  top: 6px;
  left: 4px;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tree-field > .compact-tree {
  margin-left: 10px;
}
.compact-tree:focus {
  outline: none;
  border: 0;
  box-shadow: 0 0 0 0;
}
.compact-tree:focus > .tree-data > .nodes > .section > .section-node.selected {
  text-decoration: underline;
  color: #1561A7;
}
.compact-tree > .tree-data {
  position: relative;
  overflow: hidden;
  padding-top: 10px;
}
.compact-tree > .tree-data > .nodes {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  -ms-column-gap: 24px;
  -o-column-gap: 24px;
  column-gap: 24px;
}
.compact-tree > .tree-data > .nodes > .section {
  margin-bottom: 30px;
  /* Use full width to enlarge touch area */
  width: 100%;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid-column;
  page-break-inside: avoid;
  /* Hack for FF, because column-break-inside does not yet work for all elements, only for tables */
  /* see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 */
  display: table;
}
.compact-tree > .tree-data > .nodes > .section:last-child {
  margin-bottom: 0;
}
.compact-tree > .tree-data > .nodes > .section > .title {
  font-weight: bold;
}
.compact-tree > .tree-data > .nodes > .section > .section-node {
  cursor: pointer;
  padding-top: 12px;
}
.compact-tree > .tree-data > .nodes > .section > .section-node:hover {
  color: #1561A7;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile.newly-rendered {
  /* Tile should be invisible until it has the correct position, otherwise it might be visible in the top left corner in the time between rendering and layouting */
  visibility: hidden !important;
  /* NOSONAR (!important is okay here) */
}
.tile.animate-visible {
  -webkit-animation-name: fadein-grow;
  -moz-animation-name: fadein-grow;
  -o-animation-name: fadein-grow;
  animation-name: fadein-grow;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.tile.animate-invisible {
  -webkit-animation-name: fadeout-shrink;
  -moz-animation-name: fadeout-shrink;
  -o-animation-name: fadeout-shrink;
  animation-name: fadeout-shrink;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.tile.animate-insert {
  -webkit-animation-name: fadein-zoom-bounce;
  -moz-animation-name: fadein-zoom-bounce;
  -o-animation-name: fadein-zoom-bounce;
  animation-name: fadein-zoom-bounce;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.tile.animate-remove {
  -webkit-animation-name: fadeout-shrink-blur;
  -moz-animation-name: fadeout-shrink-blur;
  -o-animation-name: fadeout-shrink-blur;
  animation-name: fadeout-shrink-blur;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. */
.default-tile {
  background-color: #FAFAFA;
  border: 1px solid #DADADA;
  padding: 6px 8px;
}
.default-tile.selectable:active:not(.selected),
.default-tile.selectable.active:not(.selected) {
  background-color: rgba(0, 0, 0, 0.12);
}
.default-tile.selected {
  background-color: #E9F0F6;
  border-color: #1561A7;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile-grid {
  padding: 6px 0;
}
.tile-grid:focus,
.tile-grid.focused {
  outline: none;
}
.tile-grid.scrollable {
  padding-right: 15px;
}
.tile-grid > .tile {
  transition: opacity 250ms;
}
.tile-grid > .scrollbar {
  opacity: 1;
  transition: opacity 250ms;
}
.tile-grid.loading > .tile,
.tile-grid.loading > .scrollbar {
  opacity: 0;
}
.tile-grid.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.tile-grid.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.tile-grid.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.scrollable.tile-grid > .filter-field-container {
  top: calc(100% -  10px);
  left: 100%;
}
/* --------------------------------------------------------------------------- */
/* The following CSS classes are used to to read the values from JavaScript,   */
/* see TileGridLayoutConfig.js & TileGridLayoutConfig.java                     */
/* --------------------------------------------------------------------------- */
.tile-grid-layout-config {
  width: 210px;
  height: 155px;
  margin-left: 15px;
  /* horizontal gap */
  margin-top: 15px;
  /* vertical gap */
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile-overview {
  background-color: #F5F5F5;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.tile-overview-content {
  position: absolute;
  margin: 42px 65px;
  /* for larger screens */
}
@media screen and (max-width: 800px) {
  .tile-overview-content {
    /* for small screens */
    margin: 20px 20px 20px 23px;
  }
}
.tile-overview-content > .tile-grid {
  position: relative;
  margin-bottom: 30px;
}
.tile-overview-title {
  font-size: 32px;
  height: auto !important;
  padding-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tile-overview-title.animated {
  transition: max-height 400ms, padding-bottom 400ms;
}
.tile-overview-title.removed {
  max-height: 0 !important;
  padding-bottom: 0;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile-accordion > .group > .tile-grid.empty {
  /* Remove bottom margin if there are no tiles */
  margin-bottom: 0;
}
.tile-accordion > .filter-field-container {
  top: calc(100% -  16px);
}
.scrollable.tile-accordion > .filter-field-container {
  left: 100%;
}
/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.placeholder-tile {
  background-color: #EFEFEF;
}
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile.dashboard {
  border: none;
  border-radius: 12px;
  color: #666666;
  --tile-background-color: #fff;
  background-color: var(--tile-background-color);
  overflow: hidden;
  box-shadow: 0 0 0 1px #e2e2e2, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.tile.dashboard.inverted {
  box-shadow: 0 0 0 1px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.tile.dashboard.inverted.color-alternative {
  box-shadow: 0 0 0 1px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.dimmed-background .tile.dashboard {
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
}
.dimmed-background .tile.dashboard.disabled,
.dimmed-background .tile.dashboard.inverted {
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
}
.tile.dashboard > .form-field {
  padding: 16px 20px 20px;
  /* Define a short transition for opacity changes on all field elements (used in .loading state) */
  /* Move part of the tile's padding (@offset) to the inner div. */
  /* This makes it possible to draw the scrollbar (seemingly) outside the field. */
  /* --- Special rules for specific tile fields --- */
}
.tile.dashboard > .form-field.label-hidden {
  padding-top: 20px;
}
.compact.tile.dashboard > .form-field.label-hidden {
  padding-top: 10px;
}
.compact.tile.dashboard > .form-field {
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.tile.dashboard > .form-field.no-padding {
  padding: 0;
}
.tile.dashboard > .form-field.no-padding > .field {
  border: 0;
  border-radius: 0;
}
.tile.dashboard > .form-field > label {
  color: #666666;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 0;
}
.tile.dashboard > .form-field > .field {
  margin-left: 0;
  overflow: hidden;
}
.tile.dashboard > .form-field > .mandatory-indicator {
  display: none;
}
.tile.dashboard > .form-field > label,
.tile.dashboard > .form-field > .mandatory-indicator,
.tile.dashboard > .form-field > .field,
.tile.dashboard > .form-field > .status {
  transition: opacity 0.15s;
  /* Same time is used in animation() of .loading-indicator */
  opacity: 1;
}
.tile.dashboard > .form-field > .status {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background-color: var(--tile-background-color);
  box-shadow: 0 0 4px 4px var(--tile-background-color);
  border-radius: 50%;
  padding: 0;
  margin: 0;
  height: 24px !important;
  width: 24px !important;
  top: 12px !important;
  right: 12px !important;
  line-height: unset !important;
}
.tile.dashboard > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status {
  border-radius: 3px;
}
.tile.dashboard > .form-field.scrollbar-y-outside {
  padding-right: 3px;
}
.compact.tile.dashboard > .form-field.scrollbar-y-outside {
  padding-right: 0;
}
.tile.dashboard > .form-field.scrollbar-y-outside > label {
  margin-right: 17px;
}
.tile.dashboard > .form-field.scrollbar-y-outside > .field {
  padding-right: 17px;
}
.tile.dashboard > .form-field.scrollbar-y-outside > .field > .scrollbar.y-axis {
  /* Remove margin top/bottom, because root-group-box already provides a padding */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.tile.dashboard > .form-field.browser-field > .field {
  border-radius: 0;
}
.tile.dashboard > .form-field.browser-field.inverted > .field {
  border: 0;
}
.tile.dashboard > .form-field.html-field > label,
.tile.dashboard > .form-field.bean-field > label {
  padding-bottom: 10px;
}
.tile.dashboard.loading > .form-field > label,
.tile.dashboard.loading > .form-field > .mandatory-indicator,
.tile.dashboard.loading > .form-field > .field,
.tile.dashboard.loading > .form-field > .status {
  /* Same as 'visibility: hidden', except it can be animated with CSS transitions */
  opacity: 0;
}
.tile.dashboard.loading > .loading-indicator {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: fade-in 0.15s;
  -moz-animation: fade-in 0.15s;
  -o-animation: fade-in 0.15s;
  animation: fade-in 0.15s;
}
.tile.dashboard.loading > .loading-indicator::before {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px rgba(21, 97, 167, 0.8) solid;
  width: 30px;
  height: 30px;
}
.tile.dashboard.loading > .loading-indicator.animate-remove {
  -webkit-animation: fade-out-from-current 0.15s;
  -moz-animation: fade-out-from-current 0.15s;
  -o-animation: fade-out-from-current 0.15s;
  animation: fade-out-from-current 0.15s;
}
.tile.dashboard.inverted {
  --tile-background-color: #1561A7;
  color: #fff;
}
.tile.dashboard.inverted.disabled:not(.read-only) {
  --tile-background-color: #DADADA;
}
.tile.dashboard.inverted > .form-field {
  /* Override link style in inverted tiles, otherwise app-links would not be readable */
}
.tile.dashboard.inverted > .form-field > label {
  color: #fff;
}
.tile.dashboard.inverted > .form-field .app-link,
.tile.dashboard.inverted > .form-field a {
  color: #fff;
}
.tile.dashboard.inverted > .form-field .app-link:hover,
.tile.dashboard.inverted > .form-field a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.tile.dashboard.inverted > .form-field .app-link:active,
.tile.dashboard.inverted > .form-field a:active {
  color: rgba(255, 255, 255, 0.75);
}
.tile.dashboard.inverted > .form-field > .status::before {
  color: #fff;
}
.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status::before {
  color: #fff;
}
.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
}
.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,
.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.tile.dashboard.inverted > .form-field.has-error > .status::before {
  color: #FF5555;
}
.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,
.tile.dashboard.inverted > .form-field.has-error > .status:active::before,
.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {
  color: #FF5555;
}
.tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {
  background-color: rgba(218, 218, 218, 0.3);
}
.tile.dashboard.inverted > .form-field .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
.tile.dashboard.inverted > .form-field .scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(218, 218, 218, 0.45);
}
.tile.dashboard.inverted > .form-field .container-too-small-for-thumb > .scrollbar-thumb-handle {
  border-radius: 0;
  background-color: rgba(218, 218, 218, 0.15);
}
.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,
.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {
  background-color: rgba(218, 218, 218, 0.15);
}
.tile.dashboard.color-alternative {
  --tile-background-color: #fff;
  color: #666666;
}
.tile.dashboard.color-alternative.disabled:not(.read-only) {
  --tile-background-color: #DADADA;
}
.tile.dashboard.color-alternative > .form-field > label {
  color: #666666;
}
.tile.dashboard.color-alternative > .form-field .app-link,
.tile.dashboard.color-alternative > .form-field a {
  color: #1561A7;
}
.tile.dashboard.color-alternative > .form-field .app-link:hover,
.tile.dashboard.color-alternative > .form-field a:hover {
  color: #1b7bd4;
}
.tile.dashboard.color-alternative > .form-field .app-link:active,
.tile.dashboard.color-alternative > .form-field a:active {
  color: #1b7bd4;
}
.tile.dashboard.inverted.color-alternative {
  --tile-background-color: #4C4C4C;
  color: #fff;
}
.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {
  --tile-background-color: #DADADA;
}
.tile.dashboard.inverted.color-alternative > .form-field > label {
  color: #fff;
}
.tile.dashboard.inverted.color-alternative > .form-field .app-link,
.tile.dashboard.inverted.color-alternative > .form-field a {
  color: #fff;
}
.tile.dashboard.inverted.color-alternative > .form-field .app-link:hover,
.tile.dashboard.inverted.color-alternative > .form-field a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,
.tile.dashboard.inverted.color-alternative > .form-field a:active {
  color: rgba(255, 255, 255, 0.75);
}
.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
}
.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,
.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.tile.dashboard.selected {
  box-shadow: 0 0 0 2px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.tile.dashboard.selected.inverted {
  --tile-background-color: #367ab8;
  box-shadow: 0 0 0 2px #367ab8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.tile.dashboard.selected.color-alternative {
  box-shadow: 0 0 0 2px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.tile.dashboard.selected.inverted.color-alternative {
  --tile-background-color: #555555;
  box-shadow: 0 0 0 2px #555555, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.dimmed-background .tile.dashboard.selected {
  box-shadow: 0 0 0 2px #1561A7, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
}
.dimmed-background .tile.dashboard.selected.inverted {
  box-shadow: 0 0 0 2px #367ab8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
}
.dimmed-background .tile.dashboard.selected.color-alternative {
  box-shadow: 0 0 0 2px #4C4C4C, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
}
.dimmed-background .tile.dashboard.selected.inverted.color-alternative {
  box-shadow: 0 0 0 2px #555555, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
}
/*
 Mixing that can be used to reduce the horizontal padding.
 To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.
 */
/*
 * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile.dashboard > .tile-button {
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
}
.tile.dashboard > .tile-button > .field {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.tile.dashboard > .tile-button > .field.with-icon {
  padding-top: 17px;
}
.tile.dashboard > .tile-button > .field.without-icon {
  justify-content: center;
}
.tile.dashboard > .tile-button > .field > .icon-container,
.tile.dashboard > .tile-button > .field > .label {
  display: block;
}
.tile.dashboard > .tile-button > .field > .icon-container {
  flex-grow: 1;
}
.tile.dashboard > .tile-button > .field > .icon-container > .font-icon {
  font-size: 40px;
  font-weight: 300;
  color: #B2B2B2;
}
.tile.dashboard > .tile-button > .field > .label {
  font-size: 16px;
  max-height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile.dashboard > .tile-button > .field.with-icon > .label {
  padding-top: 18px;
}
.tile.dashboard.compact > .tile-button {
  padding-bottom: 0;
}
.tile.dashboard.compact > .tile-button > .field {
  padding-top: 12px;
  padding-bottom: 12px;
}
.tile.dashboard.compact > .tile-button > .field.with-icon {
  min-height: 100px;
}
.tile.dashboard.compact > .tile-button > .field > .label {
  font-size: 14px;
  padding-top: 0;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tile.dashboard.compact > .tile-button > .field > .icon-container > .font-icon {
  font-size: 28px;
}
.button-tile.dashboard {
  background-color: inherit;
}
.button-tile.dashboard > .tile-button {
  background-color: #fff;
}
.button-tile.dashboard > .tile-button > .field > .label {
  color: #1561A7;
}
.dimmed-background .button-tile.dashboard:hover {
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);
}
.button-tile.dashboard:hover > .tile-button {
  background-color: #fafafa;
}
.button-tile.dashboard:active > .tile-button,
.button-tile.dashboard.active > .tile-button {
  background-color: #f5f5f5;
}
.button-tile.dashboard.inverted > .tile-button {
  background-color: #1561A7;
}
.button-tile.dashboard.inverted > .tile-button > .field > .label {
  color: #fff;
}
.button-tile.dashboard.inverted > .tile-button > .field > .icon-container > .font-icon {
  color: #fff;
}
.button-tile.dashboard.inverted:hover > .tile-button {
  background-color: #125490;
  border-color: #125490;
}
.button-tile.dashboard.inverted:active > .tile-button,
.button-tile.dashboard.inverted.active > .tile-button {
  background-color: #0f477a;
  border-color: #0f477a;
}
.button-tile.dashboard.color-alternative.inverted > .tile-button {
  background-color: #4C4C4C;
}
.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .label {
  color: #fff;
}
.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .icon-container > .font-icon {
  color: #fff;
}
.button-tile.dashboard.color-alternative.inverted:hover > .tile-button {
  background-color: #3f3f3f;
  border-color: #3f3f3f;
}
.button-tile.dashboard.color-alternative.inverted:active > .tile-button,
.button-tile.dashboard.color-alternative.inverted.active > .tile-button {
  background-color: #333333;
  border-color: #333333;
}
.dimmed-background .button-tile.dashboard.disabled {
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
}
.button-tile.dashboard.disabled > .tile-button,
.inverted.button-tile.dashboard.disabled > .tile-button,
.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button {
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}
.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,
.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,
.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon {
  color: #808080;
}
.button-tile.dashboard.disabled > .tile-button > .field > .label,
.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label,
.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label {
  color: #808080;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.tile.dashboard > .table-field {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
  /* adjust menu bar when visible */
}
.tile.dashboard > .table-field > label {
  padding-left: 10px;
  padding-right: 10px;
}
.tile.dashboard > .table-field.label-hidden {
  padding-top: 7px;
}
.tile.dashboard > .table-field > label {
  padding-bottom: 10px;
}
.compact.tile.dashboard > .table-field {
  padding-left: 5px;
  padding-right: 5px;
}
.compact.tile.dashboard > .table-field > label {
  padding-left: 10px;
  padding-right: 10px;
}
.compact.tile.dashboard > .table-field > label {
  padding-bottom: 5px;
}
.tile.dashboard > .table-field.has-menubar {
  padding-bottom: 2px;
}
.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {
  padding-top: 1px;
}
.tile.dashboard > .table-field > .table {
  border: 0;
  /* see .table-row definition below */
  border-radius: 0;
  background-color: transparent;
}
.tile.dashboard > .table-field > .table:focus,
.tile.dashboard > .table-field > .table.focused {
  box-shadow: none;
}
.tile.dashboard > .table-field > .table > .table-header {
  background-color: transparent;
  /* show separator on mouseover only */
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-item {
  color: #4C4C4C;
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered {
  padding-right: 7px;
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-right,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-right,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-right,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-center,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-center,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-center {
  padding-right: 7px;
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-left,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-left,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-left,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-center,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-center,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-center,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-right,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-right,
.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-right {
  padding-right: 11px;
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-item > .table-header-item-state {
  display: none;
}
.tile.dashboard > .table-field > .table > .table-header > .table-header-resize {
  display: none;
}
.tile.dashboard > .table-field > .table > .table-header:hover > .table-header-resize {
  display: inline-block;
}
.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected {
  /* No selection color for non-focused table tiles */
  background-color: transparent;
}
.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected::after {
  border: 0;
}
.tile.dashboard > .table-field > .table > .table-data + .scroll-shadow {
  --scroll-shadow-size: 20px;
  --scroll-shadow-blur: 15px;
  --scroll-shadow-spread: 15px;
  --scroll-shadow-color: #fff;
}
.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell,
.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {
  color: #4C4C4C;
}
.tile.dashboard > .table-field > .table > .menubar {
  background-color: transparent;
}
.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected,
.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected {
  background-color: #186ebe;
}
.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,
.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {
  border-color: rgba(255, 255, 255, 0.5);
}
.tile.dashboard.inverted > .table-field > .table > .table-header {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item {
  color: #fff;
}
.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-resize {
  background-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row:active {
  background-color: transparent;
}
.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {
  color: #fff;
}
.tile.dashboard.inverted > .table-field > .table > .table-data + .scroll-shadow {
  --scroll-shadow-color: #1561A7;
}
.tile.dashboard.inverted > .table-field > .table > .menubar {
  border-top-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {
  color: #fff;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected,
.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected {
  background-color: #595959;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,
.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {
  border-color: rgba(255, 255, 255, 0.5);
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item {
  color: #fff;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-resize {
  background-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row:active {
  background-color: transparent;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {
  color: #fff;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data + .scroll-shadow {
  --scroll-shadow-color: #4C4C4C;
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar {
  border-top-color: rgba(255, 255, 255, 0.25);
}
.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {
  color: #fff;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.filter-field {
  position: absolute;
  --filter-field-height: 30px;
  --filter-field-bottom: 8px;
  --filter-field-max-bottom: calc(50% -  var(--filter-field-height) / 2);
  bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));
  right: 8px;
  height: var(--filter-field-height);
  width: 190px;
  min-width: 75px;
  max-width: 60%;
  display: flex;
  align-items: center;
  z-index: 3;
  border-radius: 3px;
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);
  background-color: var(--filter-field-background-color);
  opacity: 1;
  visibility: visible;
  --filter-field-opacity-transition-delay: 100ms;
  --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);
  transition: bottom 250ms ease-in-out, right 250ms ease-in-out, height 250ms ease-in-out, width 250ms ease-in-out, min-width 250ms ease-in-out, max-width 250ms ease-in-out, box-shadow 250ms ease-in-out, opacity 250ms ease-in-out var(--filter-field-opacity-transition-delay), visibility 0s var(--filter-field-visibility-transition-delay);
}
:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {
  opacity: 0;
  visibility: hidden;
  --filter-field-opacity-transition-delay: 0s;
  --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));
}
.filter-field::before {
  content: '\E02A';
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: calc((var(--filter-field-height) - 24px) / 2);
  right: 3px;
  height: 24px;
  width: 24px;
  opacity: 0;
  transition: bottom 250ms ease-in-out, right 250ms ease-in-out, opacity 250ms ease-in-out;
  font-size: 14px;
  color: #666666;
  border-radius: 3px;
}
.filter-field:hover::before {
  background-color: rgba(0, 0, 0, 0.08);
}
.filter-field > :not(.key-box) {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
.filter-field > input {
  width: 100%;
  min-height: 100%;
}
.filter-field.clearable-always:not(.has-text) > .clear-icon,
.filter-field.clearable-focused:not(.has-text):not(.focused) > .clear-icon {
  visibility: hidden !important;
  /* NOSONAR (!important is okay here) */
}
.filter-field > .clear-icon {
  display: flex;
  right: 3px;
  margin-right: 0;
  transition: right 250ms ease-in-out, opacity 250ms ease-in-out;
}
.filter-field > .key-box {
  top: calc(50% -  22px / 2) !important;
}
.filter-field:not(.focused).empty {
  --filter-field-bottom: 8px + ((var(--filter-field-height) - 24px) / 2);
  --filter-field-max-bottom: calc(50% -  24px / 2);
  right: 11px;
  height: 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  box-shadow: none;
  background-color: var(--filter-field-transparent-80-background-color);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .filter-field:not(.focused).empty {
    background-color: var(--filter-field-transparent-50-background-color);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
.filter-field:not(.focused).empty::before {
  bottom: 0;
  right: 0;
  opacity: 1;
}
.filter-field:not(.focused).empty > :not(.key-box) {
  opacity: 0;
}
.filter-field:not(.focused).empty > input {
  cursor: pointer;
}
.filter-field:not(.focused).empty > .clear-icon {
  right: 0;
}
.filter-field:not(.focused).empty > .key-box.char {
  margin-left: -10px;
  margin-right: -5px;
}
.filter-field-container {
  position: sticky;
  --filter-field-height: 30px;
  --filter-field-container-top: calc(100% -  8px);
  --filter-field-container-min-top: calc(50% +  var(--filter-field-height) / 2);
  top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));
  left: calc(100% -  8px);
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 3;
  --filter-field-max-width: 190px;
}
.filter-field-container:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {
  opacity: 1;
  visibility: visible;
  --filter-field-opacity-transition-delay: 100ms;
  --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);
}
.filter-field-container > .filter-field {
  bottom: 0;
  right: 0;
  max-width: var(--filter-field-max-width);
}
:not(:hover) > .filter-field-container > .filter-field:not(.focused):not(.focus-inside-widget).empty {
  opacity: 0;
  visibility: hidden;
  --filter-field-opacity-transition-delay: 0s;
  --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));
}
.filter-field-container > .filter-field:not(.focused).empty {
  bottom: calc((var(--filter-field-height) - 24px) / 2);
  right: 3px;
}
@supports not (bottom: min(50%, 42px)) {
  .filter-field-container,
  .filter-field {
    display: none !important;
    /* NOSONAR (!important is okay here) */
  }
}
.dense .filter-field,
.dense .filter-field-container {
  --filter-field-height: 24px;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.login-box-content > form > input,
.login-box-content > form > .button {
  width: calc(100% - 40px);
  height: 40px;
  margin: 4px 20px;
  font-size: 14px;
}
.login-box-content > form > .button {
  margin-top: 16px;
  margin-bottom: 0;
}
.login-box-content > form > .message-box {
  margin: 0 20px 12px 20px;
}
.login-box-content > form > input.alternative:-webkit-autofill {
  /* NOSONAR (for some reason, rule "less:overqualified-elements" is illegitimately triggered here)
       /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. */
  /* (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) */
  border-top-width: 0;
  padding-top: 3px;
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
  -webkit-text-fill-color: #000 !important;
  /* NOSONAR (!important is okay here) */
}
.login-box-content > form > input.alternative:-webkit-autofill::first-line {
  font-size: 14px;
  font-family: Arial, sans-serif;
}
.login-box-content > form > input.alternative:-webkit-autofill:focus {
  -webkit-text-fill-color: #1561A7 !important;
  /* NOSONAR (!important is okay here) */
}
.login-box-content > form > input.alternative:-webkit-autofill::selection {
  -webkit-text-fill-color: #fff !important;
  /* NOSONAR (!important is okay here) */
}
/*
 * Login button is a default button -> styles are defined in main.css.
 * Difference to regular default button is the disabled style and the ability to turn red.
 */
.login-button.default.login-error:not(.disabled) {
  border-color: transparent;
  background-color: #D53F3F;
}
.login-button.default.login-error:not(.disabled):hover {
  background-color: #c92c2c;
}
.login-button.default.login-error:not(.disabled):active {
  background-color: #ac2626;
}
.login-button.default.login-error:not(.disabled):focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);
  border-color: rgba(213, 63, 63, 0.55);
}
.login-button.default.disabled {
  color: #fff;
  border-color: #1561A7;
  background-color: #1561A7;
}
.login-button-loading {
  -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;
  display: inline-block;
  border-radius: 50%;
  border: 1px rgba(255, 255, 255, 0.8) solid;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.login-body > .box-background-elements.box-background-elements-fadeout,
.logout-body > .box-background-elements.box-background-elements-fadeout {
  -webkit-animation: nop 0.05s;
  -moz-animation: nop 0.05s;
  -o-animation: nop 0.05s;
  animation: nop 0.05s;
}
@media (max-width: 490px) {
  .login-box-content > form > .message-box,
  .login-box-content > form > input,
  .login-box-content > form > .button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.breadcrumb-bar-field > .field {
  padding-bottom: 0;
}
.dense .breadcrumb-bar-field > .field {
  padding-bottom: 4px;
}
/*
 * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.breadcrumb-bar {
  overflow: hidden;
  white-space: nowrap;
}
/*
 * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * https://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
.breadcrumb-item {
  display: inline-flex;
  align-items: center;
  text-align: center;
  height: 100%;
  color: #1561A7;
  font-size: 14px;
  vertical-align: top;
}
.breadcrumb-item.last {
  font-weight: bold;
}
.breadcrumb-item:hover:not(.disabled) {
  color: #1b7bd4;
}
.breadcrumb-item:not(.first)::before {
  font-family: scoutIcons, Arial, sans-serif;
  font-weight: normal;
  speak: none;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\F105';
  color: #000;
  display: block;
  margin: 0 5px;
  cursor: default;
}
.breadcrumb-item:not(.disabled):active {
  color: #2F3C45;
}
.breadcrumb-item:not(.disabled) {
  cursor: pointer;
}
.breadcrumb-item.disabled {
  color: #808080;
}


/*# sourceMappingURL=eclipse-scout-core-theme.css.map*/